> ## Documentation Index > Fetch the complete documentation index at: https://api.fanvue.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Icons > All 172 icons in @fanvue/ui, with their sizes and variants. Every icon is a named export of `@fanvue/ui` and renders as an inline `` that inherits `currentColor`. ```tsx theme={null} import { AddCircleIcon } from "@fanvue/ui"; ; ``` 141 of the 172 icons take the `size` and `filled` props below — they ship dedicated path geometry per size rather than scaling one drawing. The rest are single-size legacy icons sized with a utility class, e.g. `className="size-6"`. ## Shared props Render the filled variant when available; falls back to outlined. Pixel size — selects the dedicated path geometry. Every icon also accepts the standard `SVGAttributes` of an `` element, including `className`, `style` and `aria-*`. Icons are `aria-hidden` by default; for a standalone icon pass `aria-hidden={false}` with `role="img"` and an `aria-label`. ## Browse The embed above is searchable and copies the import line on click. The full index below is sorted alphabetically; every name imports from `@fanvue/ui`. ## All icons | Icon | Sizes | Filled | Animated twin | Keywords | | ---------------------- | --------------------- | ------ | ------------- | --------------------------------------- | | `AddCircleIcon` | 16, 24, 32 | yes | no | add, plus, create, new | | `AddIcon` | 16, 24, 32 | no | yes | add, plus, create, new | | `AffiliatesIcon` | 16, 24, 32 | yes | yes | | | `AI2Icon` | 16, 24, 32 | yes | no | ai, artificial, intelligence, sparkle | | `AICallIcon` | 16, 24, 32 | yes | no | | | `AIDisclosureIcon` | 16, 24, 32 | yes | no | | | `AIIcon` | 16, 24, 32 | yes | yes | ai, artificial, intelligence, machine | | `AISettingsIcon` | 16, 24, 32 | yes | no | ai, settings, gear, cog | | `AlertIcon` | 16, 24, 32 | yes | no | alert, warning, exclamation | | `AppsIcon` | 16, 24, 32 | yes | no | apps, grid, applications, menu | | `ArrowDownIcon` | 16, 24, 32 | no | yes | arrow, down, navigation | | `ArrowLeftIcon` | 16, 24, 32 | no | yes | arrow, left, back, navigation | | `ArrowRightIcon` | 16, 24, 32 | no | yes | arrow, right, navigation, next | | `ArrowUpIcon` | 16, 24, 32 | no | yes | arrow, up, navigation | | `ArrowUpRightIcon` | any (via `className`) | no | yes | arrow, up, right, external | | `AtSignIcon` | 16, 24, 32 | no | yes | at, mention, email, sign | | `AutoMessageIcon` | 16, 24, 32 | yes | no | auto, message, automatic, bot | | `BankIcon` | 16, 24, 32 | yes | no | bank, login, enter, door | | `BellIcon` | 16, 24, 32 | yes | yes | bell, notification, alarm | | `BellOffIcon` | 16, 24, 32 | yes | no | bell, off, mute, notification | | `BoltIcon` | 16, 24, 32 | yes | yes | bolt, lightning, power, energy | | `BulbIcon` | 16, 24, 32 | yes | no | bulb, light, idea, lamp | | `Calendar2Icon` | 16, 24, 32 | yes | no | calendar, date, schedule, simple | | `CalendarIcon` | 16, 24, 32 | yes | yes | calendar, date, schedule | | `CameraIcon` | any (via `className`) | no | no | camera, photo, capture | | `CardIcon` | 16, 24, 32 | yes | yes | card, credit, payment, wallet | | `ChartIcon` | 16, 24, 32 | yes | no | chart, love, heart, analytics | | `CheckBoxOffIcon` | 16, 24, 32 | yes | no | checkbox, unchecked, empty, square | | `CheckBoxOnIcon` | 16, 24, 32 | yes | no | checkbox, checked, ticked, on | | `CheckCircleIcon` | any (via `className`) | no | no | check, circle, success, done | | `CheckIcon` | any (via `className`) | no | yes | check, tick, done, confirm | | `CheckOutlineIcon` | any (via `className`) | no | yes | check, outline, circle, confirm | | `ChevronDownIcon` | 16, 24, 32 | no | yes | chevron, down, arrow, expand | | `ChevronLeftIcon` | 16, 24, 32 | no | yes | chevron, left, arrow, back | | `ChevronRightIcon` | 16, 24, 32 | no | yes | chevron, right, arrow, next | | `ChevronUpIcon` | 16, 24, 32 | no | yes | chevron, up, arrow, collapse | | `ClockIcon` | 16, 24, 32 | yes | yes | clock, time, schedule | | `CloseIcon` | 16, 24, 32 | no | yes | close, x, dismiss, remove | | `CodeIcon` | 16, 24, 32 | yes | no | code, brackets, programming | | `CogIcon` | 16, 24, 32 | yes | yes | cog, gear, settings, config | | `CoinIcon` | 16, 24, 32 | yes | yes | coin, money, currency, star | | `CompassIcon` | 16, 24, 32 | yes | no | compass, navigation, direction, explore | | `CopyIcon` | 16, 24, 32 | yes | yes | copy, duplicate, clipboard, paste | | `CrossCircleIcon` | 16, 24, 32 | yes | no | | | `CrossIcon` | any (via `className`) | no | yes | cross, x, close, cancel | | `CrownIcon` | 16, 24, 32 | yes | no | crown, premium, vip, special | | `DenseGridViewIcon` | 16, 24, 32 | no | no | grid, dense, compact, view | | `DiamondIcon` | 16, 24, 32 | yes | no | diamond, gem, premium | | `DiscordIcon` | 16, 24, 32 | yes | yes | | | `DiscountIcon` | 16, 24, 32 | yes | no | discount, sale, percent | | `DonateIcon` | 16, 24, 32 | yes | no | donate, gift, give | | `DoubleTickIcon` | 16, 24, 32 | yes | yes | double, tick, check, read | | `DownloadIcon` | 16, 24, 32 | yes | yes | download, save, file | | `EditIcon` | 16, 24, 32 | yes | no | edit, pen, write, modify | | `EmojiIcon` | any (via `className`) | no | yes | emoji, smiley, face, happy | | `ErrorCircleIcon` | any (via `className`) | no | no | error, circle, alert, danger | | `ErrorIcon` | any (via `className`) | no | no | error, alert, danger, warning | | `ExclamationMarkIcon` | 16, 24, 32 | yes | no | | | `ExpandIcon` | 16, 24, 32 | yes | yes | expand, fullscreen, resize | | `EyeClosedIcon` | any (via `className`) | no | no | eye, closed, hidden, invisible | | `EyeIcon` | 16, 24, 32 | yes | yes | eye, view, visibility, show | | `EyeOffIcon` | 16, 24, 32 | yes | yes | eye, off, hidden, invisible | | `EyeSlashIcon` | any (via `className`) | no | no | eye, slash, hidden, invisible | | `FacebookIcon` | any (via `className`) | no | no | facebook, social, login | | `FlagIcon` | 16, 24, 32 | yes | no | flag, report, bookmark | | `FlameIcon` | 16, 24, 32 | yes | yes | flame, fire, hot, trending | | `FlashIcon` | 16, 24, 32 | yes | no | | | `FolderIcon` | 16, 24, 32 | yes | no | folder, directory, file | | `ForwardIcon` | 16, 24, 32 | yes | no | forward, next, skip | | `GalleryIcon` | any (via `className`) | no | no | gallery, image, photo | | `GameIcon` | 16, 24, 32 | yes | no | game, controller, play, joystick | | `GenderIcon` | 16, 24, 32 | yes | no | gender, identity | | `GifIcon` | 16, 24, 32 | yes | no | | | `GiftIcon` | 16, 24, 32 | yes | no | gift, present, reward | | `GoogleIcon` | any (via `className`) | no | no | google, social, login | | `GridViewIcon` | 16, 24, 32 | no | no | grid, view, layout, gallery | | `HealthIcon` | 16, 24, 32 | yes | no | health, medical, heart, pulse | | `HeartIcon` | 16, 24, 32 | yes | yes | heart, love, like, favorite | | `HelpIcon` | 16, 24, 32 | yes | yes | help, question, support | | `HomeIcon` | 16, 24, 32 | yes | yes | home, house, main, start | | `HourglassIcon` | 16, 24, 32 | yes | yes | hourglass, timer, wait | | `ImageIcon` | 16, 24, 32 | yes | no | image, photo, picture, gallery | | `ImageUploadIcon` | 16, 24, 32 | yes | no | | | `InboxIcon` | 16, 24, 32 | yes | no | inbox, mail, message | | `InfoCircleIcon` | any (via `className`) | no | no | info, circle, information | | `InfoIcon` | 16, 24, 32 | yes | no | info, information, help | | `LanguageIcon` | 16, 24, 32 | yes | yes | language, translate, locale, globe | | `LinkIcon` | 16, 24, 32 | no | yes | link, chain, url | | `ListViewIcon` | 16, 24, 32 | no | no | list, view, layout, row | | `LocationIcon` | 16, 24, 32 | yes | yes | location, map, pin | | `LockerIcon` | 16, 24, 32 | yes | yes | locker, lock, secure, padlock | | `LockerOffIcon` | 16, 24, 32 | yes | no | locker, off, unlock, open | | `LockerOnIcon` | any (via `className`) | no | no | locker, on, lock, secure | | `LogoutIcon` | 16, 24, 32 | yes | no | logout, exit, sign out | | `LoveIcon` | 16, 24, 32 | yes | no | love, heart, like, favorite | | `MassMessageIcon` | 16, 24, 32 | yes | no | mass, message, broadcast, bulk | | `MegaphoneIcon` | 16, 24, 32 | yes | no | megaphone, announce, speaker | | `MenuCloseIcon` | 16, 24, 32 | yes | yes | menu, close, sidebar | | `MenuIcon` | 16, 24, 32 | no | yes | menu, hamburger, navigation | | `MenuOpenIcon` | 16, 24, 32 | yes | yes | menu, open, sidebar | | `MessageIcon` | 16, 24, 32 | yes | no | message, chat, comment | | `MicrophoneIcon` | 16, 24, 32 | yes | yes | microphone, mic, audio, voice | | `MinusIcon` | 16, 24, 32 | no | no | minus, subtract, remove, decrease | | `MoonIcon` | 16, 24, 32 | yes | no | moon, night, dark, theme | | `MoreIcon` | 16, 24, 32 | no | no | more, horizontal, dots, ellipsis | | `MoreVerticalIcon` | 16, 24, 32 | no | no | more, vertical, dots, ellipsis | | `NewMessageIcon` | 16, 24, 32 | yes | yes | message, chat, comment, new | | `OpenIcon` | any (via `className`) | no | yes | open, external, link, new window | | `PauseIcon` | 16, 24, 32 | yes | no | pause, media, stop | | `PeopleIcon` | any (via `className`) | no | yes | people, users, group, followers | | `PhoneIcon` | 16, 24, 32 | yes | yes | phone, call, contact | | `PhoneOffIcon` | 16, 24, 32 | yes | no | phone, off, end, call | | `Pin2Icon` | 16, 24, 32 | yes | no | | | `PinIcon` | 16, 24, 32 | yes | no | pin, bookmark, save | | `PlayIcon` | 16, 24, 32 | yes | no | play, media, start, video | | `PlusIcon` | any (via `className`) | no | yes | plus, add, create, new | | `PrivacyIcon` | 16, 24, 32 | yes | no | privacy, shield, secure | | `ProgrammingArrowIcon` | 16, 24, 32 | yes | no | workflow, branch, git, flow | | `QueueIcon` | 16, 24, 32 | no | no | queue, list, stack, order | | `ReceiveMoneyIcon` | 16, 24, 32 | no | no | receive, money, hand, dollar | | `RefreshArrowIcon` | 16, 24, 32 | no | no | refresh, reload, sync, automations | | `RepeatIcon` | 16, 24, 32 | no | no | repeat, loop, refresh | | `Reply2Icon` | 16, 24, 32 | yes | no | reply, respond, arrow | | `ReplyIcon` | 16, 24, 32 | yes | no | reply, respond, arrow | | `ReverseIcon` | 16, 24, 32 | no | yes | reverse, undo, back | | `SearchIcon` | 16, 24, 32 | yes | yes | search, find, magnify, look | | `SendIcon` | 16, 24, 32 | yes | yes | send, submit, paper plane | | `SettingsIcon` | 16, 24, 32 | yes | yes | settings, gear, config | | `ShareIcon` | 16, 24, 32 | yes | no | share, social, send | | `SoundIcon` | 16, 24, 32 | no | yes | | | `SpinnerIcon` | any (via `className`) | no | no | spinner, loading, progress | | `StarIcon` | 16, 24, 32 | yes | no | star, favorite, rating | | `StopIcon` | 16, 24, 32 | yes | no | stop, halt, end | | `SuccessIcon` | any (via `className`) | no | no | success, check, done | | `SunIcon` | 16, 24, 32 | yes | yes | sun, light, day, theme | | `Support2Icon` | 16, 24, 32 | yes | no | support, help, lifebuoy | | `SupportIcon` | 16, 24, 32 | yes | no | support, help, headset | | `TagIcon` | 16, 24, 32 | yes | no | tag, label, category | | `TaskIcon` | 16, 24, 32 | no | no | task, todo, checklist | | `ThumbDownFilledIcon` | any (via `className`) | no | no | thumb, down, dislike, filled | | `ThumbDownIcon` | 16, 24, 32 | yes | yes | thumb, down, dislike | | `ThumbUpFilledIcon` | any (via `className`) | no | no | thumb, up, like, filled | | `ThumbUpIcon` | 16, 24, 32 | yes | yes | thumb, up, like | | `TickCircleIcon` | 16, 24, 32 | yes | yes | tick, circle, check, done | | `TickCircleOffIcon` | 16, 24, 32 | no | no | tick, circle, off, unchecked | | `TickIcon` | 16, 24, 32 | no | yes | tick, check, done, confirm | | `ToolsIcon` | 16, 24, 32 | yes | no | tools, wrench, settings, fix | | `TranscationArrowIcon` | 16, 24, 32 | yes | no | | | `TrashBinIcon` | any (via `className`) | no | yes | trash, bin, delete, remove | | `TrashIcon` | 16, 24, 32 | yes | yes | trash, delete, remove, bin | | `TrophyIcon` | 16, 24, 32 | yes | no | trophy, award, medal, achievement | | `TwitterIcon` | any (via `className`) | no | no | x, twitter, social, login | | `UploadCloudIcon` | any (via `className`) | no | yes | upload, cloud | | `UploadIcon` | 16, 24, 32 | yes | yes | upload, send, file | | `UploadToCloudIcon` | 16, 24, 32 | yes | yes | | | `UserAddIcon` | 16, 24, 32 | yes | no | user, add, follow, invite | | `UserAIIcon` | 16, 24, 32 | yes | no | | | `UserCircleIcon` | any (via `className`) | no | no | user, circle, avatar, profile | | `UserIcon` | 16, 24, 32 | yes | no | user, person, profile | | `UserMenuIcon` | 16, 24, 32 | yes | no | user, menu, profile, options | | `UsersIcon` | 16, 24, 32 | yes | yes | users, group, people, team | | `VaultIcon` | 16, 24, 32 | yes | no | vault, safe, secure, storage | | `VerifiedIcon` | 16, 24, 32 | yes | no | | | `VideoIcon` | 16, 24, 32 | yes | no | video, camera, record, media | | `VipBadgeIcon` | any (via `className`) | no | no | vip, badge, premium, special | | `WalletIcon` | 16, 24, 32 | yes | yes | wallet, money, payment | | `WarningIcon` | 16, 24, 32 | yes | no | warning, caution, alert | | `WarningTriangleIcon` | any (via `className`) | no | no | warning, triangle, caution | | `WifiIcon` | 16, 24, 32 | no | yes | wifi, network, internet, connected | | `WifiOffIcon` | 16, 24, 32 | no | no | wifi, off, disconnected | | `WifiOnIcon` | any (via `className`) | no | no | wifi, on, connected, internet | | `WrenchIcon` | any (via `className`) | no | yes | wrench, tool, settings, fix | *** **Setup:** [Installation](/docs/ui/installation) · [Theming](/docs/ui/theming)