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