Skip to main content

All Icon Categories

Explore Anicon’s complete library of 572+ animated icons, organized by category for easy discovery. Each icon features unique animations tailored to its purpose.
All icons support the same props: size, strokeWidth, className, and all standard SVG attributes. See the Props Reference for details.

Actions & Essential Icons

Common user actions and essential UI operations.
Core actions used across all interfaces:
  • IconCheck - Checkmark with stroke draw animation
  • IconX - X mark with 90-degree rotation
  • IconPlus - Plus sign with scale and rotate
  • IconMinus - Minus sign with contracting animation
  • IconCopy - Copy sheets separating on hover
  • IconEdit - Edit pencil with writing tilt motion
  • IconTrash - Trash can with lid lifting animation
  • IconSearch - Magnifying glass with zoom pulse
  • IconSettings - Gear rotating 45 degrees on hover
import { IconCheck, IconX, IconPlus } from "@/components/icons";

<IconCheck size={24} className="text-emerald-400" />
<IconX size={24} className="text-rose-400" />
<IconPlus size={24} className="text-emerald-400" />
File and data archiving:
  • IconArchive - Archive box with lifting lid
  • IconArchiveRestore - Archive restore with upward arrow
  • IconArchiveX - Archive with rotating X mark

Arrows & Directions

Navigation, sorting, and directional indicators.
Essential directional arrows with slide animations:
  • IconArrowUp - Arrow up with hover slide and tap animation
  • IconArrowDown - Arrow down with hover slide and tap animation
  • IconArrowLeft - Arrow left with hover slide and tap animation
  • IconArrowRight - Arrow right with hover slide and tap animation
import { IconArrowRight } from "@/components/icons";

<IconArrowRight 
  size={24} 
  className="text-white"
/>
Collapse/expand and navigation chevrons:
  • IconChevronUp - Chevron up with slide animation
  • IconChevronDown - Chevron down with slide animation
  • IconChevronLeft - Chevron left with slide animation
  • IconChevronRight - Chevron right with slide animation
Bold, prominent directional arrows:
  • IconArrowBigUp - Big arrow up with strong lift
  • IconArrowBigDown - Big arrow down with strong drop
  • IconArrowBigLeft - Big arrow left with strong slide
  • IconArrowBigRight - Big arrow right with strong slide
  • IconArrowBigUpDash - Big arrow up with pulsing dash
  • IconArrowBigDownDash - Big arrow down with pulsing dash
  • IconArrowBigLeftDash - Big arrow left with pulsing dash
  • IconArrowBigRightDash - Big arrow right with pulsing dash
Arrows with sort indicators for data tables:
  • IconArrowDownAZ - Arrow down with A-Z sorting motion
  • IconArrowDownZA - Sort Z to A with down arrow
  • IconArrowUp01 - Arrow up with 0-1 sort indicator
  • IconArrowUp10 - Arrow up with 1-0 sort indicator
  • IconArrowUpAZ - Arrow up with A-Z sort indicator
  • IconArrowDownNarrowWide - Arrow down with narrow-to-wide bars
  • IconArrowDownWideNarrow - Arrow down with wide-to-narrow bars
  • IconArrowUpNarrowWide - Arrow up with narrow-to-wide bars
  • And more sorting variants…
Diagonal and corner arrows:
  • IconArrowUpRight - Arrow up-right with diagonal slide
  • IconArrowUpLeft - Arrow up-left with diagonal slide
  • IconArrowDownRight - Arrow down-right with diagonal slide
  • IconArrowDownLeft - Arrow down-left with diagonal slide
  • Plus square and circle variants…
Two-way, circular, and contextual arrows:
  • IconArrowLeftRight - Two-way arrows left and right
  • IconArrowUpDown - Opposing up and down arrows
  • IconArrowDownToLine - Arrow down pointing to a line
  • IconArrowUpFromLine - Arrow rising from a line
  • IconArrowDownToDot - Arrow down pointing to a dot
  • Plus many more variants…

