SVG Animated Icons
Browse a collection of animated SVG icons powered by Framer Motion and Lucide. Drop them into your UI for subtle, polished motion.
AArrowDown
a-arrow-down
AArrowUp
a-arrow-up
Activity
activity
AirVent
air-vent
Airplay
airplay
ALargeSmall
a-large-small
AlarmClock
alarm-clock
AlarmClockCheck
alarm-clock-check
AlarmSmoke
alarm-smoke
Album
album
AlignCenter
align-center
AlignCenterHorizontal
align-center-horizontal
AlignCenterVertical
align-center-vertical
Anchor
anchor
Angry
angry
Annoyed
annoyed
Antenna
antenna
Aperture
aperture
AppWindowMac
app-window-mac
Archive
archive
AtSign
at-sign
Atom
atom
AudioLines
audio-lines
AudioWaveform
audio-waveform
BadgeAlert
badge-alert
BadgeCheck
badge-check
BadgeDollarSign
badge-dollar-sign
BatteryFull
battery-full
BellRing
bell-ring
Bike
bike
Blend
blend
Blocks
blocks
BluetoothSearching
bluetooth-searching
Bold
bold
BoldText
bold-text
Bolt
bolt
Bomb
bomb
BookMarked
book-marked
Box
box
Boxes
boxes
Braces
braces
BracesOpen
braces-open
Brackets
brackets
BracketsOpen
brackets-open
BringToFront
bring-to-front
Bug
bug
Cable
cable
Cake
cake
Calendar1
calendar-1
Cast
cast
ChartColumn
chart-column
ChartColumnBig
chart-column-big
ChartGantt
chart-gantt
ChartLine
chart-line
ChartNoAxes
chart-no-axes
ChartPie
chart-pie
Check
check
CheckCheck
check-check
ChevronDown
chevron-down
ChevronFirst
chevron-first
ChevronLast
chevron-last
ChevronLeft
chevron-left
ChevronRight
chevron-right
ChevronUp
chevron-up
ChevronsDown
chevrons-down
ChevronsLeft
chevrons-left
ChevronsRight
chevrons-right
ChevronsUp
chevrons-up
ChevronsUpDown
chevrons-up-down
Chrome
chrome
CircleChevronDown
circle-chevron-down
CircleChevronLeft
circle-chevron-left
CircleChevronRight
circle-chevron-right
CircleChevronUp
circle-chevron-up
CircleDashed
circle-dashed
CircleDollarSign
circle-dollar-sign
CircleDotDashed
circle-dot-dashed
CircleFadingArrowUp
circle-fading-arrow-up
CircleHelp
circle-help
Clapperboard
clapperboard
ClipboardCopy
clipboard-copy
Clock8
clock-8
CloudDownload
cloud-download
CloudDrizzle
cloud-drizzle
Code
code
Codesandbox
codesandbox
Compass
compass
Copy
copy
Cpu
cpu
Crop
crop
Delete
delete
Dice6
dice-6
Disc3
disc-3
Download
download
Earth
earth
Expand
expand
Fan
fan
FileChartColumn
file-chart-column
FileChartPie
file-chart-pie
FileStack
file-stack
Flame
flame
FlameKindling
flame-kindling
FlameWild
flame-wild
Folders
folders
Globe
globe
Grape
grape
Grip
grip
Group
group
HardDriveDownload
hard-drive-download
HeartHands
heart-hands
HeartHandshake
heart-handshake
Heater
heater
IterationCcw
iteration-ccw
IterationCw
iteration-cw
Layers
layers
LayoutGrid
layout-grid
Link2
link-2
LoaderPinwheel
loader-pinwheel
Magnet
magnet
Martini
martini
Maximize2
maximize-2
Moon
moon
Music
music
Network
network
Nfc
nfc
Origami
origami
PackageOpen
package-open
Paperclip
paperclip
PartyPopper
party-popper
Percent
percent
Plane
plane
Podcast
podcast
Rocket
rocket
Salad
salad
ScanHeart
scan-heart
ShoppingCart
shopping-cart
ScanText
scan-text
Shell
shell
Slack
slack
SlidersVertical
sliders-vertical
SmartphoneNfc
smartphone-nfc
Sparkles
sparkles
SprayCan
spray-can
Strikeout
strikeout
Squirrel
squirrel
Sun
sun
SunToMoon
sun-to-moon
SwatchBook
swatch-book
TestTubes
test-tubes
ThermometerSnowflake
thermometer-snowflake
ThumbsDown
thumbs-down
ThumbsUp
thumbs-up
ToggleLeft
toggle-left
Trees
trees
Underline
underline
Undo
undo
Ungroup
ungroup
User
user
Users
users
Wand
wand
WandSparkles
wand-sparkles
Waves
waves
Wifi
wifi
Wind
wind
Wine
wine
Tip: Combine these icons with your existing Tailwind gradients and motion presets for cohesive micro-interactions across your app.