@fanvue/ui and renders as an inline <svg> that inherits currentColor.
import { AddCircleIcon } from "@fanvue/ui";
<AddCircleIcon size={24} filled />;
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
boolean
default:"false"
Render the filled variant when available; falls back to outlined.
16 | 24 | 32
default:"24"
Pixel size — selects the dedicated path geometry.
SVGAttributes of an <svg> 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
@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 · Theming