Skip to main content

Crate dioxus_icons

Crate dioxus_icons 

Source
Expand description

dioxus-icons

Dioxus components for every Lucide icon.

Icon Index

Browse by icon name, Lucide tags, or category.

A

AArrowDown AArrowUp ALargeSmall Accessibility Activity AirVent Airplay AlarmClockCheck AlarmClockMinus AlarmClockOff AlarmClockPlus AlarmClock AlarmSmoke Album AlignCenterHorizontal AlignCenterVertical AlignEndHorizontal AlignEndVertical AlignHorizontalDistributeCenter AlignHorizontalDistributeEnd AlignHorizontalDistributeStart AlignHorizontalJustifyCenter AlignHorizontalJustifyEnd AlignHorizontalJustifyStart AlignHorizontalSpaceAround AlignHorizontalSpaceBetween AlignStartHorizontal AlignStartVertical AlignVerticalDistributeCenter AlignVerticalDistributeEnd AlignVerticalDistributeStart AlignVerticalJustifyCenter AlignVerticalJustifyEnd AlignVerticalJustifyStart AlignVerticalSpaceAround AlignVerticalSpaceBetween Ambulance Ampersand Ampersands Amphora Anchor Angry Annoyed Antenna Anvil Aperture AppWindowMac AppWindow Apple ArchiveRestore ArchiveX Archive Armchair ArrowBigDownDash ArrowBigDown ArrowBigLeftDash ArrowBigLeft ArrowBigRightDash ArrowBigRight ArrowBigUpDash ArrowBigUp ArrowDown01 ArrowDown10 ArrowDownAZ ArrowDownFromLine ArrowDownLeft ArrowDownNarrowWide ArrowDownRight ArrowDownToDot ArrowDownToLine ArrowDownUp ArrowDownWideNarrow ArrowDownZA ArrowDown ArrowLeftFromLine ArrowLeftRight ArrowLeftToLine ArrowLeft ArrowRightFromLine ArrowRightLeft ArrowRightToLine ArrowRight ArrowUp01 ArrowUp10 ArrowUpAZ ArrowUpDown ArrowUpFromDot ArrowUpFromLine ArrowUpLeft ArrowUpNarrowWide ArrowUpRight ArrowUpToLine ArrowUpWideNarrow ArrowUpZA ArrowUp ArrowsUpFromLine Asterisk Astroid AtSign Atom AudioLines AudioWaveform Award Axe Axis3d

B

C

CableCar Cable CakeSlice Cake Calculator Calendar1 CalendarArrowDown CalendarArrowUp CalendarCheck2 CalendarCheck CalendarClock CalendarCog CalendarDays CalendarFold CalendarHeart CalendarMinus2 CalendarMinus CalendarOff CalendarPlus2 CalendarPlus CalendarRange CalendarSearch CalendarSync CalendarX2 CalendarX Calendar Calendars CameraOff Camera CandyCane CandyOff Candy CannabisOff Cannabis CaptionsOff Captions CarFront CarTaxiFront Car Caravan CardSim Carrot CaseLower CaseSensitive CaseUpper CassetteTape Cast Castle Cat CctvOff Cctv ChartArea ChartBarBig ChartBarDecreasing ChartBarIncreasing ChartBarStacked ChartBar ChartCandlestick ChartColumnBig ChartColumnDecreasing ChartColumnIncreasing ChartColumnStacked ChartColumn ChartGantt ChartLine ChartNetwork ChartNoAxesColumnDecreasing ChartNoAxesColumnIncreasing ChartNoAxesColumn ChartNoAxesCombined ChartNoAxesGantt ChartPie ChartScatter ChartSpline CheckCheck CheckLine Check ChefHat Cherry ChessBishop ChessKing ChessKnight ChessPawn ChessQueen ChessRook ChevronDown ChevronFirst ChevronLast ChevronLeft ChevronRight ChevronUp ChevronsDownUp ChevronsDown ChevronsLeftRightEllipsis ChevronsLeftRight ChevronsLeft ChevronsRightLeft ChevronsRight ChevronsUpDown ChevronsUp Church CigaretteOff Cigarette CircleAlert CircleArrowDown CircleArrowLeft CircleArrowOutDownLeft CircleArrowOutDownRight CircleArrowOutUpLeft CircleArrowOutUpRight CircleArrowRight CircleArrowUp CircleCheckBig CircleCheck CircleChevronDown CircleChevronLeft CircleChevronRight CircleChevronUp CircleDashed CircleDivide CircleDollarSign CircleDotDashed CircleDot CircleEllipsis CircleEqual CircleFadingArrowUp CircleFadingPlus CircleGauge CircleMinus CircleOff CircleParkingOff CircleParking CirclePause CirclePercent CirclePile CirclePlay CirclePlus CirclePoundSterling CirclePower CircleQuestionMark CircleSlash2 CircleSlash CircleSmall CircleStar CircleStop CircleUserRound CircleUser CircleX Circle CircuitBoard Citrus Clapperboard ClipboardCheck ClipboardClock ClipboardCopy ClipboardList ClipboardMinus ClipboardPaste ClipboardPenLine ClipboardPen ClipboardPlus ClipboardType ClipboardX Clipboard Clock1 Clock10 Clock11 Clock12 Clock2 Clock3 Clock4 Clock5 Clock6 Clock7 Clock8 Clock9 ClockAlert ClockArrowDown ClockArrowUp ClockCheck ClockFading ClockPlus Clock ClosedCaption CloudAlert CloudBackup CloudCheck CloudCog CloudDownload CloudDrizzle CloudFog CloudHail CloudLightning CloudMoonRain CloudMoon CloudOff CloudRainWind CloudRain CloudSnow CloudSunRain CloudSun CloudSync CloudUpload Cloud Cloudy Clover Club CodeXml Code Coffee Cog Coins Columns2 Columns3Cog Columns3 Columns4 Combine Command Compass Component Computer ConciergeBell Cone Construction ContactRound Contact Container Contrast Cookie CookingPot CopyCheck CopyMinus CopyPlus CopySlash CopyX Copy Copyleft Copyright CornerDownLeft CornerDownRight CornerLeftDown CornerLeftUp CornerRightDown CornerRightUp CornerUpLeft CornerUpRight Cpu CreativeCommons CreditCard Croissant Crop Cross Crosshair Crown Cuboid CupSoda Currency Cylinder

