JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 10288
  • Score
    100M100P100Q130058F
  • License MIT

310+ Radix SVG icon components for Svelte

Package Exports

  • svelte-radix
  • svelte-radix/Accessibility.svelte
  • svelte-radix/ActivityLog.svelte
  • svelte-radix/AlignBaseline.svelte
  • svelte-radix/AlignBottom.svelte
  • svelte-radix/AlignCenterHorizontally.svelte
  • svelte-radix/AlignCenterVertically.svelte
  • svelte-radix/AlignLeft.svelte
  • svelte-radix/AlignRight.svelte
  • svelte-radix/AlignTop.svelte
  • svelte-radix/AllSides.svelte
  • svelte-radix/Angle.svelte
  • svelte-radix/Archive.svelte
  • svelte-radix/ArrowBottomLeft.svelte
  • svelte-radix/ArrowBottomRight.svelte
  • svelte-radix/ArrowDown.svelte
  • svelte-radix/ArrowLeft.svelte
  • svelte-radix/ArrowRight.svelte
  • svelte-radix/ArrowTopLeft.svelte
  • svelte-radix/ArrowTopRight.svelte
  • svelte-radix/ArrowUp.svelte
  • svelte-radix/AspectRatio.svelte
  • svelte-radix/Avatar.svelte
  • svelte-radix/Backpack.svelte
  • svelte-radix/Badge.svelte
  • svelte-radix/BarChart.svelte
  • svelte-radix/Bell.svelte
  • svelte-radix/BlendingMode.svelte
  • svelte-radix/Bookmark.svelte
  • svelte-radix/BookmarkFilled.svelte
  • svelte-radix/BorderAll.svelte
  • svelte-radix/BorderBottom.svelte
  • svelte-radix/BorderDashed.svelte
  • svelte-radix/BorderDotted.svelte
  • svelte-radix/BorderLeft.svelte
  • svelte-radix/BorderNone.svelte
  • svelte-radix/BorderRight.svelte
  • svelte-radix/BorderSolid.svelte
  • svelte-radix/BorderSplit.svelte
  • svelte-radix/BorderStyle.svelte
  • svelte-radix/BorderTop.svelte
  • svelte-radix/BorderWidth.svelte
  • svelte-radix/Box.svelte
  • svelte-radix/BoxModel.svelte
  • svelte-radix/Button.svelte
  • svelte-radix/Calendar.svelte
  • svelte-radix/Camera.svelte
  • svelte-radix/CardStack.svelte
  • svelte-radix/CardStackMinus.svelte
  • svelte-radix/CardStackPlus.svelte
  • svelte-radix/CaretDown.svelte
  • svelte-radix/CaretLeft.svelte
  • svelte-radix/CaretRight.svelte
  • svelte-radix/CaretSort.svelte
  • svelte-radix/CaretUp.svelte
  • svelte-radix/ChatBubble.svelte
  • svelte-radix/Check.svelte
  • svelte-radix/CheckCircled.svelte
  • svelte-radix/Checkbox.svelte
  • svelte-radix/ChevronDown.svelte
  • svelte-radix/ChevronLeft.svelte
  • svelte-radix/ChevronRight.svelte
  • svelte-radix/ChevronUp.svelte
  • svelte-radix/Circle.svelte
  • svelte-radix/CircleBackslash.svelte
  • svelte-radix/Clipboard.svelte
  • svelte-radix/ClipboardCopy.svelte
  • svelte-radix/Clock.svelte
  • svelte-radix/Code.svelte
  • svelte-radix/CodesandboxLogo.svelte
  • svelte-radix/ColorWheel.svelte
  • svelte-radix/ColumnSpacing.svelte
  • svelte-radix/Columns.svelte
  • svelte-radix/Commit.svelte
  • svelte-radix/Component1.svelte
  • svelte-radix/Component2.svelte
  • svelte-radix/ComponentBoolean.svelte
  • svelte-radix/ComponentInstance.svelte
  • svelte-radix/ComponentNone.svelte
  • svelte-radix/ComponentPlaceholder.svelte
  • svelte-radix/Container.svelte
  • svelte-radix/Cookie.svelte
  • svelte-radix/Copy.svelte
  • svelte-radix/CornerBottomLeft.svelte
  • svelte-radix/CornerBottomRight.svelte
  • svelte-radix/CornerTopLeft.svelte
  • svelte-radix/CornerTopRight.svelte
  • svelte-radix/Corners.svelte
  • svelte-radix/CountdownTimer.svelte
  • svelte-radix/CounterClockwiseClock.svelte
  • svelte-radix/Crop.svelte
  • svelte-radix/Cross1.svelte
  • svelte-radix/Cross2.svelte
  • svelte-radix/CrossCircled.svelte
  • svelte-radix/Crosshair1.svelte
  • svelte-radix/Crosshair2.svelte
  • svelte-radix/CrumpledPaper.svelte
  • svelte-radix/Cube.svelte
  • svelte-radix/CursorArrow.svelte
  • svelte-radix/CursorText.svelte
  • svelte-radix/Dash.svelte
  • svelte-radix/Dashboard.svelte
  • svelte-radix/Desktop.svelte
  • svelte-radix/Dimensions.svelte
  • svelte-radix/Disc.svelte
  • svelte-radix/DiscordLogo.svelte
  • svelte-radix/DividerHorizontal.svelte
  • svelte-radix/DividerVertical.svelte
  • svelte-radix/Dot.svelte
  • svelte-radix/DotFilled.svelte
  • svelte-radix/DotsHorizontal.svelte
  • svelte-radix/DotsVertical.svelte
  • svelte-radix/DoubleArrowDown.svelte
  • svelte-radix/DoubleArrowLeft.svelte
  • svelte-radix/DoubleArrowRight.svelte
  • svelte-radix/DoubleArrowUp.svelte
  • svelte-radix/Download.svelte
  • svelte-radix/DragHandleDots1.svelte
  • svelte-radix/DragHandleDots2.svelte
  • svelte-radix/DragHandleHorizontal.svelte
  • svelte-radix/DragHandleVertical.svelte
  • svelte-radix/DrawingPin.svelte
  • svelte-radix/DrawingPinFilled.svelte
  • svelte-radix/DropdownMenu.svelte
  • svelte-radix/Enter.svelte
  • svelte-radix/EnterFullScreen.svelte
  • svelte-radix/EnvelopeClosed.svelte
  • svelte-radix/EnvelopeOpen.svelte
  • svelte-radix/Eraser.svelte
  • svelte-radix/ExclamationTriangle.svelte
  • svelte-radix/Exit.svelte
  • svelte-radix/ExitFullScreen.svelte
  • svelte-radix/ExternalLink.svelte
  • svelte-radix/EyeClosed.svelte
  • svelte-radix/EyeNone.svelte
  • svelte-radix/EyeOpen.svelte
  • svelte-radix/Face.svelte
  • svelte-radix/FigmaLogo.svelte
  • svelte-radix/File.svelte
  • svelte-radix/FileMinus.svelte
  • svelte-radix/FilePlus.svelte
  • svelte-radix/FileText.svelte
  • svelte-radix/FontBold.svelte
  • svelte-radix/FontFamily.svelte
  • svelte-radix/FontItalic.svelte
  • svelte-radix/FontRoman.svelte
  • svelte-radix/FontSize.svelte
  • svelte-radix/FontStyle.svelte
  • svelte-radix/Frame.svelte
  • svelte-radix/FramerLogo.svelte
  • svelte-radix/Gear.svelte
  • svelte-radix/GithubLogo.svelte
  • svelte-radix/Globe.svelte
  • svelte-radix/Grid.svelte
  • svelte-radix/Group.svelte
  • svelte-radix/Half1.svelte
  • svelte-radix/Half2.svelte
  • svelte-radix/HamburgerMenu.svelte
  • svelte-radix/Hand.svelte
  • svelte-radix/Heading.svelte
  • svelte-radix/Heart.svelte
  • svelte-radix/HeartFilled.svelte
  • svelte-radix/Height.svelte
  • svelte-radix/HobbyKnife.svelte
  • svelte-radix/Home.svelte
  • svelte-radix/Icon.svelte
  • svelte-radix/IconjarLogo.svelte
  • svelte-radix/IdCard.svelte
  • svelte-radix/Image.svelte
  • svelte-radix/InfoCircled.svelte
  • svelte-radix/Input.svelte
  • svelte-radix/InstagramLogo.svelte
  • svelte-radix/Keyboard.svelte
  • svelte-radix/LapTimer.svelte
  • svelte-radix/Laptop.svelte
  • svelte-radix/Layers.svelte
  • svelte-radix/Layout.svelte
  • svelte-radix/LetterCaseCapitalize.svelte
  • svelte-radix/LetterCaseLowercase.svelte
  • svelte-radix/LetterCaseToggle.svelte
  • svelte-radix/LetterCaseUppercase.svelte
  • svelte-radix/LetterSpacing.svelte
  • svelte-radix/LightningBolt.svelte
  • svelte-radix/LineHeight.svelte
  • svelte-radix/Link1.svelte
  • svelte-radix/Link2.svelte
  • svelte-radix/LinkBreak1.svelte
  • svelte-radix/LinkBreak2.svelte
  • svelte-radix/LinkNone1.svelte
  • svelte-radix/LinkNone2.svelte
  • svelte-radix/LinkedinLogo.svelte
  • svelte-radix/ListBullet.svelte
  • svelte-radix/LockClosed.svelte
  • svelte-radix/LockOpen1.svelte
  • svelte-radix/LockOpen2.svelte
  • svelte-radix/Loop.svelte
  • svelte-radix/MagicWand.svelte
  • svelte-radix/MagnifyingGlass.svelte
  • svelte-radix/Margin.svelte
  • svelte-radix/MaskOff.svelte
  • svelte-radix/MaskOn.svelte
  • svelte-radix/Minus.svelte
  • svelte-radix/MinusCircled.svelte
  • svelte-radix/Mix.svelte
  • svelte-radix/MixerHorizontal.svelte
  • svelte-radix/MixerVertical.svelte
  • svelte-radix/Mobile.svelte
  • svelte-radix/ModulzLogo.svelte
  • svelte-radix/Moon.svelte
  • svelte-radix/Move.svelte
  • svelte-radix/NotionLogo.svelte
  • svelte-radix/Opacity.svelte
  • svelte-radix/OpenInNewWindow.svelte
  • svelte-radix/Overline.svelte
  • svelte-radix/Padding.svelte
  • svelte-radix/PaperPlane.svelte
  • svelte-radix/Pause.svelte
  • svelte-radix/Pencil1.svelte
  • svelte-radix/Pencil2.svelte
  • svelte-radix/Person.svelte
  • svelte-radix/PieChart.svelte
  • svelte-radix/Pilcrow.svelte
  • svelte-radix/PinBottom.svelte
  • svelte-radix/PinLeft.svelte
  • svelte-radix/PinRight.svelte
  • svelte-radix/PinTop.svelte
  • svelte-radix/Play.svelte
  • svelte-radix/Plus.svelte
  • svelte-radix/PlusCircled.svelte
  • svelte-radix/QuestionMark.svelte
  • svelte-radix/QuestionMarkCircled.svelte
  • svelte-radix/Quote.svelte
  • svelte-radix/Radiobutton.svelte
  • svelte-radix/Reader.svelte
  • svelte-radix/Reload.svelte
  • svelte-radix/Reset.svelte
  • svelte-radix/Resume.svelte
  • svelte-radix/Rocket.svelte
  • svelte-radix/RotateCounterClockwise.svelte
  • svelte-radix/RowSpacing.svelte
  • svelte-radix/Rows.svelte
  • svelte-radix/RulerHorizontal.svelte
  • svelte-radix/RulerSquare.svelte
  • svelte-radix/Scissors.svelte
  • svelte-radix/Section.svelte
  • svelte-radix/SewingPin.svelte
  • svelte-radix/SewingPinFilled.svelte
  • svelte-radix/Shadow.svelte
  • svelte-radix/ShadowInner.svelte
  • svelte-radix/ShadowNone.svelte
  • svelte-radix/ShadowOuter.svelte
  • svelte-radix/Share1.svelte
  • svelte-radix/Share2.svelte
  • svelte-radix/Shuffle.svelte
  • svelte-radix/Size.svelte
  • svelte-radix/SketchLogo.svelte
  • svelte-radix/Slash.svelte
  • svelte-radix/Slider.svelte
  • svelte-radix/SpaceBetweenHorizontally.svelte
  • svelte-radix/SpaceBetweenVertically.svelte
  • svelte-radix/SpaceEvenlyHorizontally.svelte
  • svelte-radix/SpaceEvenlyVertically.svelte
  • svelte-radix/SpeakerLoud.svelte
  • svelte-radix/SpeakerModerate.svelte
  • svelte-radix/SpeakerOff.svelte
  • svelte-radix/SpeakerQuiet.svelte
  • svelte-radix/Square.svelte
  • svelte-radix/Stack.svelte
  • svelte-radix/Star.svelte
  • svelte-radix/StarFilled.svelte
  • svelte-radix/StitchesLogo.svelte
  • svelte-radix/Stop.svelte
  • svelte-radix/Stopwatch.svelte
  • svelte-radix/StretchHorizontally.svelte
  • svelte-radix/StretchVertically.svelte
  • svelte-radix/Strikethrough.svelte
  • svelte-radix/Sun.svelte
  • svelte-radix/Switch.svelte
  • svelte-radix/Symbol.svelte
  • svelte-radix/Table.svelte
  • svelte-radix/Target.svelte
  • svelte-radix/Text.svelte
  • svelte-radix/TextAlignBottom.svelte
  • svelte-radix/TextAlignCenter.svelte
  • svelte-radix/TextAlignJustify.svelte
  • svelte-radix/TextAlignLeft.svelte
  • svelte-radix/TextAlignMiddle.svelte
  • svelte-radix/TextAlignRight.svelte
  • svelte-radix/TextAlignTop.svelte
  • svelte-radix/TextNone.svelte
  • svelte-radix/ThickArrowDown.svelte
  • svelte-radix/ThickArrowLeft.svelte
  • svelte-radix/ThickArrowRight.svelte
  • svelte-radix/ThickArrowUp.svelte
  • svelte-radix/Timer.svelte
  • svelte-radix/Tokens.svelte
  • svelte-radix/TrackNext.svelte
  • svelte-radix/TrackPrevious.svelte
  • svelte-radix/Transform.svelte
  • svelte-radix/TransparencyGrid.svelte
  • svelte-radix/Trash.svelte
  • svelte-radix/TriangleDown.svelte
  • svelte-radix/TriangleLeft.svelte
  • svelte-radix/TriangleRight.svelte
  • svelte-radix/TriangleUp.svelte
  • svelte-radix/TwitterLogo.svelte
  • svelte-radix/Underline.svelte
  • svelte-radix/Update.svelte
  • svelte-radix/Upload.svelte
  • svelte-radix/Value.svelte
  • svelte-radix/ValueNone.svelte
  • svelte-radix/VercelLogo.svelte
  • svelte-radix/Video.svelte
  • svelte-radix/ViewGrid.svelte
  • svelte-radix/ViewHorizontal.svelte
  • svelte-radix/ViewNone.svelte
  • svelte-radix/ViewVertical.svelte
  • svelte-radix/Width.svelte
  • svelte-radix/ZoomIn.svelte
  • svelte-radix/ZoomOut.svelte
  • svelte-radix/package.json

Readme

Svelte Radix

Buy Me a Coffee at ko-fi.com

sponsor npm npm Created by Shin Okada License npm

310+ SVG Radix icons components for Svelte.

Docs

See the Svelte Radix documentation to learn more.

Icons

Icon names

Repo

GitHub Repo

Installation

Svelte 5 or later

pnpm i -D svelte-radix

Svelte 4/5

pnpm i -D svelte-radix@v1-latest

Original source

radix-ui/icons

License

svelte-radix License

radix-ui/icons LICENSE

Other icons

Svelte-Icon-Sets