@a5gard/baldr
v1.0.15
Published
A flexible icon library for React
Downloads
42
Readme
ÁSGARÐR/BALDR ICONS
React Icon Library
This is a programmatically generated React icon library designed for simplicity and accuracy.
Key Features
- No Website Needed: Icons are visually similar across libraries, so a dedicated showcase website is omitted.
- Script-Generated & Verified: The entire library is built using scripts. Upon completion, it automatically scans the icon directory to generate the list below, guaranteeing that every listed icon is available.
- Two Search Methods:
- Browser Search: Use your browser's find function (
Ctrl+F/Cmd+F) to search the list on this page. - VS Code Extension: Use the "DevStack" extension from the marketplace for a quick-pick search. It inserts the icon component and adds the necessary import automatically.
- Browser Search: Use your browser's find function (
Naming Convention
Icons are named intuitively, so you don't need to memorize their original names. The structure is:
[Main Theme][Container/Feature][Filled]
- Main Theme: The core subject of the icon (e.g.,
ExclamationPoint,Text). - Container/Feature: An encompassing shape or added feature (e.g.,
Circle,File,Wrap). - Filled: Appended only if the icon has a filled variant.
Examples:
ExclamationPointCircleTextWrapExclamationPointFileQuestionMarkFileFilled
Installation
npm install @a5gard/baldr
# or
pnpm add @a5gard/baldrUsage
import { ArrowBadgeRight } from '@a5gard/baldr'
<ArrowBadgeRight />Icons
- Abc
- Ac
- Ace
- Aleph
- Algiz
- Alien
- AlignCenter
- AlignEndVertical
- AlignJustified
- AlignJustify
- AlignLeft
- AlignRight
- Alpha
- Amazon
- AmericanExpress
- Android
- Ansuz
- Anthropic
- AppWindow
- Apple
- Archive
- ArchiveX
- ArrowBadgeDown
- ArrowBadgeLeft
- ArrowBadgeRight
- ArrowBadgeUp
- ArrowBigDown
- ArrowBigLeft
- ArrowBigRight
- ArrowBigUp
- ArrowDown
- ArrowDownFromLine
- ArrowDownLeft
- ArrowDownRight
- ArrowLeft
- ArrowLeftRight
- ArrowRight
- ArrowSwap
- ArrowUp
- ArrowUpDown
- ArrowUpFromLine
- ArrowUpNarrowWide
- ArrowUpRight
- Assemblyai
- Asterisk
- Astro
- At
- AtSign
- Atari
- AudioWaveform
- Award
- Aws
- Azure
- Badge
- BadgeCheck
- Ban
- Banknote
- BarChart
- BarChartArea
- BarChartAreaBig
- BarChartFile
- Baseten
- Bat
- Bed
- BeggarsHand
- Bell
- Berkano
- Beta
- Beth
- Biohazard
- Biome
- Bitcoin
- Bitcoin2
- Blackforestlabs
- Blackforestlabs1
- Blocks
- Bluetooth
- Bmw
- Bold
- Book
- BookOpen
- BookOpenText
- Bookmark
- Bot
- Bower
- Box
- Boxes
- Braces
- BracketsAngle
- Brain
- BrandAstro
- Briefcase
- BrightnessDown
- BrightnessUp
- Browser
- Brush
- Bug
- Building
- Bun
- Burger
- C
- Calc
- CalcDoubled
- Calculator
- Calendar
- CalendarCheck
- CalendarCheck2
- CalendarDays
- CalendarPlus
- Camera
- Capture
- Car
- CarFront
- CaretDown
- CaretLeft
- CaretRight
- CaretUp
- Cb
- Cen
- Cerebras
- Check
- CheckCircle
- CheckSquare
- Checkbox
- CheckboxCheckedFilled
- ChefHat
- ChevronDown
- ChevronLeft
- ChevronRight
- ChevronUp
- ChevronsDown
- ChevronsLeft
- ChevronsLeftRight
- ChevronsRight
- ChevronsUpDown
- Circle
- CircleOff
- CirclePlus
- Circleci
- Cirrus
- Claude
- Clipboard
- ClipboardCheck
- ClipboardData
- ClipboardText
- Clock
- Cloud
- CloudRain
- CloudUpload
- Code
- Codemirror
- Coffeescript
- Cog
- Cohere
- ColorPicker
- ColorSwatch
- ColoredStar
- Columns
- Columns3
- Columns4
- Command
- CommandK
- Compass
- Component
- Component1
- Computer
- ComputerChip
- Construction
- Cookie
- Coolermaster
- Copy
- CornerUpLeft
- CornerUpRight
- Cplusplus
- Cpu
- CreditCard
- Crown
- Css
- Cssmodules
- Cva
- Cweord
- Dagaz
- Dart
- Dashboard
- Database
- Datefns
- Deepgram
- Deepinfra
- Deepmind
- Deepseek
- Delete
- Delta
- DeviceCode
- Digamma
- DirectDebit
- Discord
- Discover
- Docker
- Docusaurus
- Dog
- DollarSign
- Dot
- Dotenv
- Dots
- DotsVertical
- Download
- Droplets
- EPassport
- Ear
- Editorconfig
- Ehwaz
- Electron
- Elevenlabs
- Embla
- Epsilon
- Eraser
- Eslint
- Eta
- Etcd
- ExclamationPointMessageCircle
- ExclamationPointOctagon
- ExclamationPointTriangle
- Expand
- ExternalLink
- Eye
- EyeClosed
- EyeOff
- Fal
- Figma
- File
- FileCode
- FileExport
- FileImage
- FileInput
- FileJson
- FileOutput
- FilePlay
- FilePlus
- FileSpreadsheet
- FileText
- FileTypeBmp
- FileTypeCss
- FileTypeCsv
- FileTypeDoc
- FileTypeDocx
- FileTypeHtml
- FileTypeJpg
- FileTypeJs
- FileTypeJsx
- FileTypePdf
- FileTypePhp
- FileTypePng
- FileTypePpt
- FileTypeRs
- FileTypeSql
- FileTypeSvg
- FileTypeTs
- FileTypeTsx
- FileTypeTxt
- FileTypeVue
- FileTypeXls
- FileTypeXml
- FileTypeZip
- FileTypography
- FileX
- Filter
- Fireworks
- FishBone
- Flag
- Flame
- FloppyDisk
- Focus
- Folder
- FolderCheck
- FolderClosed
- FolderDown
- FolderOpen
- FolderPlus
- FolderRoot
- FolderSearch
- FolderTree
- FolderUp
- FolderUpload
- Foobar2000
- Footprints
- Forward
- FourOhFour
- Frame
- Funnel
- FuseJs
- GalleryVerticalEnd
- Gamepad
- Gamepad2
- Gamma
- Gar
- Gatsby
- Gauge
- Gavel
- Gebo
- Gem
- Gemini
- Gemini1
- Ger
- Ghost
- GhostFilled
- GhostFloating
- GhostFloatingFilled
- Gift
- GitBranch
- GitCommit
- GitCommitVertical
- GitCompare
- GitMerge
- GitPullRequest
- GitPullRequestClose
- Github
- Gitignoredotio
- Gitlab
- Gladia
- Globe
- GlobeLock
- Gnubash
- Go
- Golang
- Googledataproc
- Googlegemini
- Googlejules
- GraduationCap
- Graphql
- GreekDelta
- Grid
- Grid3X3
- GripVertical
- Grok
- Grunt
- Gulp
- H1
- H2
- H3
- H4
- H5
- H6
- Hackaday
- Haglaz
- Hammer
- Handlebarsdotjs
- HardDrive
- HardHat
- Hash
- Heading
- Headphones
- Heart
- HeartHandshake
- Hexagon
- Highlight
- Home
- Html
- Html5
- Huggingface
- Hume
- ICircle
- Image
- Import
- Inbox
- IndentDecrease
- IndentIncrease
- Ingwaz
- InputOtp
- Ior
- Isaz
- Italic
- Iwaz
- Jack
- Javascript
- Jcb
- Jest
- Json
- Kanban
- Kaph
- Kappa
- Key
- Keyboard
- King
- Klarna
- Koppa
- Kotlin
- Lambda
- Laptop
- Laukaz
- Layers
- LayoutGrid
- Less
- LetterCaseLower
- LetterCaseToggle
- LetterCaseUpper
- Lexical
- Library
- LifeBuoy
- Lightbulb
- LineDashed
- LineHeight
- Link
- List
- ListCheck
- ListChecks
- ListFilter
- ListFilterPlus
- ListMusic
- ListOrdered
- ListRestart
- Lmnt
- Loader
- LoaderCircle
- Lock
- LockOpen
- LogIn
- LogOut
- Loki
- Lota
- Lucide
- Luma
- Maestro
- MailCheck
- Mannaz
- Map
- MapPin
- Markdown
- Marko
- MasterCard
- Maximize
- Mdx
- Megaphone
- Mem
- Menu
- MessageCircle
- MessagePlus
- MessageSquare
- MessagesSquare
- Messenger
- Mic
- MicrochipBoard
- Microphone
- Microsoft
- Microsoft1
- Minimize
- Mintlify
- Minus
- Mistralai
- Mocha
- MonacoEditor
- Monitor
- MoodBoy
- Moon
- MousePointer
- Move
- Mu
- Music
- Mysql
- Naudiz
- Navigation
- Newspaper
- Nextdotjs
- Nextjs
- Nodejs
- NotebookText
- NotepadText
- Npm
- Nu
- Number20Small
- Nun
- Odin
- Odin2
- Ollama
- Omicron
- OpenSource
- Openai
- Os
- Othalan
- Package
- Pacman
- Paintbrush
- Palette
- PanelLeft
- PanelLeftClose
- PanelLeftOpen
- PanelRight
- Paperclip
- Pause
- Paypal
- Pe
- Pen
- PenTool
- Pencil
- PencilCheck
- Percent
- Perl
- Perplexity
- Pertho
- Phone
- Photo
- PhotoCircle
- Php
- Pi
- PictureInPicture
- PieChart
- PiggyBank
- Pin
- Pipecat
- Pixel2Accommodate
- Pixel2Add1
- Pixel2Adjust2
- Pixel2Alarm
- Pixel2Alert
- Pixel2Anchor2
- Pixel2Arrest
- Pixel2Ascend
- Pixel2Ask
- Pixel2Attract
- Pixel2Bake
- Pixel2Barbecue
- Pixel2Believe
- Pixel2Bite
- Pixel2Blaze
- Pixel2Bloom
- Pixel2Blow
- Pixel2Bookmark2
- Pixel2Broadcast
- Pixel2Build1
- Pixel2Caffeinate
- Pixel2Calculate1
- Pixel2Call1
- Pixel2Camp
- Pixel2Capture
- Pixel2Celebrate
- Pixel2Charge
- Pixel2Chop
- Pixel2Clamber
- Pixel2Climb
- Pixel2Close1
- Pixel2Code2
- Pixel2Collect
- Pixel2Condemn
- Pixel2Connect
- Pixel2Cook
- Pixel2Copy1
- Pixel2Create1
- Pixel2Crop2
- Pixel2Cry
- Pixel2Cut1
- Pixel2Dazzle
- Pixel2Decorate
- Pixel2Defend
- Pixel2Develop
- Pixel2Die
- Pixel2Dig
- Pixel2Divide
- Pixel2Download1
- Pixel2Dream
- Pixel2Drill
- Pixel2Drink
- Pixel2Drive
- Pixel2Drown
- Pixel2Eat
- Pixel2Enlarge
- Pixel2Enter
- Pixel2Equal
- Pixel2Explode
- Pixel2Explore1
- Pixel2Fight
- Pixel2Film1
- Pixel2Find
- Pixel2Finish
- Pixel2Fit
- Pixel2Flag2
- Pixel2Forbid
- Pixel2Forward2
- Pixel2Gamble
- Pixel2Game
- Pixel2Give
- Pixel2Go
- Pixel2Groom
- Pixel2Grow
- Pixel2Hack
- Pixel2Hammer
- Pixel2Hang
- Pixel2Harvest
- Pixel2Home2
- Pixel2Hurt
- Pixel2Impregnate
- Pixel2Join
- Pixel2Keep
- Pixel2Kill
- Pixel2Kiss
- Pixel2Label1
- Pixel2Launch1
- Pixel2Lift
- Pixel2Link2
- Pixel2Listen
- Pixel2Load
- Pixel2Locate
- Pixel2Lock1
- Pixel2Love
- Pixel2Marry
- Pixel2Merge
- Pixel2Narrow
- Pixel2Navigate
- Pixel2Open
- Pixel2Pause2
- Pixel2Pay
- Pixel2Perform
- Pixel2Photograph
- Pixel2Pin
- Pixel2Ping
- Pixel2Plug1
- Pixel2Point
- Pixel2Power1
- Pixel2Prank
- Pixel2Press
- Pixel2Primp
- Pixel2Print1
- Pixel2Produce
- Pixel2Protect
- Pixel2Push
- Pixel2Race
- Pixel2Rain
- Pixel2Record
- Pixel2Redo1
- Pixel2Reflect
- Pixel2Reply2
- Pixel2Report1
- Pixel2Resize
- Pixel2Rewind
- Pixel2Rule1
- Pixel2Save2
- Pixel2Saw
- Pixel2Scare
- Pixel2Schedule
- Pixel2Search2
- Pixel2Send2
- Pixel2Shine
- Pixel2Sit
- Pixel2Sleep
- Pixel2Smell
- Pixel2Smoke
- Pixel2Solve
- Pixel2Sound
- Pixel2Spin
- Pixel2Spook
- Pixel2Stack
- Pixel2Stamp
- Pixel2Steam1
- Pixel2Stop2
- Pixel2Store
- Pixel2Strike
- Pixel2Subtract
- Pixel2Swim
- Pixel2Tag2
- Pixel2Target
- Pixel2Time
- Pixel2Tower
- Pixel2Travel
- Pixel2Type
- Pixel2Undo2
- Pixel2Unlock1
- Pixel2Upload1
- Pixel2Urbanize
- Pixel2Use
- Pixel2Wait
- Pixel2Watch1
- Pixel2Wear
- Pixel2Weld
- Pixel2Win
- Pixel2Wonder
- Pixel2Write
- PixelAd
- PixelAdSolid
- PixelAlignCenter
- PixelAlignCenterSolid
- PixelAlignJustify
- PixelAlignJustifySolid
- PixelAlignLeft
- PixelAlignLeftSolid
- PixelAlignRight
- PixelAlignRightSolid
- PixelAnalytics
- PixelAnalyticsSolid
- PixelAndroid
- PixelAngellist
- PixelAngleDown
- PixelAngleDownSolid
- PixelAngleLeft
- PixelAngleLeftSolid
- PixelAngleRight
- PixelAngleRightSolid
- PixelAngleUp
- PixelAngleUpSolid
- PixelApple
- PixelArrowAltCircleDown
- PixelArrowAltCircleDownSolid
- PixelArrowAltCircleLeft
- PixelArrowAltCircleLeftSolid
- PixelArrowAltCircleRight
- PixelArrowAltCircleRightSolid
- PixelArrowAltCircleUp
- PixelArrowAltCircleUpSolid
- PixelArrowCircleDown
- PixelArrowCircleDownSolid
- PixelArrowCircleLeft
- PixelArrowCircleLeftSolid
- PixelArrowCircleRight
- PixelArrowCircleRightSolid
- PixelArrowCircleUp
- PixelArrowCircleUpSolid
- PixelArrowDown
- PixelArrowDownSolid
- PixelArrowLeft
- PixelArrowLeftSolid
- PixelArrowRight
- PixelArrowRightSolid
- PixelArrowUp
- PixelArrowUpSolid
- PixelArweave
- PixelAt
- PixelAtSolid
- PixelBadgeCheck
- PixelBadgeCheckSolid
- PixelBank
- PixelBankSolid
- PixelBars
- PixelBarsSolid
- PixelBehance
- PixelBell
- PixelBellExclaimation
- PixelBellExclaimationSolid
- PixelBellMute
- PixelBellMuteSolid
- PixelBellSolid
- PixelBloomberg
- PixelBluesky
- PixelBold
- PixelBoldSolid
- PixelBolt
- PixelBoltSolid
- PixelBookHeart
- PixelBookHeartSolid
- PixelBookmark
- PixelBookmarkSolid
- PixelBoxUsd
- PixelBoxUsdSolid
- PixelBrightnessHigh
- PixelBrightnessHighSolid
- PixelBrightnessLow
- PixelBrightnessLowSolid
- PixelBulletList
- PixelBulletListSolid
- PixelBullhorn
- PixelBullhornSolid
- PixelBusiness
- PixelCalender
- PixelCalenderSolid
- PixelCc
- PixelCcSolid
- PixelChartLine
- PixelChartLineSolid
- PixelChartNetwork
- PixelChartNetworkSolid
- PixelCheck
- PixelCheckBox
- PixelCheckBoxSolid
- PixelCheckCircle
- PixelCheckCircleSolid
- PixelCheckList
- PixelCheckListSolid
- PixelCheckSolid
- PixelChevronDown
- PixelChevronDownSolid
- PixelChevronUp
- PixelChevronUpSolid
- PixelCircleNotch
- PixelCircleNotchSolid
- PixelClipboard
- PixelClipboardSolid
- PixelClock
- PixelClockSolid
- PixelCloud
- PixelCloudDownloadAlt
- PixelCloudDownloadSolid
- PixelCloudUpload
- PixelCloudUploadSolid
- PixelCode
- PixelCodeBlock
- PixelCodeBlockSolid
- PixelCodeSolid
- PixelCog
- PixelCogSolid
- PixelComment
- PixelCommentDots
- PixelCommentDotsSolid
- PixelCommentQuote
- PixelCommentQuoteSolid
- PixelCommentSolid
- PixelComments
- PixelCommentsSolid
- PixelCopy
- PixelCopySolid
- PixelCreditCard
- PixelCreditCardSolid
- PixelCrown
- PixelCrownSolid
- PixelCrunchbase
- PixelCybersecurity
- PixelDataScience
- PixelDigg
- PixelDiscord
- PixelDiscourse
- PixelDivider
- PixelDividerSolid
- PixelDownload
- PixelDownloadAlt
- PixelDownloadAltSolid
- PixelDownloadSolid
- PixelEdit
- PixelEditSolid
- PixelEllipsesHorizontal
- PixelEllipsesHorizontalCircle
- PixelEllipsesHorizontalCircleSolid
- PixelEllipsesHorizontalSolid
- PixelEllipsesVertical
- PixelEllipsesVerticalCircle
- PixelEllipsesVerticalCircleSolid
- PixelEllipsesVerticalSolid
- PixelEnvelope
- PixelEnvelopeSolid
- PixelExclaimation
- PixelExclaimationSolid
- PixelExclamationTriangle
- PixelExclamationTriangleSolid
- PixelExpand
- PixelExpandSolid
- PixelExternalLink
- PixelExternalLinkSolid
- PixelEye
- PixelEyeCross
- PixelEyeCrossSolid
- PixelEyeSolid
- PixelFaceThinking
- PixelFaceThinkingSolid
- PixelFacebookRound
- PixelFacebookSquare
- PixelFigma
- PixelFileImport
- PixelFileImportSolid
- PixelFilter
- PixelFilterAltCircle
- PixelFilterAltCircleSolid
- PixelFilterSolid
- PixelFinance
- PixelFire
- PixelFireSolid
- PixelFlag
- PixelFlagCheckered
- PixelFlagCheckeredSolid
- PixelFlagSolid
- PixelFolder
- PixelFolderOpen
- PixelFolderOpenSolid
- PixelFolderSolid
- PixelFuturism
- PixelGaming
- PixelGiphy
- PixelGithub
- PixelGlobe
- PixelGlobeAmericas
- PixelGlobeAmericasSolid
- PixelGlobeSolid
- PixelGolden
- PixelGoogle
- PixelGoogleNews
- PixelGrid
- PixelGridSolid
- PixelH1
- PixelH2
- PixelH3
- PixelHackernoon
- PixelHackernoonPurcat
- PixelHeading1Solid
- PixelHeading2Solid
- PixelHeading3Solid
- PixelHeadphones
- PixelHeadphonesSolid
- PixelHeart
- PixelHeartSolid
- PixelHighlight
- PixelHighlightSolid
- PixelHockeyMask
- PixelHockeyMaskSolid
- PixelHome
- PixelHomeSolid
- PixelHuggingface
- PixelImage
- PixelImageSolid
- PixelImgur
- PixelIndent
- PixelIndentSolid
- PixelInfoCircle
- PixelInfoCircleSolid
- PixelInstagram
- PixelIos
- PixelItalics
- PixelItalicsSolid
- PixelKaggle
- PixelLifeHacking
- PixelLightbulb
- PixelLightbulbSolid
- PixelLineHeight
- PixelLineHeightSolid
- PixelLink
- PixelLinkSolid
- PixelLinkedin
- PixelLocationPin
- PixelLocationPinSolid
- PixelLock
- PixelLockAlt
- PixelLockAltSolid
- PixelLockOpen
- PixelLockOpenSolid
- PixelLockSolid
- PixelLogin
- PixelLoginSolid
- PixelLogout
- PixelLogoutSolid
- PixelMachineLearning
- PixelManagement
- PixelMastodon
- PixelMedia
- PixelMessage
- PixelMessageDots
- PixelMessageDotsSolid
- PixelMessageSolid
- PixelMinds
- PixelMinus
- PixelMinusSolid
- PixelMoon
- PixelMoonSolid
- PixelMusic
- PixelMusicSolid
- PixelNewsbreak
- PixelNewspaper
- PixelNewspaperSolid
- PixelNpm
- PixelNumberedList
- PixelNumberedListSolid
- PixelOctagonCheck
- PixelOctagonCheckSolid
- PixelOctagonTimes
- PixelOctagonTimesSolid
- PixelOpenAi
- PixelOutdent
- PixelOutdentSolid
- PixelPageBreak
- PixelPageBreakSolid
- PixelPaperclip
- PixelPaperclipSolid
- PixelParagraph
- PixelParagraphSolid
- PixelPause
- PixelPauseSolid
- PixelPen
- PixelPenNib
- PixelPenNibSolid
- PixelPenSolid
- PixelPencil
- PixelPencilRuler
- PixelPencilRulerSolid
- PixelPencilSolid
- PixelPeopleCarry
- PixelPeopleCarrySolid
- PixelPhoneRingingHigh
- PixelPhoneRingingHighSolid
- PixelPhoneRingingLow
- PixelPhoneRingingLowSolid
- PixelPinterest
- PixelPlane
- PixelPlaneDeparture
- PixelPlaneDepartureSolid
- PixelPlaneSolid
- PixelPlay
- PixelPlaySolid
- PixelPlaylist
- PixelPlaylistSolid
- PixelPlus
- PixelPlusSolid
- PixelPodcasts
- PixelPrint
- PixelPrintSolid
- PixelPro
- PixelProSolid
- PixelProductHunt
- PixelProductManagement
- PixelProgramming
- PixelQuestion
- PixelQuestionSolid
- PixelQuoteLeft
- PixelQuoteLeftSolid
- PixelQuoteRight
- PixelQuoteRightSolid
- PixelReceipt
- PixelReceiptSolid
- PixelReddit
- PixelRefresh
- PixelRefreshSolid
- PixelRemote
- PixelRetroCamera
- PixelRetroCameraSolid
- PixelRobot
- PixelRobotSolid
- PixelRss
- PixelSave
- PixelSaveSolid
- PixelScience
- PixelSearch
- PixelSearchSolid
- PixelSeedlings
- PixelSeedlingsSolid
- PixelShare
- PixelShareSolid
- PixelShop
- PixelShopSolid
- PixelShoppingCart
- PixelShoppingCartSolid
- PixelShuffle
- PixelShuffleSolid
- PixelSia
- PixelSociety
- PixelSort
- PixelSortSolid
- PixelSoundMute
- PixelSoundMuteSolid
- PixelSoundOn
- PixelSoundOnSolid
- PixelSparkles
- PixelSparklesSolid
- PixelSpinner
- PixelSpinnerSolid
- PixelSpinnerThird
- PixelSpinnerThirdSolid
- PixelStar
- PixelStarCrescent
- PixelStarCrescentSolid
- PixelStarSolid
- PixelStartups
- PixelSteam
- PixelStrikeThrough
- PixelStrikeThroughSolid
- PixelSun
- PixelSunSolid
- PixelTable
- PixelTableSolid
- PixelTag
- PixelTagSolid
- PixelTechCompanies
- PixelTechStories
- PixelTechnology
- PixelTextSlash
- PixelTextSlashSolid
- PixelThemes
- PixelThemesSolid
- PixelThreads
- PixelThumbsdown
- PixelThumbsdownSolid
- PixelThumbsup
- PixelThumbsupSolid
- PixelThumbtack
- PixelThumbtackSolid
- PixelTiktok
- PixelTimes
- PixelTimesCircle
- PixelTimesCircleSolid
- PixelTimesSolid
- PixelTranslate
- PixelTranslateSolid
- PixelTrash
- PixelTrashAlt
- PixelTrashAltSolid
- PixelTrashSolid
- PixelTrending
- PixelTrendingSolid
- PixelTrophy
- PixelTrophySolid
- PixelTwitch
- PixelTwitter
- PixelUnderline
- PixelUnderlineSolid
- PixelUnlock
- PixelUnlockAlt
- PixelUnlockAltSolid
- PixelUnlockSolid
- PixelUnsplash
- PixelUpload
- PixelUploadAlt
- PixelUploadAltSolid
- PixelUploadSolid
- PixelUser
- PixelUserCheck
- PixelUserCheckSolid
- PixelUserHeadset
- PixelUserHeadsetSolid
- PixelUserSolid
- PixelUsers
- PixelUsersCrown
- PixelUsersCrownSolid
- PixelUsersSolid
- PixelViewblocks
- PixelVoteYeah
- PixelVoteYeahSolid
- PixelWallet
- PixelWalletSolid
- PixelWeb3
- PixelWikipedia
- PixelWindowClose
- PixelWindowCloseSolid
- PixelWriting
- PixelX
- PixelYoutube
- Plane
- Platformio
- Play
- PlayerSkipForward
- PlayerTrackNext
- PlayerTrackPrev
- Playstation
- Plus
- Pnpm
- Pointer
- Popcorn
- Porsche
- Postcss
- Power
- Powershell
- Prescription
- Prettier
- Printer
- Prisma
- Pug
- PuzzlePiece
- Python
- Qoph
- QrCode
- Queen
- QuestionMarkCircle
- QuestionMarkMessageCircle
- Quote
- R
- Radar
- Radio
- Radixui
- Raido
- RatingStar
- Razer
- React
- ReactArea
- ReactAria
- ReactDayPicker
- Readme
- Reason
- Redis
- Redo
- RefreshCcw
- RefreshCw
- Remark
- Remix
- Repeat
- Replicate
- Reply
- ReplyAll
- Res
- Revai
- Rho
- Rive
- RobotFace
- Rocket
- Rollupdotjs
- RotateCcw
- RotateCw
- Ruby
- Ruler
- Rust
- Sade
- Samekh
- San
- Sanity
- Sass
- Save
- Scala
- Scale
- Scan
- ScanLine
- Scissors
- Search
- SearchX
- Selector
- Send
- Sentry
- Server
- Settings
- Shadcnui
- Share
- Sharp
- Shield
- Ship
- ShoppingBag
- ShoppingCart
- Sidebar
- SidebarRight
- Sigel
- Sigma
- SkipBack
- SkipForward
- Skype
- Slack
- SlidersHorizontal
- Smartphone
- Smile
- SmilePlus
- Solo
- Sony
- SortAscending
- SortDescending
- Sparkles
- Split
- Spotify
- Square
- SquareSplitHorizontal
- SquareTerminal
- Stan
- Star
- StarOff
- Steam
- Stopwatch
- Store
- Storybook
- Strikethrough
- Stripe
- Stylelint
- Sublimetext
- Subscript
- Subtitles
- Sun
- Superscript
- Svelte
- Svg
- Swift
- Switch
- Table
- TableColumn
- TableRow
- Tabler
- Tablet
- Tag
- Tailwindcss
- Tally1
- Tally2
- Tally3
- Tally4
- Tally5
- Target
- Tau
- Terminal
- Terminal2
- Testinglibrary
- TextCursorInput
- TextDecrease
- TextIncrease
- TextSize
- TextWrap
- TextWrapColumn
- TextWrapDisabled
- Theodinproject
- Theta
- ThumbsDown
- ThumbsUp
- Ticket
- Tilde
- Timer
- Tiwaz
- TogetherAi
- Toml
- Trash
- Trash2
- TrendingDown
- TrendingUp
- Trophy
- Truck
- Tsnode
- Tv
- Twitch
- Type
- Typescript
- Underline
- Undo
- Upload
- Upsilon
- Uruz
- User
- UserCheck
- UserCircle
- UserDown
- UserHeart
- UserMinus
- UserPlus
- UserSettings
- UserSquareRounded
- UserStar
- Users
- UsersGroup
- Utensils
- UtensilsCrossed
- Vercel
- Vertex
- Video
- VideoOff
- View360
- Visa
- VisaElectron
- Vite
- Volume
- Volume2
- VolumeDown
- VolumeOff
- VolumeUp
- VolumeX
- Vue
- Vuedotjs
- Vulknut
- Walk
- Wallet
- Wallpaper
- Wand
- Waveform
- Waves
- Webassembly
- WesternUnion
- Wifi
- Wireshark
- World
- Wrench
- Wunjo
- X
- XAi
- XCircle
- Yaml
- Yarn
- Yodh
- Youtube
- Yr
- Zap
- Zeta
- ZoomIn
- ZoomOut
Basic Usage
Import specific icons
import { Home, User } from '@a5gard/baldr';
function App() {
return (
<div>
<Home className="text-primary" size={24} />
<User className="text-gray-500" size={32} strokeWidth={1.5} />
</div>
);
}Dynamic icon rendering
import { Icon, icons } from '@a5gard/baldr';
function DynamicIcon({ iconName }: { iconName: string }) {
return <Icon name={iconName} icons={icons} className="text-blue-500" />;
}Props
All icons accept the following props:
size: number | string (default: 24) - Size of the iconcolor: string (default: 'currentColor') - Stroke colorstrokeWidth: number | string (default: 2) - Width of the strokeclassName: string - CSS classes (works with Tailwind!)- All standard SVG attributes
Tailwind CSS Integration
Works seamlessly with Tailwind:
<Home className="w-6 h-6 text-blue-500 hover:text-blue-700" />
<User className="text-primary dark:text-primary-dark" size={20} />