@catalystsoftware/icons 1.0.23 → 1.0.25

package/README.md

@@ -1,652 +1,646 @@
-## Installation
-
-```bash
-npm install @catalystsoftware/icons
-# or
-pnpm add @catalystsoftware/icons
-```
-
-## Usage
-
-```javascript
-import { ArrowBadgeRight } from '@catalysoftware/icons'
- 
-<ArrowBadgeRight />
-```
-
-## 1.0.23 added:
-- added icons related to text editors
-
-
-## 1.0.22 added:
-- datefns.svg
-- kotlin.svg
-- lucide.svg
-- marko.svg
-- radixui.svg
-- remix.svg
-- rust.svg
-- shadcnui.svg
-- sharp.svg
-- tailwindcss.svg
-- remark
-- codemirror
-- datefns
-
-## Icon  
-- Ace
-- Alien
-- AlignCenter
-- AlignEndVertical
-- AlignJustified
-- AlignJustify
-- AlignLeft
-- AlignRight
-- Android
-- AppWindow
-- Archive
-- ArchiveX
-- ArrowBadgeDown
-- ArrowBadgeLeft
-- ArrowBadgeRight
-- ArrowBadgeUp
-- ArrowBigDown
-- ArrowBigLeft
-- ArrowBigRight
-- ArrowBigUp
-- ArrowDown
-- ArrowDownFromLine
-- ArrowDownLeft
-- ArrowDownRight
-- ArrowLeft
-- ArrowLeftRight
-- ArrowRight
-- ArrowUp
-- ArrowUpDown
-- ArrowUpFromLine
-- ArrowUpNarrowWide
-- ArrowUpRight
-- Asterisk
-- Astro
-- At
-- AtSign
-- AudioWaveform
-- Award
-- Aws
-- Badge
-- BadgeCheck
-- Ban
-- Banknote
-- BarChart
-- BarChartArea
-- BarChartAreaBig
-- BarChartFile
-- Bat
-- Bed
-- BeggarsHand
-- Bell
-- Biohazard
-- Biome
-- Blocks
-- Bluetooth
-- Bmw
-- Bold
-- Bookmark
-- BookOpen
-- BookOpenText
-- Bot
-- Bower
-- Box
-- Boxes
-- Braces
-- BracketsAngle
-- Brain
-- BrandAstro
-- Briefcase
-- Browser
-- Brush
-- Bug
-- Building
-- Bun
-- Burger
-- C
-- Calculator
-- Calendar
-- CalendarDays
-- CalendarPlus
-- Camera
-- Capture
-- Car
-- CaretDown
-- CaretLeft
-- CaretRight
-- CaretUp
-- CarFront
-- Check
-- Checkbox
-- CheckCircle
-- CheckSquare
-- ChefHat
-- ChevronDown
-- ChevronLeft
-- ChevronRight
-- ChevronsDown
-- ChevronsLeft
-- ChevronsLeftRight
-- ChevronsRight
-- ChevronsUpDown
-- ChevronUp
-- Circle
-- Circleci
-- CircleOff
-- CirclePlus
-- Clipboard
-- ClipboardCheck
-- ClipboardData
-- ClipboardText
-- Clock
-- Cloud
-- CloudRain
-- CloudUpload
-- Code
-- Codemirror
-- Coffeescript
-- Cog
-- ColorPicker
-- Columns
-- Columns3
-- Columns4
-- Command
-- Compass
-- Component
-- Computer
-- ComputerChip
-- Construction
-- Cookie
-- Copy
-- CornerUpLeft
-- CornerUpRight
-- Cplusplus
-- Cpu
-- CreditCard
-- Crown
-- Css
-- Cssmodules
-- Dart
-- Dashboard
-- Database
-- Datefns
-- Delete
-- DeviceCode
-- Docker
-- Docusaurus
-- Dog
-- DollarSign
-- Dot
-- Dotenv
-- Dots
-- DotsVertical
-- Download
-- Droplets
-- Editorconfig
-- EPassport
-- Eraser
-- Eslint
-- ExclamationPointMessageCircle
-- ExclamationPointOctagon
-- ExclamationPointTriangle
-- Expand
-- ExternalLink
-- Eye
-- EyeClosed
-- EyeOff
-- Facebook
-- Figma
-- File
-- FileCode
-- FileExport
-- FileImage
-- FileInput
-- FileJson
-- FileOutput
-- 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
-- FishBone
-- Flag
-- Flame
-- FloppyDisk
-- Focus
-- Folder
-- FolderCheck
-- FolderClosed
-- FolderDown
-- FolderOpen
-- FolderPlus
-- FolderRoot
-- FolderSearch
-- FolderTree
-- FolderUp
-- Footprints
-- Forward
-- FourOhFour
-- Frame
-- Funnel
-- GalleryVerticalEnd
-- Gamepad
-- Gamepad2
-- Gatsby
-- Gauge
-- Gavel
-- Gem
-- Ghost
-- GhostFilled
-- GhostFloating
-- GhostFloatingFilled
-- Gift
-- GitBranch
-- GitCommitVertical
-- Github
-- Gitignoredotio
-- Gitlab
-- Globe
-- GlobeLock
-- Gnubash
-- Go
-- Golang
-- GraduationCap
-- Graphql
-- Grid
-- Grid3X3
-- GripVertical
-- Grunt
-- Gulp
-- H1
-- H2
-- H3
-- H4
-- H5
-- H6
-- Hammer
-- Handlebarsdotjs
-- HardDrive
-- HardHat
-- Hash
-- Heading
-- Headphones
-- Heart
-- HeartHandshake
-- Hexagon
-- Highlight
-- Home
-- Html
-- Html5
-- ICircle
-- Image
-- Import
-- Inbox
-- IndentDecrease
-- IndentIncrease
-- index.ts
-- Instagram
-- Italic
-- Jack
-- Javascript
-- Jest
-- Json
-- Kanban
-- Key
-- Keyboard
-- King
-- Kotlin
-- Laptop
-- Layers
-- LayoutGrid
-- Less
-- LetterCaseLower
-- LetterCaseToggle
-- LetterCaseUpper
-- Library
-- LifeBuoy
-- Lightbulb
-- LineDashed
-- LineHeight
-- Link
-- Linkedin
-- List
-- ListCheck
-- ListChecks
-- ListFilter
-- ListFilterPlus
-- ListMusic
-- ListOrdered
-- ListRestart
-- Loader
-- LoaderCircle
-- Lock
-- LockOpen
-- LogIn
-- LogOut
-- Lucide
-- Mail
-- MailCheck
-- Map
-- MapPin
-- Markdown
-- Marko
-- Maximize
-- Mdx
-- Megaphone
-- Menu
-- MessageCircle
-- MessagePlus
-- MessageSquare
-- MessagesSquare
-- Messenger
-- Mic
-- MicrochipBoard
-- Minimize
-- Mintlify
-- Minus
-- Mocha
-- Monitor
-- MoodBoy
-- Moon
-- MousePointer
-- Move
-- Music
-- Mysql
-- Navigation
-- Newspaper
-- Nextdotjs
-- Nextjs
-- Nodejs
-- NotebookText
-- NotepadText
-- Npm
-- Number20Small
-- OpenSource
-- Package
-- Pacman
-- Paintbrush
-- Palette
-- PanelLeft
-- PanelLeftClose
-- PanelLeftOpen
-- PanelRight
-- Paperclip
-- Pause
-- Paypal
-- Pdf
-- Pen
-- Pencil
-- PencilCheck
-- PenTool
-- Percent
-- Perl
-- Phone
-- Photo
-- Php
-- PictureInPicture
-- PieChart
-- PiggyBank
-- Pin
-- Plane
-- Play
-- Plus
-- Pnpm
-- Pointer
-- Popcorn
-- Postcss
-- Power
-- Powershell
-- Prescription
-- Prettier
-- Printer
-- Prisma
-- Pug
-- PuzzlePiece
-- Python
-- QrCode
-- Queen
-- QuestionMarkCircle
-- QuestionMarkMessageCircle
-- Quote
-- R
-- Radar
-- Radio
-- Radixui
-- React
-- Readme
-- Reason
-- Redis
-- Redo
-- RefreshCcw
-- RefreshCw
-- Remark
-- Remix
-- Repeat
-- Reply
-- ReplyAll
-- Rive
-- Rocket
-- Rollupdotjs
-- RotateCcw
-- RotateCw
-- Ruby
-- Ruler
-- Rust
-- Sanity
-- Sass
-- Save
-- Scala
-- Scale
-- Scan
-- ScanLine
-- Scissors
-- Search
-- SearchX
-- Selector
-- Send
-- Sentry
-- Server
-- Settings
-- Shadcnui
-- Share
-- Sharp
-- Shield
-- Ship
-- ShoppingBag
-- ShoppingCart
-- Sidebar
-- SidebarRight
-- SkipBack
-- SkipForward
-- Skype
-- Slack
-- SlidersHorizontal
-- Smartphone
-- Smile
-- SmilePlus
-- SortAscending
-- SortDescending
-- Sparkles
-- Split
-- Spotify
-- Square
-- SquareSplitHorizontal
-- SquareTerminal
-- Star
-- StarOff
-- Stopwatch
-- Store
-- Storybook
-- Strikethrough
-- Stripe
-- Stylelint
-- Sublimetext
-- Subscript (1)
-- Subscript
-- Subtitles
-- Sun
-- Superscript
-- Svelte
-- Svg
-- Swift
-- Table
-- TableColumn
-- Tabler
-- TableRow
-- Tablet
-- Tag
-- Tailwindcss
-- Tally1
-- Tally2
-- Tally3
-- Tally4
-- Tally5
-- Target
-- Terminal
-- Terminal2
-- TextCursorInput
-- TextDecrease
-- TextIncrease
-- TextSize
-- TextWrap
-- TextWrapColumn
-- TextWrapDisabled
-- ThumbsDown
-- ThumbsUp
-- Ticket
-- Tilde
-- Timer
-- Toml
-- Trash
-- Trash2
-- TrendingDown
-- TrendingUp
-- Trophy
-- Truck
-- Tv
-- Twitch
-- Twitter
-- Type
-- Typescript
-- Underline
-- Undo
-- Upload
-- User
-- UserCheck
-- UserCircle
-- UserDown
-- UserHeart
-- UserMinus
-- UserPlus
-- Users
-- UserSettings
-- UsersGroup
-- UserSquareRounded
-- UserStar
-- Utensils
-- UtensilsCrossed
-- Vercel
-- Video
-- VideoOff
-- View360
-- Visa
-- Vite
-- VolumeDown
-- VolumeOff
-- VolumeUp
-- VolumeX
-- Vue
-- Vuedotjs
-- Walk
-- Wallet
-- Wallpaper
-- Wand
-- Waveform
-- Waves
-- Webassembly
-- Wifi
-- Wrench
-- X
-- XCircle
-- Yarn
-- Youtube
-- Zap
-- ZoomIn
-- ZoomOut
-
-## Basic Usage
-
-### Import specific icons
-
-```tsx
-import { Home, User } from '@catalyst/icons';
-
-function App() {
-  return (
-    <div>
-      <Home className="text-primary" size={24} />
-      <User className="text-gray-500" size={32} strokeWidth={1.5} />
-    </div>
-  );
-}
-```
-
-### Dynamic icon rendering
-
-```tsx
-import { Icon, icons } from '@catalyst/icons';
-
-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 icon
-- `color`: string (default: 'currentColor') - Stroke color
-- `strokeWidth`: number | string (default: 2) - Width of the stroke
-- `className`: string - CSS classes (works with Tailwind!)
-- All standard SVG attributes
-
-## Tailwind CSS Integration
-
-Works seamlessly with Tailwind:
-
-```tsx
-<Home className="w-6 h-6 text-blue-500 hover:text-blue-700" />
-<User className="text-primary dark:text-primary-dark" size={20} />
-```
-
+## Installation
+
+```bash
+npm install @catalystsoftware/icons
+# or
+pnpm add @catalystsoftware/icons
+```
+
+## Usage
+
+```javascript
+import { ArrowBadgeRight } from '@catalysoftware/icons'
+ 
+<ArrowBadgeRight />
+```
+
+<!-- icon start -->
+
+## Icons
+
+- Ace
+- Alien
+- AlignCenter
+- AlignEndVertical
+- AlignJustified
+- AlignJustify
+- AlignLeft
+- AlignRight
+- Android
+- AppWindow
+- Archive
+- ArchiveX
+- ArrowBadgeDown
+- ArrowBadgeLeft
+- ArrowBadgeRight
+- ArrowBadgeUp
+- ArrowBigDown
+- ArrowBigLeft
+- ArrowBigRight
+- ArrowBigUp
+- ArrowDown
+- ArrowDownFromLine
+- ArrowDownLeft
+- ArrowDownRight
+- ArrowLeft
+- ArrowLeftRight
+- ArrowRight
+- ArrowUp
+- ArrowUpDown
+- ArrowUpFromLine
+- ArrowUpNarrowWide
+- ArrowUpRight
+- Asterisk
+- Astro
+- At
+- AtSign
+- AudioWaveform
+- Award
+- Aws
+- Badge
+- BadgeCheck
+- Ban
+- Banknote
+- BarChart
+- BarChartArea
+- BarChartAreaBig
+- BarChartFile
+- Bat
+- Bed
+- BeggarsHand
+- Bell
+- Biohazard
+- Biome
+- Blocks
+- Bluetooth
+- Bmw
+- Bold
+- BookOpen
+- BookOpenText
+- Bookmark
+- Bot
+- Bower
+- Box
+- Boxes
+- Braces
+- BracketsAngle
+- Brain
+- BrandAstro
+- Briefcase
+- Browser
+- Brush
+- Bug
+- Building
+- Bun
+- Burger
+- C
+- Calculator
+- Calendar
+- CalendarDays
+- CalendarPlus
+- Camera
+- Capture
+- Car
+- CarFront
+- CaretDown
+- CaretLeft
+- CaretRight
+- CaretUp
+- Check
+- CheckCircle
+- CheckSquare
+- Checkbox
+- ChefHat
+- ChevronDown
+- ChevronLeft
+- ChevronRight
+- ChevronUp
+- ChevronsDown
+- ChevronsLeft
+- ChevronsLeftRight
+- ChevronsRight
+- ChevronsUpDown
+- Circle
+- CircleOff
+- CirclePlus
+- Circleci
+- Clipboard
+- ClipboardCheck
+- ClipboardData
+- ClipboardText
+- Clock
+- Cloud
+- CloudRain
+- CloudUpload
+- Code
+- Codemirror
+- Coffeescript
+- Cog
+- ColorPicker
+- Columns
+- Columns3
+- Columns4
+- Command
+- CommandK
+- Compass
+- Component
+- Computer
+- ComputerChip
+- Construction
+- Cookie
+- Copy
+- CornerUpLeft
+- CornerUpRight
+- Cplusplus
+- Cpu
+- CreditCard
+- Crown
+- Css
+- Cssmodules
+- Cva
+- Dart
+- Dashboard
+- Database
+- Datefns
+- Delete
+- DeviceCode
+- Docker
+- Docusaurus
+- Dog
+- DollarSign
+- Dot
+- Dotenv
+- Dots
+- DotsVertical
+- Download
+- Droplets
+- EPassport
+- Editorconfig
+- Embla
+- Eraser
+- Eslint
+- ExclamationPointMessageCircle
+- ExclamationPointOctagon
+- ExclamationPointTriangle
+- Expand
+- ExternalLink
+- Eye
+- EyeClosed
+- EyeOff
+- Facebook
+- Figma
+- File
+- FileCode
+- FileExport
+- FileImage
+- FileInput
+- FileJson
+- FileOutput
+- 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
+- FishBone
+- Flag
+- Flame
+- FloppyDisk
+- Focus
+- Folder
+- FolderCheck
+- FolderClosed
+- FolderDown
+- FolderOpen
+- FolderPlus
+- FolderRoot
+- FolderSearch
+- FolderTree
+- FolderUp
+- Footprints
+- Forward
+- FourOhFour
+- Frame
+- Funnel
+- FuseJs
+- GalleryVerticalEnd
+- Gamepad
+- Gamepad2
+- Gatsby
+- Gauge
+- Gavel
+- Gem
+- Ghost
+- GhostFilled
+- GhostFloating
+- GhostFloatingFilled
+- Gift
+- GitBranch
+- GitCommitVertical
+- Github
+- Gitignoredotio
+- Gitlab
+- Globe
+- GlobeLock
+- Gnubash
+- Go
+- Golang
+- GraduationCap
+- Graphql
+- Grid
+- Grid3X3
+- GripVertical
+- Grunt
+- Gulp
+- H1
+- H2
+- H3
+- H4
+- H5
+- H6
+- Hammer
+- Handlebarsdotjs
+- HardDrive
+- HardHat
+- Hash
+- Heading
+- Headphones
+- Heart
+- HeartHandshake
+- Hexagon
+- Highlight
+- Home
+- Html
+- Html5
+- ICircle
+- Image
+- Import
+- Inbox
+- IndentDecrease
+- IndentIncrease
+- InputOtp
+- Instagram
+- Italic
+- Jack
+- Javascript
+- Jest
+- Json
+- Kanban
+- Key
+- Keyboard
+- King
+- Kotlin
+- Laptop
+- Layers
+- LayoutGrid
+- Less
+- LetterCaseLower
+- LetterCaseToggle
+- LetterCaseUpper
+- Lexical
+- Library
+- LifeBuoy
+- Lightbulb
+- LineDashed
+- LineHeight
+- Link
+- Linkedin
+- List
+- ListCheck
+- ListChecks
+- ListFilter
+- ListFilterPlus
+- ListMusic
+- ListOrdered
+- ListRestart
+- Loader
+- LoaderCircle
+- Lock
+- LockOpen
+- LogIn
+- LogOut
+- Lucide
+- Mail
+- MailCheck
+- Map
+- MapPin
+- Markdown
+- Marko
+- Maximize
+- Mdx
+- Megaphone
+- Menu
+- MessageCircle
+- MessagePlus
+- MessageSquare
+- MessagesSquare
+- Messenger
+- Mic
+- MicrochipBoard
+- Minimize
+- Mintlify
+- Minus
+- Mocha
+- MonacoEditor
+- Monitor
+- MoodBoy
+- Moon
+- MousePointer
+- Move
+- Music
+- Mysql
+- Navigation
+- Newspaper
+- Nextdotjs
+- Nextjs
+- Nodejs
+- NotebookText
+- NotepadText
+- Npm
+- Number20Small
+- OpenSource
+- Package
+- Pacman
+- Paintbrush
+- Palette
+- PanelLeft
+- PanelLeftClose
+- PanelLeftOpen
+- PanelRight
+- Paperclip
+- Pause
+- Paypal
+- Pdf
+- Pen
+- PenTool
+- Pencil
+- PencilCheck
+- Percent
+- Perl
+- Phone
+- Photo
+- Php
+- PictureInPicture
+- PieChart
+- PiggyBank
+- Pin
+- Plane
+- Play
+- Plus
+- Pnpm
+- Pointer
+- Popcorn
+- Postcss
+- Power
+- Powershell
+- Prescription
+- Prettier
+- Printer
+- Prisma
+- Pug
+- PuzzlePiece
+- Python
+- QrCode
+- Queen
+- QuestionMarkCircle
+- QuestionMarkMessageCircle
+- Quote
+- R
+- Radar
+- Radio
+- Radixui
+- React
+- ReactArea
+- ReactAria
+- ReactDayPicker
+- Readme
+- Reason
+- Redis
+- Redo
+- RefreshCcw
+- RefreshCw
+- Remark
+- Remix
+- Repeat
+- Reply
+- ReplyAll
+- Rive
+- Rocket
+- Rollupdotjs
+- RotateCcw
+- RotateCw
+- Ruby
+- Ruler
+- Rust
+- Sanity
+- Sass
+- Save
+- Scala
+- Scale
+- Scan
+- ScanLine
+- Scissors
+- Search
+- SearchX
+- Selector
+- Send
+- Sentry
+- Server
+- Settings
+- Shadcnui
+- Share
+- Sharp
+- Shield
+- Ship
+- ShoppingBag
+- ShoppingCart
+- Sidebar
+- SidebarRight
+- SkipBack
+- SkipForward
+- Skype
+- Slack
+- SlidersHorizontal
+- Smartphone
+- Smile
+- SmilePlus
+- SortAscending
+- SortDescending
+- Sparkles
+- Split
+- Spotify
+- Square
+- SquareSplitHorizontal
+- SquareTerminal
+- Star
+- StarOff
+- Stopwatch
+- Store
+- Storybook
+- Strikethrough
+- Stripe
+- Stylelint
+- Sublimetext
+- Subscript
+- Subtitles
+- Sun
+- Superscript
+- Svelte
+- Svg
+- Swift
+- Table
+- TableColumn
+- TableRow
+- Tabler
+- Tablet
+- Tag
+- Tailwindcss
+- Tally1
+- Tally2
+- Tally3
+- Tally4
+- Tally5
+- Target
+- Terminal
+- Terminal2
+- TextCursorInput
+- TextDecrease
+- TextIncrease
+- TextSize
+- TextWrap
+- TextWrapColumn
+- TextWrapDisabled
+- ThumbsDown
+- ThumbsUp
+- Ticket
+- Tilde
+- Timer
+- Toml
+- Trash
+- Trash2
+- TrendingDown
+- TrendingUp
+- Trophy
+- Truck
+- Tv
+- Twitch
+- Twitter
+- Type
+- Typescript
+- Underline
+- Undo
+- Upload
+- User
+- UserCheck
+- UserCircle
+- UserDown
+- UserHeart
+- UserMinus
+- UserPlus
+- UserSettings
+- UserSquareRounded
+- UserStar
+- Users
+- UsersGroup
+- Utensils
+- UtensilsCrossed
+- Vercel
+- Video
+- VideoOff
+- View360
+- Visa
+- Vite
+- VolumeDown
+- VolumeOff
+- VolumeUp
+- VolumeX
+- Vue
+- Vuedotjs
+- Walk
+- Wallet
+- Wallpaper
+- Wand
+- Waveform
+- Waves
+- Webassembly
+- Wifi
+- Wrench
+- X
+- XCircle
+- Yarn
+- Youtube
+- Zap
+- ZoomIn
+- ZoomOut
+
+<!-- icon end -->
+
+## Basic Usage
+
+### Import specific icons
+
+```tsx
+import { Home, User } from '@catalyst/icons';
+
+function App() {
+  return (
+    <div>
+      <Home className="text-primary" size={24} />
+      <User className="text-gray-500" size={32} strokeWidth={1.5} />
+    </div>
+  );
+}
+```
+
+### Dynamic icon rendering
+
+```tsx
+import { Icon, icons } from '@catalyst/icons';
+
+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 icon
+- `color`: string (default: 'currentColor') - Stroke color
+- `strokeWidth`: number | string (default: 2) - Width of the stroke
+- `className`: string - CSS classes (works with Tailwind!)
+- All standard SVG attributes
+
+## Tailwind CSS Integration
+
+Works seamlessly with Tailwind:
+
+```tsx
+<Home className="w-6 h-6 text-blue-500 hover:text-blue-700" />
+<User className="text-primary dark:text-primary-dark" size={20} />
+```
+