Skip to content

astro-community/icons

Repository files navigation

Radix Icons

Radix Icons for Astro

Radix Icons are a crisp set of 15×15 icons designed by the Modulz team.

npm install @astropub/icons

Usage

All of the icons are available from a single import, and only the icons that are used will be added to the page.

---
import * as Icon from '@astropub/icons'
---
<Icon.Sun />
<Icon.Moon />
<Icon.Star />
<Icon.LightningBolt size="60" fill="gold" />

The icons are also available as individual imports.

---
import SunIcon from '@astropub/icons/Sun'
import MoonIcon from '@astropub/icons/MoonIcon'
import StarIcon from '@astropub/icons/StarIcon'
import LightningBoltIcon from '@astropub/icons/LightningBolt'
---
<SunIcon />
<MoonIcon />
<StarIcon />
<LightningBoltIcon size="60" fill="gold" />

Prop Types

The following Props interface is available to every icon:

export interface Props {
  'fill'?: string;
  'fill-opacity'?: number | string;
  'fill-rule'?: "nonzero" | "evenodd" | "inherit";
  'height'?: number | string;
  'size'?: number | string;
  'stroke'?: string;
  'stroke-dasharray'?: string | number;
  'stroke-dashoffset'?: string | number;
  'stroke-linecap'?: "butt" | "round" | "square" | "inherit";
  'stroke-linejoin'?: "miter" | "round" | "bevel" | "inherit";
  'stroke-miterlimit'?: number | string;
  'stroke-opacity'?: number | string;
  'stroke-width'?: number | string;
  'viewBox'?: string;
  'width'?: number | string;
}
  • The Props interface additionally includes:
    • All HTML global attributes.
    • All WAI-ARIA attributes and the WAI-ARIA role attribute.
  • The title attribute transforms into a <title> element within the <svg>.
  • The size attribute transforms values like 1.5x into 1.5em.
  • The size attribute is used as the default values for width and height.

Icons

There are 297 icons included in this package.