Communication Icons

Mail, notifications, and messaging.
Essential communication icons:
  • IconBell - Bell with ringing shake animation
  • IconMail - Mail envelope with flap animation
  • IconSend - Send icon with flight motion
import { IconBell, IconMail, IconSend } from "@/components/icons";

<IconBell size={24} className="text-amber-400" />
<IconMail size={24} className="text-blue-400" />
<IconSend size={24} className="text-emerald-400" />
Alert and notification variants:
  • IconBellElectric - Bell with electric pulse
  • IconMailWarning - Mail with warning indicator
  • IconMegaphone - Megaphone for announcements
  • IconMegaphoneOff - Muted megaphone
  • IconSiren - Alert siren with flash
  • IconMessageCircleWarning - Warning in message bubble
  • IconMessageSquareWarning - Warning in message square
  • And more alert variants…
Social and network communication:
  • IconAtSign - @ symbol for mentions
  • IconHash - # hashtag symbol
  • IconShare - Share icon with expand motion
  • IconWebhook - Webhook integration icon

Files & Folders

Document and file management icons.
Core file operations:
  • IconFile - File icon with page flip animation
  • IconFolder - Folder with opening animation
  • IconDownload - Download arrow with downward motion
  • IconUpload - Upload arrow with upward motion
Specialized file type icons:
  • IconFileUser - File with user avatar
  • IconFileAlert - File with alert indicator
  • Plus many more file variants…

Media Controls

Video, audio, and media player icons.
Essential media controls:
  • IconPlay - Play button with scale animation
  • IconPause - Pause button with bar animation
  • IconVolume2 - Volume with sound wave animation
  • IconMusic - Music note with bounce
  • IconCamera - Camera with shutter animation
  • IconVideo - Video camera icon
Media organization and playback:
  • IconAlbum - Album icon with folding highlight
  • IconClapperboard - Movie clapperboard
  • IconFrame - Picture frame icon
  • IconMic - Microphone icon
  • IconMicVocal - Vocal microphone
  • IconHeadset - Headset icon

UI Elements & Shapes

Interface components and geometric shapes.
Common UI interaction icons:
  • IconHeart - Heart with hover and tap scale animation
  • IconStar - Star with sparkle and rotate animation
  • IconLoader - Loading spinner with continuous rotation
  • IconEye - Eye icon with blink animation
  • IconLock - Lock with secure locking animation
  • IconUnlock - Unlock with opening animation
Geometric shapes and forms:
  • IconCircle - Basic circle shape
  • IconSquare - Basic square shape
  • IconTriangle - Triangle shape
  • IconHexagon - Hexagon shape
  • IconOctagon - Octagon shape
  • IconPentagon - Pentagon shape
  • IconDiamond - Diamond shape
  • IconShapes - Multiple shapes
  • Plus many shape variants…
Three-dimensional forms:
  • IconBox - 3D box shape
  • IconBoxes - Multiple boxes
  • IconCone - Cone shape
  • IconCylinder - Cylinder shape
  • IconCuboid - Cuboid shape
  • IconPyramid - Pyramid shape
  • IconTorus - Torus shape
Status badges and indicators:
  • IconBadge - Basic badge shape
  • IconBadgeAlert - Badge with alert
  • IconBadgeHelp - Badge with help icon
  • IconBadgeInfo - Badge with info icon
  • IconDot - Simple dot indicator
  • IconCircleDot - Dot inside circle
  • And more badge variants…

Charts & Analytics

Data visualization and dashboard icons.
Different chart visualizations:
  • IconChartLine - Line chart with animated line
  • IconChartArea - Area chart with rising fill
  • IconChartPie - Pie chart icon
  • IconAreaChart - Area chart with rising fill
  • IconChartNoAxesColumn - Column chart
  • IconGauge - Gauge/meter icon
  • IconTrendingUp - Upward trend arrow
  • IconTrendingDown - Downward trend arrow
  • Plus more chart types…