D

E

F

G

H

I

J

K

L

M

Magnet MailCheck MailMinus MailOpen MailPlus MailQuestionMark MailSearch MailWarning MailX Mail Mailbox Mails MapMinus MapPinCheckInside MapPinCheck MapPinHouse MapPinMinusInside MapPinMinus MapPinOff MapPinPen MapPinPlusInside MapPinPlus MapPinSearch MapPinXInside MapPinX MapPin MapPinned MapPlus Map MarsStroke Mars Martini Maximize2 Maximize Medal MegaphoneOff Megaphone Meh MemoryStick Menu Merge MessageCircleCheck MessageCircleCode MessageCircleDashed MessageCircleHeart MessageCircleMore MessageCircleOff MessageCirclePlus MessageCircleQuestionMark MessageCircleReply MessageCircleWarning MessageCircleX MessageCircle MessageSquareCheck MessageSquareCode MessageSquareDashed MessageSquareDiff MessageSquareDot MessageSquareHeart MessageSquareLock MessageSquareMore MessageSquareOff MessageSquarePlus MessageSquareQuote MessageSquareReply MessageSquareShare MessageSquareText MessageSquareWarning MessageSquareX MessageSquare MessagesSquare Metronome MicOff MicVocal Mic Microchip Microscope Microwave Milestone MilkOff Milk Minimize2 Minimize Minus MirrorRectangular MirrorRound MonitorCheck MonitorCloud MonitorCog MonitorDot MonitorDown MonitorOff MonitorPause MonitorPlay MonitorSmartphone MonitorSpeaker MonitorStop MonitorUp MonitorX Monitor MoonStar Moon Motorbike MountainSnow Mountain MouseLeft MouseOff MousePointer2Off MousePointer2 MousePointerBan MousePointerClick MousePointer MouseRight Mouse Move3d MoveDiagonal2 MoveDiagonal MoveDownLeft MoveDownRight MoveDown MoveHorizontal MoveLeft MoveRight MoveUpLeft MoveUpRight MoveUp MoveVertical Move Music2 Music3 Music4 Music

N

O

P

Q

R

S

