Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/astro-community/icons
Radix Icons for Astro
https://github.com/astro-community/icons
Last synced: 13 days ago
JSON representation
Radix Icons for Astro
- Host: GitHub
- URL: https://github.com/astro-community/icons
- Owner: astro-community
- Created: 2021-11-23T04:40:11.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-08T00:31:52.000Z (almost 2 years ago)
- Last Synced: 2024-05-16T08:41:50.539Z (6 months ago)
- Language: Astro
- Size: 440 KB
- Stars: 62
- Watchers: 2
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- my-awesome-astro - @astropub/icons - Icon components for [Radix icons](https://icons.radix-ui.com/) (What Do I Use... / If I want to add icons?)
README
# Radix Icons for Astro
Radix Icons are a crisp set of 15×15 icons designed by the [Modulz](https://modulz.app/) team.
```shell
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.
```astro
---
import * as Icon from '@astropub/icons'
---
```
The icons are also available as individual imports.
```astro
---
import SunIcon from '@astropub/icons/Sun'
import MoonIcon from '@astropub/icons/MoonIcon'
import StarIcon from '@astropub/icons/StarIcon'
import LightningBoltIcon from '@astropub/icons/LightningBolt'
---
```
## Prop Types
The following `Props` interface is available to every icon:
```ts
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 `` element within the ``.
- 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` |  |
---
## License
Licensed under the MIT License. Copyright © 2020–present Modulz.