Dashboard and layout icons:
  • IconLayoutDashboard - Dashboard layout grid
  • IconLayout - Generic layout icon
  • IconPanelsTopLeft - Panel arrangement
  • IconLayers - Layered elements
  • IconLayers2 - Alternative layers icon
  • IconBlocks - Building blocks

E-commerce & Payments

Shopping, payments, and retail icons.
E-commerce and shopping icons:
  • IconShoppingCart - Shopping cart icon
  • IconShoppingBag - Shopping bag icon
  • IconStore - Store/shop icon
  • IconPackage - Package/box icon
  • IconTag - Price tag icon
  • IconBarcode - Barcode scanner
  • IconQrCode - QR code icon
  • IconTicket - Ticket icon
  • IconGift - Gift box icon
  • IconTruck - Delivery truck
Financial and payment icons:
  • IconDollarSign - Dollar currency symbol
  • IconCreditCard - Credit card icon
  • IconWallet - Wallet icon
  • IconCoins - Coins stack
  • IconBanknote - Paper money
  • Plus more payment icons…

Tech & Development

Code, terminal, git, and developer tools.
Development and coding icons:
  • IconCodeXml - Code/XML brackets
  • IconBraces - Curly braces for code
  • IconTerminal - Terminal/command line
  • IconCommand - Command key symbol
  • IconBug - Bug/error icon
  • IconBugOff - Bug disabled
  • IconBugPlay - Debug run icon
  • IconComponent - Component icon
  • IconWorkflow - Workflow diagram
  • IconWebhook - Webhook icon
Version control icons:
  • IconGitBranch - Git branch icon
  • IconGitPullRequest - Pull request icon
  • Plus merge and commit variants…
Infrastructure and systems:
  • IconServer - Server/rack icon
  • IconDatabase - Database icon
  • IconDatabaseZap - Fast database
  • IconHardDrive - Hard drive icon
  • IconCpu - CPU/processor icon
  • IconCloud - Cloud icon
  • IconCloudLightning - Cloud with lightning
  • IconRocket - Deploy/launch rocket

User & Profile Management

User accounts and profile icons.
Core user profile icons:
  • IconUser - Single user icon
  • IconUsers - Multiple users group
  • IconCircleUser - User in circle
  • IconUserRound - User with round avatar
  • IconContact - Contact card icon
User management operations:
  • IconUserPlus - Add user
  • IconUserMinus - Remove user
  • IconUserX - Delete user
  • IconUserCheck - Verify user
  • IconUserSearch - Search users
  • IconUserPen - Edit user profile
  • IconUserCog - User settings
  • IconUserStar - Favorite user
  • Plus round variants…
User security icons:
  • IconShieldUser - User with shield
  • IconFileUser - User document
  • IconLogIn - Login icon
  • IconLogOut - Logout icon

Alerts & Status

Warnings, errors, success, and status indicators.
Primary alert containers:
  • IconAlertCircle - Alert circle with pulsing mark
  • IconAlertTriangle - Alert triangle with warning mark
  • IconAlertOctagon - Alert octagon with bouncing mark
import { IconAlertCircle, IconAlertTriangle } from "@/components/icons";

<IconAlertCircle size={24} className="text-rose-400" />
<IconAlertTriangle size={24} className="text-amber-400" />
Various status and state indicators:
  • IconCircleAlert - Circle with alert
  • IconOctagonAlert - Octagon with alert
  • IconTriangleAlert - Triangle with alert
  • IconOctagonX - Octagon with X
  • IconFlag - Flag marker
  • IconFlagOff - Disabled flag
  • And many more status variants…

Time & Calendar

Clocks, calendars, and scheduling icons.
Time and clock icons:
  • IconClock - Clock with ticking hands
  • IconClock1 through IconClock12 - Specific time positions
  • IconClockArrowUp - Clock with up arrow
  • IconClockArrowDown - Clock with down arrow
  • IconClockAlert - Clock with alert
  • Plus many more clock variants…
