Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bobthered/svelte-heroicons
https://github.com/bobthered/svelte-heroicons
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bobthered/svelte-heroicons
- Owner: bobthered
- Created: 2021-02-10T13:11:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-02-18T12:38:15.000Z (almost 4 years ago)
- Last Synced: 2024-10-29T19:27:34.094Z (about 2 months ago)
- Language: Svelte
- Size: 367 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# @bobthered/svelte-heroicons
Svelte component for creating [Heroicon](https://heroicons.com) components with tailwindcss
## Installation
```
npm i -D @bobthered/svelte-heroicons
```
## Basic Usage
```
import { Check } from '@bobthered/svelte-heroicons/small'
import { Menu } from '@bobthered/svelte-heroicons/medium'
```
## Available Props
| Prop | Default | Description |
| ----- | ------- | ---------------------------- |
| class | `""` | Add classes here for styling |
| strokeWidth | `2` | Set the stroke width for medium icons |
## Available Icons
- AcademicCap
- Adjustments
- Annotation
- Archive
- ArrowCircleDown
- ArrowCircleLeft
- ArrowCircleRight
- ArrowCircleUp
- ArrowDown
- ArrowLeft
- ArrowNarrowDown
- ArrowNarrowLeft
- ArrowNarrowRight
- ArrowNarrowUp
- ArrowRight
- ArrowsExpand
- ArrowUp
- AtSymbol
- Backspace
- BadgeCheck
- Ban
- Beaker
- Bell
- Bookmark
- BookmarkAlt
- BookOpen
- Briefcase
- Cake
- Calculator
- Calendar
- Camera
- Cash
- ChartBar
- ChartPie
- ChartSquareBar
- Chat
- ChatAlt
- ChatAlt2
- Check
- CheckCircle
- ChevronDoubleDown
- ChevronDoubleLeft
- ChevronDoubleRight
- ChevronDoubleUp
- ChevronDown
- ChevronLeft
- ChevronRight
- ChevronUp
- Chip
- Clipboard
- ClipboardCheck
- ClipboardCopy
- ClipboardList
- Clock
- Cloud
- CloudDownload
- CloudUpload
- Code
- Cog
- Collection
- ColorSwatch
- CreditCard
- Cube
- CubeTransparent
- CurrencyBangladeshi
- CurrencyDollar
- CurrencyEuro
- CurrencyPound
- CurrencyRupee
- CurrencyYen
- CursorClick
- Database
- DesktopComputer
- DeviceMobile
- DeviceTablet
- Document
- DocumentAdd
- DocumentDownload
- DocumentDuplicate
- DocumentRemove
- DocumentReport
- DocumentSearch
- DocumentText
- DotsCircleHorizontal
- DotsHorizontal
- DotsVertical
- Download
- Duplicate
- EmojiHappy
- EmojiSad
- Exclamation
- ExclamationCircle
- ExternalLink
- Eye
- EyeOff
- FastForward
- Film
- Filter
- FingerPrint
- Fire
- Flag
- Folder
- FolderAdd
- FolderDownload
- FolderOpen
- FolderRemove
- Gift
- Globe
- GlobeAlt
- Hand
- Hashtag
- Heart
- Home
- Identification
- Inbox
- InboxIn
- InformationCircle
- Key
- Library
- LightBulb
- LightningBolt
- Link
- LocationMarker
- LockClosed
- LockOpen
- Login
- Logout
- Mail
- MailOpen
- Map
- Menu
- MenuAlt1
- MenuAlt2
- MenuAlt3
- MenuAlt4
- Microphone
- Minus
- MinusCircle
- MinusSm
- Moon
- MusicNote
- Newspaper
- OfficeBuilding
- PaperAirplane
- PaperClip
- Pause
- Pencil
- PencilAlt
- Phone
- PhoneIncoming
- PhoneMissedCall
- PhoneOutgoing
- Photograph
- Play
- Plus
- PlusCircle
- PlusSm
- PresentationChartBar
- PresentationChartLine
- Printer
- Puzzle
- Qrcode
- QuestionMarkCircle
- ReceiptRefund
- ReceiptTax
- Refresh
- Reply
- Rewind
- Rss
- Save
- SaveAs
- Scale
- Scissors
- Search
- SearchCircle
- Selector
- Server
- Share
- ShieldCheck
- ShieldExclamation
- ShoppingBag
- ShoppingCart
- SortAscending
- SortDescending
- Sparkles
- Speakerphone
- Star
- StatusOffline
- StatusOnline
- Stop
- Sun
- Support
- SwitchHorizontal
- SwitchVertical
- Table
- Tag
- Template
- Terminal
- ThumbDown
- ThumbUp
- Ticket
- Translate
- Trash
- TrendingDown
- TrendingUp
- Truck
- Upload
- User
- UserAdd
- UserCircle
- UserGroup
- UserRemove
- Users
- Variable
- VideoCamera
- ViewBoards
- ViewGrid
- ViewGridAdd
- ViewList
- VolumeOff
- VolumeUp
- Wifi
- X
- XCircle
- ZoomIn
- ZoomOut