Sailboat Salad Sandwich SatelliteDish Satellite SaudiRiyal SaveAll SaveOff Save Scale3d Scale Scaling ScanBarcode ScanEye ScanFace ScanHeart ScanLine ScanQrCode ScanSearch ScanText Scan School ScissorsLineDashed Scissors Scooter ScreenShareOff ScreenShare ScrollText Scroll SearchAlert SearchCheck SearchCode SearchSlash SearchX Search Section SendHorizontal SendToBack Send SeparatorHorizontal SeparatorVertical ServerCog ServerCrash ServerOff Server Settings2 Settings Shapes Share2 Share Sheet Shell ShelvingUnit ShieldAlert ShieldBan ShieldCheck ShieldCogCorner ShieldCog ShieldEllipsis ShieldHalf ShieldMinus ShieldOff ShieldPlus ShieldQuestionMark ShieldUser ShieldX Shield ShipWheel Ship Shirt ShoppingBag ShoppingBasket ShoppingCart Shovel ShowerHead Shredder Shrimp Shrink Shrub Shuffle Sigma SignalHigh SignalLow SignalMedium SignalZero Signal Signature SignpostBig Signpost Siren SkipBack SkipForward Skull Slash Slice SlidersHorizontal SlidersVertical SmartphoneCharging SmartphoneNfc Smartphone SmilePlus Smile Snail Snowflake SoapDispenserDroplet Sofa SolarPanel Soup Space Spade Sparkle Sparkles Speaker Speech SpellCheck2 SpellCheck SplinePointer Spline Split Spool SportShoe Spotlight SprayCan Sprout SquareActivity SquareArrowDownLeft SquareArrowDownRight SquareArrowDown SquareArrowLeft SquareArrowOutDownLeft SquareArrowOutDownRight SquareArrowOutUpLeft SquareArrowOutUpRight SquareArrowRightEnter SquareArrowRightExit SquareArrowRight SquareArrowUpLeft SquareArrowUpRight SquareArrowUp SquareAsterisk SquareBottomDashedScissors SquareCenterlineDashedHorizontal SquareCenterlineDashedVertical SquareChartGantt SquareCheckBig SquareCheck SquareChevronDown SquareChevronLeft SquareChevronRight SquareChevronUp SquareCode SquareDashedBottomCode SquareDashedBottom SquareDashedKanban SquareDashedMousePointer SquareDashedText SquareDashedTopSolid SquareDashed SquareDivide SquareDot SquareEqual SquareFunction SquareKanban SquareLibrary SquareM SquareMenu SquareMinus SquareMousePointer SquareParkingOff SquareParking SquarePause SquarePen SquarePercent SquarePi SquarePilcrow SquarePlay SquarePlus SquarePower SquareRadical SquareRoundCorner SquareScissors SquareSigma SquareSlash SquareSplitHorizontal SquareSplitVertical SquareSquare SquareStack SquareStar SquareStop SquareTerminal SquareUserRound SquareUser SquareX Square SquaresExclude SquaresIntersect SquaresSubtract SquaresUnite SquircleDashed Squircle Squirrel Stamp StarHalf StarOff Star StepBack StepForward Stethoscope Sticker StickyNote Stone Store StretchHorizontal StretchVertical Strikethrough Subscript SunDim SunMedium SunMoon SunSnow Sun Sunrise Sunset Superscript SwatchBook SwissFranc SwitchCamera Sword Swords Syringe

T

U

V

W

X

Z

The full Lucide set — 1,700+ icons — exposed as Dioxus components. Each icon is its own component, so the linker keeps only the ones you import.

§Quick start

[dependencies]
dioxus-icons = "0.1"
use dioxus::prelude::*;
use dioxus_icons::lucide::Trash;

#[component]
fn DeleteButton() -> Element {
    rsx! {
        button {
            Trash { size: 16 }
            "Delete"
        }
    }
}

Every icon lives under dioxus_icons::lucide and accepts the shared IconProps.

§Customization

IconProps keeps a size convenience prop and extends Dioxus SVG attributes on the root SVG.

prop / attrdefaultmaps to
size24SVG width / height when those attrs are not set; accepts numbers or CSS lengths
stroke"currentColor"SVG stroke
fill"none"SVG fill
stroke_width2SVG stroke-width
stroke_linecap"round"SVG stroke-linecap
stroke_linejoin"round"SVG stroke-linejoin
SVG attrsinheritedroot SVG attributes
use dioxus_icons::lucide::Bell;

Bell { size: 20, stroke: "red", stroke_width: 3 }

Because stroke defaults to currentColor, icons inherit the surrounding text color — so Tailwind’s text-* utilities (or any CSS framework) work out of the box on either the icon or its parent:

use dioxus_icons::lucide::{Bell, Menu};

nav { class: "flex items-center gap-3 text-slate-900",
    Menu { size: 20 }
    Bell { size: 18, class: "text-amber-600" }
}

§Dioxus compatibility

Targets the Dioxus 0.7.x line starting at 0.7.7. Pick your renderer features (web, desktop, mobile, server, fullstack) in your application crate.

§Examples

Examples live under crates/dioxus-icons/examples:

cargo run -p dioxus-icons --example basic
cargo run -p dioxus-icons --example navbar
cargo run -p dioxus-icons --example tailwind
cargo run -p dioxus-icons --example stateful_button

§License

Crate code is MIT (LICENSE). Generated icon data comes from Lucide and is covered by LICENSE-LUCIDE (upstream ISC plus the Feather-derived MIT notice). The published crate is MIT AND ISC.

Modules§

lucide
Lucide icons. Lucide v1.14.0 icons generated by dioxus-icons-codegen.

Structs§

IconProps
Properties shared by every Lucide icon component.
IconSize
Convenience size for SVG width and height.