Alarm clock icons:
  • IconAlarmClock - Alarm clock with ticking hands
  • IconAlarmClockCheck - Alarm with checkmark
  • IconAlarmClockPlus - Alarm with plus
  • IconAlarmClockMinus - Alarm with minus
  • IconAlarmClockOff - Alarm disabled
  • IconAlarmSmoke - Smoke alarm
Calendar and date icons:
  • IconCalendar - Basic calendar icon
  • IconCalendarDays - Calendar with dates
  • IconCalendarCheck - Calendar with checkmark
  • IconCalendarX - Calendar with X
  • IconCalendarPlus - Add calendar event
  • IconCalendarMinus - Remove calendar event
  • IconCalendarHeart - Calendar with heart
  • IconCalendarClock - Calendar with time
  • IconCalendarRange - Date range picker
  • Plus many more calendar variants…
Timer and duration icons:
  • IconTimer - Timer icon
  • IconTimerOff - Timer disabled
  • IconTimerReset - Reset timer
  • IconHourglass - Hourglass icon

Weather & Nature

Weather conditions, plants, and animals.
Weather condition icons:
  • IconSun - Sun icon
  • IconSunDim - Dimmed sun
  • IconSunMedium - Medium brightness sun
  • IconSunrise - Sunrise icon
  • IconSunset - Sunset icon
  • IconMoon - Moon icon
  • IconMoonStar - Moon with star
  • IconCloud - Cloud icon
  • IconCloudy - Cloudy weather
  • IconCloudRain - Rain cloud
  • IconCloudDrizzle - Drizzle
  • IconCloudSnow - Snow cloud
  • IconCloudLightning - Storm cloud
  • IconCloudSun - Partly cloudy
  • IconCloudSunRain - Sun shower
  • IconWind - Wind icon
  • IconTornado - Tornado icon
  • IconRainbow - Rainbow icon
  • IconSnowflake - Snowflake icon
  • Plus more weather variants…
Natural elements:
  • IconLeaf - Leaf icon
  • IconTreePine - Pine tree
  • IconTreeDeciduous - Deciduous tree
  • IconFlower - Flower icon
  • IconFlower2 - Alternative flower
  • IconMountain - Mountain icon
  • IconVolcano - Volcano icon
  • IconWaves - Water waves
Animal icons:
  • IconBird - Bird icon
  • IconCat - Cat icon
  • IconDog - Dog icon
  • IconFish - Fish icon
  • IconPanda - Panda icon
  • IconRabbit - Rabbit icon
  • IconTurtle - Turtle icon
  • IconPawPrint - Paw print
  • Plus many more animals…

Buildings & Architecture

Buildings, landmarks, and structures.
Architectural structures:
  • IconBuilding - Office building
  • IconBuilding2 - Alternative building
  • IconHome - Home icon
  • IconHouse - House icon
  • IconHouseHeart - Home with heart
  • IconHousePlus - Add home
  • IconHousePlug - Smart home
  • IconHouseWifi - Home with WiFi
  • IconHospital - Hospital building
  • IconSchool - School building
  • IconLibrary - Library building
  • IconChurch - Church building
  • IconCastle - Castle icon
  • IconLandmark - Landmark building
  • IconTheater - Theater building
Infrastructure elements:
  • IconWarehouse - Warehouse icon
  • IconFactory - Factory icon
  • IconUtilityPole - Utility pole
  • IconDam - Dam structure
  • IconFence - Fence icon
  • IconBrickWall - Brick wall

Gaming & Rewards

Gaming elements and achievement icons.
Gaming and play icons:
  • IconGamepad2 - Game controller
  • IconJoystick - Joystick icon
  • IconDices - Dice icon
  • IconDice6 - Six-sided die
  • IconPuzzle - Puzzle piece
  • IconTarget - Target icon