Icon Import Preview
Activity Log @astropub/icons/ActivityLog Activity Log
Align Baseline @astropub/icons/AlignBaseline Align Baseline
Align Bottom @astropub/icons/AlignBottom Align Bottom
Align Center Horizontally @astropub/icons/AlignCenterHorizontally Align Center Horizontally
Align Center Vertically @astropub/icons/AlignCenterVertically Align Center Vertically
Align Left @astropub/icons/AlignLeft Align Left
Align Right @astropub/icons/AlignRight Align Right
Align Top @astropub/icons/AlignTop Align Top
All Sides @astropub/icons/AllSides All Sides
Angle @astropub/icons/Angle Angle
Archive @astropub/icons/Archive Archive
Arrow Bottom Left @astropub/icons/ArrowBottomLeft Arrow Bottom Left
Arrow Bottom Right @astropub/icons/ArrowBottomRight Arrow Bottom Right
Arrow Down @astropub/icons/ArrowDown Arrow Down
Arrow Left @astropub/icons/ArrowLeft Arrow Left
Arrow Right @astropub/icons/ArrowRight Arrow Right
Arrow Top Left @astropub/icons/ArrowTopLeft Arrow Top Left
Arrow Top Right @astropub/icons/ArrowTopRight Arrow Top Right
Arrow Up @astropub/icons/ArrowUp Arrow Up
Aspect Ratio @astropub/icons/AspectRatio Aspect Ratio
Avatar @astropub/icons/Avatar Avatar
Backpack @astropub/icons/Backpack Backpack
Badge @astropub/icons/Badge Badge
Bar Chart @astropub/icons/BarChart Bar Chart
Bell @astropub/icons/Bell Bell
Blending Mode @astropub/icons/BlendingMode Blending Mode
Bookmark @astropub/icons/Bookmark Bookmark
Border All @astropub/icons/BorderAll Border All
Border Bottom @astropub/icons/BorderBottom Border Bottom
Border Dashed @astropub/icons/BorderDashed Border Dashed
Border Dotted @astropub/icons/BorderDotted Border Dotted
Border Left @astropub/icons/BorderLeft Border Left
Border None @astropub/icons/BorderNone Border None
Border Right @astropub/icons/BorderRight Border Right
Border Solid @astropub/icons/BorderSolid Border Solid
Border Split @astropub/icons/BorderSplit Border Split
Border Style @astropub/icons/BorderStyle Border Style
Border Top @astropub/icons/BorderTop Border Top
Box Model @astropub/icons/BoxModel Box Model
Box @astropub/icons/Box Box
Button @astropub/icons/Button Button
Calendar @astropub/icons/Calendar Calendar
Camera @astropub/icons/Camera Camera
Card Stack Minus @astropub/icons/CardStackMinus Card Stack Minus
Card Stack Plus @astropub/icons/CardStackPlus Card Stack Plus
Card Stack @astropub/icons/CardStack Card Stack
Caret Down @astropub/icons/CaretDown Caret Down
Caret Left @astropub/icons/CaretLeft Caret Left
Caret Right @astropub/icons/CaretRight Caret Right
Caret Sort @astropub/icons/CaretSort Caret Sort
Caret Up @astropub/icons/CaretUp Caret Up
Chat Bubble @astropub/icons/ChatBubble Chat Bubble
Check Circled @astropub/icons/CheckCircled Check Circled
Check @astropub/icons/Check Check
Checkbox @astropub/icons/Checkbox Checkbox
Chevron Down @astropub/icons/ChevronDown Chevron Down
Chevron Left @astropub/icons/ChevronLeft Chevron Left
Chevron Right @astropub/icons/ChevronRight Chevron Right
Chevron Up @astropub/icons/ChevronUp Chevron Up
Circle Backslash @astropub/icons/CircleBackslash Circle Backslash
Circle @astropub/icons/Circle Circle
Clipboard Copy @astropub/icons/ClipboardCopy Clipboard Copy
Clipboard @astropub/icons/Clipboard Clipboard
Clock @astropub/icons/Clock Clock
Code @astropub/icons/Code Code
CodeSandbox Logo @astropub/icons/CodeSandboxLogo CodeSandbox Logo
Column Spacing @astropub/icons/ColumnSpacing Column Spacing
Columns @astropub/icons/Columns Columns
Commit @astropub/icons/Commit Commit
Component 1 @astropub/icons/Component1 Component 1
Component 2 @astropub/icons/Component2 Component 2
Component Boolean @astropub/icons/ComponentBoolean Component Boolean
Component Instance @astropub/icons/ComponentInstance Component Instance
Component None @astropub/icons/ComponentNone Component None
Component Placeholder @astropub/icons/ComponentPlaceholder Component Placeholder
Container @astropub/icons/Container Container
Cookie @astropub/icons/Cookie Cookie
Copy @astropub/icons/Copy Copy
Corner Bottom Left @astropub/icons/CornerBottomLeft Corner Bottom Left
Corner Bottom Right @astropub/icons/CornerBottomRight Corner Bottom Right
Corner Top Left @astropub/icons/CornerTopLeft Corner Top Left
Corner Top Right @astropub/icons/CornerTopRight Corner Top Right
Corners @astropub/icons/Corners Corners
Countdown Timer @astropub/icons/CountdownTimer Countdown Timer
Counter Clockwise Clock @astropub/icons/CounterClockwiseClock Counter Clockwise Clock
Crop @astropub/icons/Crop Crop
Cross 1 @astropub/icons/Cross1 Cross 1
Cross 2 @astropub/icons/Cross2 Cross 2
Cross Circled @astropub/icons/CrossCircled Cross Circled
Crosshair 1 @astropub/icons/Crosshair1 Crosshair 1
Crosshair 2 @astropub/icons/Crosshair2 Crosshair 2
Crumpled Paper @astropub/icons/CrumpledPaper Crumpled Paper
Cube @astropub/icons/Cube Cube
Cursor Arrow @astropub/icons/CursorArrow Cursor Arrow
Cursor Text @astropub/icons/CursorText Cursor Text
Dash @astropub/icons/Dash Dash
Dashboard @astropub/icons/Dashboard Dashboard
Dimensions @astropub/icons/Dimensions Dimensions
Disc @astropub/icons/Disc Disc
Divider Horizontal @astropub/icons/DividerHorizontal Divider Horizontal
Divider Vertical @astropub/icons/DividerVertical Divider Vertical
Dot Filled @astropub/icons/DotFilled Dot Filled
Dot @astropub/icons/Dot Dot
Dots Horizontal @astropub/icons/DotsHorizontal Dots Horizontal
Dots Vertical @astropub/icons/DotsVertical Dots Vertical
Double Arrow Down @astropub/icons/DoubleArrowDown Double Arrow Down
Double Arrow Left @astropub/icons/DoubleArrowLeft Double Arrow Left
Double Arrow Right @astropub/icons/DoubleArrowRight Double Arrow Right
Double Arrow Up @astropub/icons/DoubleArrowUp Double Arrow Up
Download @astropub/icons/Download Download
Drag Handle Dots 1 @astropub/icons/DragHandleDots1 Drag Handle Dots 1
Drag Handle Dots 2 @astropub/icons/DragHandleDots2 Drag Handle Dots 2
Drag Handle Horizontal @astropub/icons/DragHandleHorizontal Drag Handle Horizontal
Drag Handle Vertical @astropub/icons/DragHandleVertical Drag Handle Vertical
Drawing Pin Filled @astropub/icons/DrawingPinFilled Drawing Pin Filled
Drawing Pin @astropub/icons/DrawingPin Drawing Pin
Dropdown Menu @astropub/icons/DropdownMenu Dropdown Menu
Enter Full Screen @astropub/icons/EnterFullScreen Enter Full Screen
Enter @astropub/icons/Enter Enter
Envelope Closed @astropub/icons/EnvelopeClosed Envelope Closed
Envelope Open @astropub/icons/EnvelopeOpen Envelope Open
Exclamation Triangle @astropub/icons/ExclamationTriangle Exclamation Triangle
Exit Full Screen @astropub/icons/ExitFullScreen Exit Full Screen
Exit @astropub/icons/Exit Exit
External Link @astropub/icons/ExternalLink External Link
Eye Closed @astropub/icons/EyeClosed Eye Closed
Eye None @astropub/icons/EyeNone Eye None
Eye Open @astropub/icons/EyeOpen Eye Open
Face @astropub/icons/Face Face
Figma Logo @astropub/icons/FigmaLogo Figma Logo
File Minus @astropub/icons/FileMinus File Minus
File Plus @astropub/icons/FilePlus File Plus
File Text @astropub/icons/FileText File Text
File @astropub/icons/File File
Font Bold @astropub/icons/FontBold Font Bold
Font Family @astropub/icons/FontFamily Font Family
Font Italic @astropub/icons/FontItalic Font Italic
Font Roman @astropub/icons/FontRoman Font Roman
Font Size @astropub/icons/FontSize Font Size
Font Style @astropub/icons/FontStyle Font Style
Frame @astropub/icons/Frame Frame
Framer Logo @astropub/icons/FramerLogo Framer Logo
Gear @astropub/icons/Gear Gear
GitHub Logo @astropub/icons/GitHubLogo GitHub Logo
Globe @astropub/icons/Globe Globe
Grid @astropub/icons/Grid Grid
Group @astropub/icons/Group Group
Half 1 @astropub/icons/Half1 Half 1
Half 2 @astropub/icons/Half2 Half 2
Hamburger Menu @astropub/icons/HamburgerMenu Hamburger Menu
Hand @astropub/icons/Hand Hand
Heading @astropub/icons/Heading Heading
Height @astropub/icons/Height Height
Home @astropub/icons/Home Home
IconJar Logo @astropub/icons/IconJarLogo IconJar Logo
Id Card @astropub/icons/IdCard Id Card
Image @astropub/icons/Image Image
Info Circled @astropub/icons/InfoCircled Info Circled
Input @astropub/icons/Input Input
Lap Timer @astropub/icons/LapTimer Lap Timer
Layers @astropub/icons/Layers Layers
Layout @astropub/icons/Layout Layout
Letter Case Capitalize @astropub/icons/LetterCaseCapitalize Letter Case Capitalize
Letter Case Lowercase @astropub/icons/LetterCaseLowercase Letter Case Lowercase
Letter Case Toggle @astropub/icons/LetterCaseToggle Letter Case Toggle
Letter Case Uppercase @astropub/icons/LetterCaseUppercase Letter Case Uppercase
Letter Spacing @astropub/icons/LetterSpacing Letter Spacing
Lightning Bolt @astropub/icons/LightningBolt Lightning Bolt
Line Height @astropub/icons/LineHeight Line Height
Link 1 @astropub/icons/Link1 Link 1
Link 2 @astropub/icons/Link2 Link 2
Link Break 1 @astropub/icons/LinkBreak1 Link Break 1
Link Break 2 @astropub/icons/LinkBreak2 Link Break 2
Link None 1 @astropub/icons/LinkNone1 Link None 1
Link None 2 @astropub/icons/LinkNone2 Link None 2
List Bullet @astropub/icons/ListBullet List Bullet
Lock Closed @astropub/icons/LockClosed Lock Closed
Lock Open 1 @astropub/icons/LockOpen1 Lock Open 1
Lock Open 2 @astropub/icons/LockOpen2 Lock Open 2
Loop @astropub/icons/Loop Loop
Magic Wand @astropub/icons/MagicWand Magic Wand
Magnifying Glass @astropub/icons/MagnifyingGlass Magnifying Glass
Margin @astropub/icons/Margin Margin
Mask Off @astropub/icons/MaskOff Mask Off
Mask On @astropub/icons/MaskOn Mask On
Minus Circled @astropub/icons/MinusCircled Minus Circled
Minus @astropub/icons/Minus Minus
Mix @astropub/icons/Mix Mix
Mixer Horizontal @astropub/icons/MixerHorizontal Mixer Horizontal
Mixer Vertical @astropub/icons/MixerVertical Mixer Vertical
Modulz Logo @astropub/icons/ModulzLogo Modulz Logo
Moon @astropub/icons/Moon Moon
Move @astropub/icons/Move Move
Notion Logo @astropub/icons/NotionLogo Notion Logo
Opacity @astropub/icons/Opacity Opacity
Overline @astropub/icons/Overline Overline
Padding @astropub/icons/Padding Padding
Paper Plane @astropub/icons/PaperPlane Paper Plane
Pause @astropub/icons/Pause Pause
Pencil 1 @astropub/icons/Pencil1 Pencil 1
Pencil 2 @astropub/icons/Pencil2 Pencil 2
Person @astropub/icons/Person Person
Pie Chart @astropub/icons/PieChart Pie Chart
Pilcrow @astropub/icons/Pilcrow Pilcrow
Pin Bottom @astropub/icons/PinBottom Pin Bottom
Pin Left @astropub/icons/PinLeft Pin Left
Pin Right @astropub/icons/PinRight Pin Right
Pin Top @astropub/icons/PinTop Pin Top
Play @astropub/icons/Play Play
Plus Circled @astropub/icons/PlusCircled Plus Circled
Plus @astropub/icons/Plus Plus
Question Mark Circled @astropub/icons/QuestionMarkCircled Question Mark Circled
Question Mark @astropub/icons/QuestionMark Question Mark
Quote @astropub/icons/Quote Quote
Radiobutton @astropub/icons/Radiobutton Radiobutton
Reader @astropub/icons/Reader Reader
Reload @astropub/icons/Reload Reload
Reset @astropub/icons/Reset Reset
Resume @astropub/icons/Resume Resume
Rocket @astropub/icons/Rocket Rocket
Rotate Counter Clockwise @astropub/icons/RotateCounterClockwise Rotate Counter Clockwise
Row Spacing @astropub/icons/RowSpacing Row Spacing
Rows @astropub/icons/Rows Rows
Ruler Horizontal @astropub/icons/RulerHorizontal Ruler Horizontal
Ruler Square @astropub/icons/RulerSquare Ruler Square
Section @astropub/icons/Section Section
Sewing Pin Filled @astropub/icons/SewingPinFilled Sewing Pin Filled
Sewing Pin @astropub/icons/SewingPin Sewing Pin
Shadow Inner @astropub/icons/ShadowInner Shadow Inner
Shadow None @astropub/icons/ShadowNone Shadow None
Shadow Outer @astropub/icons/ShadowOuter Shadow Outer
Shadow @astropub/icons/Shadow Shadow
Share 1 @astropub/icons/Share1 Share 1
Share 2 @astropub/icons/Share2 Share 2
Shuffle @astropub/icons/Shuffle Shuffle
Size @astropub/icons/Size Size
Sketch Logo @astropub/icons/SketchLogo Sketch Logo
Slash @astropub/icons/Slash Slash
Slider @astropub/icons/Slider Slider
Space Between Horizontally @astropub/icons/SpaceBetweenHorizontally Space Between Horizontally
Space Between Vertically @astropub/icons/SpaceBetweenVertically Space Between Vertically
Space Evenly Horizontally @astropub/icons/SpaceEvenlyHorizontally Space Evenly Horizontally
Space Evenly Vertically @astropub/icons/SpaceEvenlyVertically Space Evenly Vertically
Speaker Loud @astropub/icons/SpeakerLoud Speaker Loud
Speaker Moderate @astropub/icons/SpeakerModerate Speaker Moderate
Speaker Off @astropub/icons/SpeakerOff Speaker Off
Speaker Quiet @astropub/icons/SpeakerQuiet Speaker Quiet
Square @astropub/icons/Square Square
Stack @astropub/icons/Stack Stack
Star Filled @astropub/icons/StarFilled Star Filled
Star @astropub/icons/Star Star
Stitches Logo @astropub/icons/StitchesLogo Stitches Logo
Stop @astropub/icons/Stop Stop
Stopwatch @astropub/icons/Stopwatch Stopwatch
Stretch Horizontally @astropub/icons/StretchHorizontally Stretch Horizontally
Stretch Vertically @astropub/icons/StretchVertically Stretch Vertically
Strikethrough @astropub/icons/Strikethrough Strikethrough
Sun @astropub/icons/Sun Sun
Switch @astropub/icons/Switch Switch
Symbol @astropub/icons/Symbol Symbol
Table @astropub/icons/Table Table
Target @astropub/icons/Target Target
Text Align Center @astropub/icons/TextAlignCenter Text Align Center
Text Align Justify @astropub/icons/TextAlignJustify Text Align Justify
Text Align Left @astropub/icons/TextAlignLeft Text Align Left
Text Align Right @astropub/icons/TextAlignRight Text Align Right
Text None @astropub/icons/TextNone Text None
Text @astropub/icons/Text Text
Thick Arrow Down @astropub/icons/ThickArrowDown Thick Arrow Down
Thick Arrow Left @astropub/icons/ThickArrowLeft Thick Arrow Left
Thick Arrow Right @astropub/icons/ThickArrowRight Thick Arrow Right
Thick Arrow Up @astropub/icons/ThickArrowUp Thick Arrow Up
Timer @astropub/icons/Timer Timer
Tokens @astropub/icons/Tokens Tokens
Track Next @astropub/icons/TrackNext Track Next
Track Previous @astropub/icons/TrackPrevious Track Previous
Transparency Grid @astropub/icons/TransparencyGrid Transparency Grid
Trash @astropub/icons/Trash Trash
Triangle Down @astropub/icons/TriangleDown Triangle Down
Triangle Left @astropub/icons/TriangleLeft Triangle Left
Triangle Right @astropub/icons/TriangleRight Triangle Right
Triangle Up @astropub/icons/TriangleUp Triangle Up
Twitter Logo @astropub/icons/TwitterLogo Twitter Logo
Underline @astropub/icons/Underline Underline
Update @astropub/icons/Update Update
Upload @astropub/icons/Upload Upload
Value None @astropub/icons/ValueNone Value None
Value @astropub/icons/Value Value
Vercel Logo @astropub/icons/VercelLogo Vercel Logo
Video @astropub/icons/Video Video
View Grid @astropub/icons/ViewGrid View Grid
View Horizontal @astropub/icons/ViewHorizontal View Horizontal
View None @astropub/icons/ViewNone View None
View Vertical @astropub/icons/ViewVertical View Vertical
Width @astropub/icons/Width Width
Zoom In @astropub/icons/ZoomIn Zoom In
Zoom Out @astropub/icons/ZoomOut Zoom Out

License

Licensed under the MIT License. Copyright © 2020–present Modulz.