Awards and achievements:
  • IconTrophy - Trophy icon
  • IconAward - Award medal
  • IconMedal - Medal icon
  • IconCrown - Crown icon
  • IconGem - Gem/diamond icon
  • IconStar - Star icon
  • IconSparkle - Sparkle effect
  • IconSparkles - Multiple sparkles
Combat and battle:
  • IconSword - Sword icon
  • IconSwords - Crossed swords
  • IconSkull - Skull icon

Lifestyle & Objects

Everyday objects and lifestyle icons.
Food and beverage icons:
  • IconUtensils - Fork and knife
  • IconCoffee - Coffee cup
  • IconCookie - Cookie icon
  • IconCake - Cake icon
  • IconCandy - Candy icon
  • IconCandyCane - Candy cane
  • IconCherry - Cherry icon
  • IconPizza - Pizza slice
  • IconIceCreamCone - Ice cream
  • IconSandwich - Sandwich icon
  • IconApple - Apple icon
  • IconMartini - Martini glass
Transportation and vehicles:
  • IconPlane - Airplane icon
  • IconPlaneTakeoff - Takeoff plane
  • IconTruck - Truck icon
  • IconAmbulance - Ambulance icon
  • IconBike - Bicycle icon
  • IconBus - Bus icon
  • IconTrainFront - Train icon
  • IconSailboat - Sailboat icon
Tools and equipment:
  • IconWrench - Wrench tool
  • IconHammer - Hammer tool
  • IconScissors - Scissors icon
  • IconAxe - Axe tool
  • IconShovel - Shovel tool
  • IconPickaxe - Pickaxe tool
  • IconMagnet - Magnet icon
  • IconBeaker - Laboratory beaker
  • IconMicroscope - Microscope icon
  • IconTelescope - Telescope icon
Musical instruments:
  • IconMusic - Music note
  • IconGuitar - Guitar icon
  • IconPiano - Piano icon
  • IconDrum - Drum icon
  • IconMic - Microphone

Accessibility & Themes

Accessibility features and theme icons.
Accessibility features:
  • IconAccessibility - Accessibility icon with pose sway
  • IconEye - Eye/vision icon
  • IconEyeOff - Hidden/invisible
  • IconEyeClosed - Closed eye
  • IconEar - Hearing icon
  • IconEarOff - Hearing disabled
  • IconGlasses - Eyeglasses icon
  • IconClosedCaption - Closed captions
  • IconHand - Hand icon
  • IconPersonStanding - Standing person
  • IconBaby - Baby icon
  • Plus more accessibility icons…
Theme and display settings:
  • IconSun - Light mode icon
  • IconMoon - Dark mode icon
  • IconSunMoon - Theme toggle
  • IconContrast - Contrast settings
  • IconZoomIn - Zoom in
  • IconZoomOut - Zoom out
  • IconScanEye - Eye scan
  • IconScanSearch - Search scan

Miscellaneous

Additional specialized icons.
Text and typography:
  • IconALargeSmall - Text size icon
  • IconBold - Bold text
  • IconUnderline - Underline text
  • IconAmpersand - Ampersand symbol
  • IconAmpersands - Double ampersands
  • IconAsterisk - Asterisk symbol
  • IconBinary - Binary code
  • Plus more typography icons…
Layout alignment options:
  • IconAlignCenter - Center align
  • IconAlignLeft - Left align
  • IconAlignRight - Right align
  • IconAlignJustify - Justify align
  • IconAlignCenterHorizontal - Horizontal center
  • IconAlignCenterVertical - Vertical center
  • Plus many distribute and space variants…
Emotional expressions:
  • IconSmile - Happy face
  • IconFrown - Sad face
  • IconAngry - Angry face
  • IconAnnoyed - Annoyed face

Finding Icons

Use your browser’s search function (Cmd/Ctrl + F) to quickly find specific icons on this page.

Next Steps

Props Reference

Learn about all available props and customization options

Animation Variants

Understand animation configuration and transitions

Build docs developers (and LLMs) love