# useAnimations

> 300 free animated icons (Lottie) with hover, click and loop interactions built in, for React. MIT licensed.

- React: `npm install react-useanimations`, then `import github from 'react-useanimations/lib/github'` and `<UseAnimations animation={github} size={32} />`.
- shadcn/ui: `npx shadcn@latest add https://useanimations.com/r/<id>.json`.
- Lottie: `https://useanimations.com/icons/<id>.json`, static SVGs at `https://useanimations.com/icons/<id>/<state>.svg`, ZIP at `https://useanimations.com/icons/<id>.zip`.
- Catalog of every icon: [icons.json](https://useanimations.com/icons.json). Documentation: [Markdown](https://useanimations.com/documentation.md), [HTML](https://useanimations.com/documentation).

## Interactions

- `loop`: Plays continuously; stays on the static first frame when reduced motion is preferred.
- `click-toggle`: Toggles between two states on click, or switches immediately when reduced motion is preferred.
- `click-replay`: Replays once from the start on every click unless reduced motion is preferred.
- `hover`: Plays forward on mouseenter and backward on mouseleave.
- `hover-replay`: Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.
- `hover-loop`: Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.

## Icons

### Alerts

- [Alert circle](https://useanimations.com/icons/alert-circle) (`alertCircle`, loop)
- [Alert octagon](https://useanimations.com/icons/alert-octagon) (`alertOctagon`, loop)
- [Alert triangle](https://useanimations.com/icons/alert-triangle) (`alertTriangle`, loop)
- [Error](https://useanimations.com/icons/error) (`error`, loop)
- [X Octagon](https://useanimations.com/icons/x-octagon) (`xOctagon`, click-replay)

### Notifications

- [Notification](https://useanimations.com/icons/notification) (`notification`, click-toggle)
- [Notification V2](https://useanimations.com/icons/notification-v2) (`notification2`, click-toggle)
- [Notification V3](https://useanimations.com/icons/notification-v3) (`notification3`, loop)
- [Notification V4](https://useanimations.com/icons/notification-v4) (`notification4`, loop)

### Navigation

- [Arrow down circle](https://useanimations.com/icons/arrow-down-circle) (`arrowDownCircle`, click-replay)
- [Arrow Down Left](https://useanimations.com/icons/arrow-down-left) (`arrowDownLeft`, hover-replay)
- [Arrow Down Right](https://useanimations.com/icons/arrow-down-right) (`arrowDownRight`, hover-replay)
- [Arrow Left](https://useanimations.com/icons/arrow-left) (`arrowLeft`, hover-replay)
- [Arrow left circle](https://useanimations.com/icons/arrow-left-circle) (`arrowLeftCircle`, click-replay)
- [Arrow Right](https://useanimations.com/icons/arrow-right) (`arrowRight`, hover-replay)
- [Arrow right circle](https://useanimations.com/icons/arrow-right-circle) (`arrowRightCircle`, click-replay)
- [Arrow up circle](https://useanimations.com/icons/arrow-up-circle) (`arrowUpCircle`, click-replay)
- [Arrow Up Left](https://useanimations.com/icons/arrow-up-left) (`arrowUpLeft`, hover-replay)
- [Arrow Up Right](https://useanimations.com/icons/arrow-up-right) (`arrowUpRight`, hover-replay)
- [Burger Menu](https://useanimations.com/icons/menu) (`menu`, click-toggle)
- [Chevron Down](https://useanimations.com/icons/chevron-down) (`chevronDown`, hover-replay)
- [Chevron Up](https://useanimations.com/icons/chevron-up) (`chevronUp`, hover-replay)
- [Chevrons Down](https://useanimations.com/icons/chevrons-down) (`chevronsDown`, hover-replay)
- [Chevrons Left](https://useanimations.com/icons/chevrons-left) (`chevronsLeft`, hover-replay)
- [Chevrons Right](https://useanimations.com/icons/chevrons-right) (`chevronsRight`, hover-replay)
- [Chevrons Up](https://useanimations.com/icons/chevrons-up) (`chevronsUp`, hover-replay)
- [Corner Down Left](https://useanimations.com/icons/corner-down-left) (`cornerDownLeft`, hover-replay)
- [Corner Down Right](https://useanimations.com/icons/corner-down-right) (`cornerDownRight`, hover-replay)
- [Corner Left Down](https://useanimations.com/icons/corner-left-down) (`cornerLeftDown`, hover-replay)
- [Corner Left Up](https://useanimations.com/icons/corner-left-up) (`cornerLeftUp`, hover-replay)
- [Corner Right Down](https://useanimations.com/icons/corner-right-down) (`cornerRightDown`, hover-replay)
- [Corner Right Up](https://useanimations.com/icons/corner-right-up) (`cornerRightUp`, hover-replay)
- [Corner Up Left](https://useanimations.com/icons/corner-up-left) (`cornerUpLeft`, hover-replay)
- [Corner Up Right](https://useanimations.com/icons/corner-up-right) (`cornerUpRight`, hover-replay)
- [External Link](https://useanimations.com/icons/external-link) (`externalLink`, hover-replay)
- [Log In](https://useanimations.com/icons/log-in) (`logIn`, click-replay)
- [Log Out](https://useanimations.com/icons/log-out) (`logOut`, click-replay)
- [Menu V2](https://useanimations.com/icons/menu-v2) (`menu2`, click-toggle)
- [Menu V3](https://useanimations.com/icons/menu-v3) (`menu3`, click-toggle)
- [Menu V4](https://useanimations.com/icons/menu-v4) (`menu4`, click-toggle)
- [More Horizontal](https://useanimations.com/icons/more-horizontal) (`moreHorizontal`, loop)
- [More Vertical](https://useanimations.com/icons/more-vertical) (`moreVertical`, loop)
- [Sidebar](https://useanimations.com/icons/sidebar) (`sidebar`, hover-replay)

### Action

- [Award](https://useanimations.com/icons/award) (`award`, hover-replay)
- [Bookmark](https://useanimations.com/icons/bookmark) (`bookmark`, click-toggle)
- [Calendar](https://useanimations.com/icons/calendar) (`calendar`, hover)
- [Check](https://useanimations.com/icons/check) (`check`, click-replay)
- [Check Circle](https://useanimations.com/icons/check-circle) (`checkCircle`, click-replay)
- [Checkmark](https://useanimations.com/icons/checkmark) (`checkmark`, loop)
- [Chevron left](https://useanimations.com/icons/chevron-left) (`chevronLeft`, click-replay)
- [Chevron right](https://useanimations.com/icons/chevron-right) (`chevronRight`, click-replay)
- [Delete](https://useanimations.com/icons/delete) (`delete`, click-replay)
- [Download](https://useanimations.com/icons/download) (`download`, click-replay)
- [Download Cloud](https://useanimations.com/icons/download-cloud) (`downloadCloud`, click-replay)
- [Download V2](https://useanimations.com/icons/download-v2) (`download2`, click-replay)
- [Edit](https://useanimations.com/icons/edit) (`edit`, hover)
- [Edit 2](https://useanimations.com/icons/edit-2) (`edit2`, click-replay)
- [Edit 3](https://useanimations.com/icons/edit-3) (`edit3`, click-replay)
- [Explore](https://useanimations.com/icons/explore) (`explore`, hover)
- [Filter](https://useanimations.com/icons/filter) (`filter`, click-replay)
- [Flag](https://useanimations.com/icons/flag) (`flag`, hover-loop)
- [Folder](https://useanimations.com/icons/folder) (`folder`, hover)
- [Heart](https://useanimations.com/icons/heart) (`heart`, click-toggle)
- [Heart V2](https://useanimations.com/icons/heart-v2) (`heart2`, click-replay)
- [Help](https://useanimations.com/icons/help) (`help`, loop)
- [Home](https://useanimations.com/icons/home) (`home`, hover)
- [Info](https://useanimations.com/icons/info) (`info`, hover)
- [Key](https://useanimations.com/icons/key) (`key`, hover-replay)
- [Link](https://useanimations.com/icons/link) (`link`, click-replay)
- [Link 2](https://useanimations.com/icons/link-2) (`link2`, click-replay)
- [Lock / Unlock](https://useanimations.com/icons/lock) (`lock`, click-toggle)
- [Maxi/Minimize](https://useanimations.com/icons/maximize-minimize) (`maximizeMinimize`, click-toggle)
- [Maxi/Minimize V2](https://useanimations.com/icons/maximize-minimize-v2) (`maximizeMinimize2`, click-toggle)
- [Maximize 2](https://useanimations.com/icons/maximize-2) (`maximize2`, hover-replay)
- [Minimize 2](https://useanimations.com/icons/minimize-2) (`minimize2`, hover-replay)
- [Minus](https://useanimations.com/icons/minus) (`minus`, click-replay)
- [Minus Circle](https://useanimations.com/icons/minus-circle) (`minusCircle`, click-replay)
- [Minus Square](https://useanimations.com/icons/minus-square) (`minusSquare`, click-replay)
- [Plus Circle](https://useanimations.com/icons/plus-circle) (`plusCircle`, click-replay)
- [Plus Square](https://useanimations.com/icons/plus-square) (`plusSquare`, click-replay)
- [Plus/X](https://useanimations.com/icons/plus-to-x) (`plusToX`, click-toggle)
- [Power](https://useanimations.com/icons/power) (`power`, click-replay)
- [Refresh](https://useanimations.com/icons/refresh) (`refresh`, click-replay)
- [Refresh Ccw](https://useanimations.com/icons/refresh-ccw) (`refreshCcw`, click-replay)
- [Refresh V2](https://useanimations.com/icons/refresh-v2) (`refresh2`, click-replay)
- [Rotate Ccw](https://useanimations.com/icons/rotate-ccw) (`rotateCcw`, click-replay)
- [Rotate Cw](https://useanimations.com/icons/rotate-cw) (`rotateCw`, click-replay)
- [Save](https://useanimations.com/icons/save) (`save`, click-replay)
- [Search/X](https://useanimations.com/icons/search-to-x) (`searchToX`, click-toggle)
- [Settings](https://useanimations.com/icons/settings) (`settings`, hover)
- [Settings V2](https://useanimations.com/icons/settings-v2) (`settings2`, click-toggle)
- [Shield](https://useanimations.com/icons/shield) (`shield`, hover-replay)
- [Shield Off](https://useanimations.com/icons/shield-off) (`shieldOff`, click-toggle)
- [Slash](https://useanimations.com/icons/slash) (`slash`, hover-replay)
- [Star](https://useanimations.com/icons/star) (`star`, click-toggle)
- [Thumb up](https://useanimations.com/icons/thumb-up) (`thumbUp`, click-toggle)
- [Thumbs Down](https://useanimations.com/icons/thumbs-down) (`thumbsDown`, click-replay)
- [Trash](https://useanimations.com/icons/trash) (`trash`, hover)
- [Trash V2](https://useanimations.com/icons/trash-v2) (`trash2`, hover)
- [Upload](https://useanimations.com/icons/upload) (`upload`, click-replay)
- [Upload Cloud](https://useanimations.com/icons/upload-cloud) (`uploadCloud`, click-replay)
- [Visibility](https://useanimations.com/icons/visibility) (`visibility`, click-toggle)
- [Visibility V2](https://useanimations.com/icons/visibility-v2) (`visibility2`, click-toggle)
- [Visibility V3](https://useanimations.com/icons/visibility-v3) (`visibility3`, click-toggle)
- [X Square](https://useanimations.com/icons/x-square) (`xSquare`, click-replay)
- [Zoom In](https://useanimations.com/icons/zoom-in) (`zoomIn`, hover)
- [Zoom Out](https://useanimations.com/icons/zoom-out) (`zoomOut`, hover)

### Content

- [Archive](https://useanimations.com/icons/archive) (`archive`, hover)
- [Book](https://useanimations.com/icons/book) (`book`, hover-replay)
- [Book Open](https://useanimations.com/icons/book-open) (`bookOpen`, hover-replay)
- [Clipboard](https://useanimations.com/icons/clipboard) (`clipboard`, hover-replay)
- [Copy](https://useanimations.com/icons/copy) (`copy`, hover)
- [File](https://useanimations.com/icons/file) (`file`, hover-replay)
- [File Minus](https://useanimations.com/icons/file-minus) (`fileMinus`, click-replay)
- [File Plus](https://useanimations.com/icons/file-plus) (`filePlus`, click-replay)
- [File Text](https://useanimations.com/icons/file-text) (`fileText`, hover-replay)
- [Folder Minus](https://useanimations.com/icons/folder-minus) (`folderMinus`, click-replay)
- [Folder Plus](https://useanimations.com/icons/folder-plus) (`folderPlus`, click-replay)
- [Image](https://useanimations.com/icons/image) (`image`, hover-replay)
- [Inbox](https://useanimations.com/icons/inbox) (`inbox`, hover-replay)
- [Mail](https://useanimations.com/icons/mail) (`mail`, hover)
- [Paperclip](https://useanimations.com/icons/paperclip) (`paperclip`, hover-replay)
- [Share](https://useanimations.com/icons/share) (`share`, hover)
- [User](https://useanimations.com/icons/user) (`user`, hover-replay)
- [User Check](https://useanimations.com/icons/user-check) (`userCheck`, click-replay)
- [User minus](https://useanimations.com/icons/user-minus) (`userMinus`, hover)
- [User plus](https://useanimations.com/icons/user-plus) (`userPlus`, hover)
- [User X](https://useanimations.com/icons/user-x) (`userX`, hover)
- [Users](https://useanimations.com/icons/users) (`users`, hover-replay)

### Form

- [Checkbox](https://useanimations.com/icons/check-box) (`checkBox`, click-toggle)
- [Radio button](https://useanimations.com/icons/radio-button) (`radioButton`, click-toggle)
- [Toggle](https://useanimations.com/icons/toggle) (`toggle`, click-toggle)

### Media

- [Airplay](https://useanimations.com/icons/airplay) (`airplay`, loop)
- [Aperture](https://useanimations.com/icons/aperture) (`aperture`, hover-replay)
- [Camera](https://useanimations.com/icons/camera) (`camera`, click-replay)
- [Camera Off](https://useanimations.com/icons/camera-off) (`cameraOff`, click-toggle)
- [Cast](https://useanimations.com/icons/cast) (`cast`, hover-replay)
- [Disc](https://useanimations.com/icons/disc) (`disc`, hover-replay)
- [Fast Forward](https://useanimations.com/icons/fast-forward) (`fastForward`, hover-replay)
- [Film](https://useanimations.com/icons/film) (`film`, hover-replay)
- [Headphones](https://useanimations.com/icons/headphones) (`headphones`, hover-replay)
- [Mic Off](https://useanimations.com/icons/mic-off) (`micOff`, click-toggle)
- [Microphone](https://useanimations.com/icons/microphone) (`microphone`, click-toggle)
- [Microphone V2](https://useanimations.com/icons/microphone-v2) (`microphone2`, click-toggle)
- [Music](https://useanimations.com/icons/music) (`music`, hover-replay)
- [Play/Pause](https://useanimations.com/icons/play-pause) (`playPause`, click-toggle)
- [Play/Pause circle](https://useanimations.com/icons/play-pause-circle) (`playPauseCircle`, click-toggle)
- [Radio](https://useanimations.com/icons/radio) (`radio`, hover-replay)
- [Repeat](https://useanimations.com/icons/repeat) (`repeat`, click-replay)
- [Rewind](https://useanimations.com/icons/rewind) (`rewind`, hover-replay)
- [Shuffle](https://useanimations.com/icons/shuffle) (`shuffle`, click-replay)
- [Skip back](https://useanimations.com/icons/skip-back) (`skipBack`, click-replay)
- [Skip forward](https://useanimations.com/icons/skip-forward) (`skipForward`, click-replay)
- [Speaker](https://useanimations.com/icons/speaker) (`speaker`, hover-replay)
- [Stop Circle](https://useanimations.com/icons/stop-circle) (`stopCircle`, click-replay)
- [TV](https://useanimations.com/icons/tv) (`tv`, hover-replay)
- [Video](https://useanimations.com/icons/video) (`video`, click-toggle)
- [Video Off](https://useanimations.com/icons/video-off) (`videoOff`, click-toggle)
- [Video V2](https://useanimations.com/icons/video-v2) (`video2`, click-toggle)
- [Volume](https://useanimations.com/icons/volume) (`volume`, click-toggle)

### Text editing

- [Align Center](https://useanimations.com/icons/align-center) (`alignCenter`, click-replay)
- [Align Justify](https://useanimations.com/icons/align-justify) (`alignJustify`, click-replay)
- [Align Left](https://useanimations.com/icons/align-left) (`alignLeft`, click-replay)
- [Align Right](https://useanimations.com/icons/align-right) (`alignRight`, click-replay)
- [Bold](https://useanimations.com/icons/bold) (`bold`, click-replay)
- [Hash](https://useanimations.com/icons/hash) (`hash`, hover-replay)
- [Italic](https://useanimations.com/icons/italic) (`italic`, click-replay)
- [List](https://useanimations.com/icons/list) (`list`, hover-replay)
- [Type](https://useanimations.com/icons/type) (`type`, click-replay)
- [Underline](https://useanimations.com/icons/underline) (`underline`, click-replay)

### Communication

- [At Sign](https://useanimations.com/icons/at-sign) (`atSign`, hover-replay)
- [Message Circle](https://useanimations.com/icons/message-circle) (`messageCircle`, hover-replay)
- [Message Square](https://useanimations.com/icons/message-square) (`messageSquare`, hover-replay)
- [Phone](https://useanimations.com/icons/phone) (`phone`, click-replay)
- [Phone Call](https://useanimations.com/icons/phone-call) (`phoneCall`, click-replay)
- [Phone Forwarded](https://useanimations.com/icons/phone-forwarded) (`phoneForwarded`, hover-replay)
- [Phone Incoming](https://useanimations.com/icons/phone-incoming) (`phoneIncoming`, hover-replay)
- [Phone Missed](https://useanimations.com/icons/phone-missed) (`phoneMissed`, hover-replay)
- [Phone Off](https://useanimations.com/icons/phone-off) (`phoneOff`, click-toggle)
- [Phone Outgoing](https://useanimations.com/icons/phone-outgoing) (`phoneOutgoing`, hover-replay)
- [RSS](https://useanimations.com/icons/rss) (`rss`, hover-replay)
- [Send](https://useanimations.com/icons/send) (`send`, click-replay)
- [Voicemail](https://useanimations.com/icons/voicemail) (`voicemail`, hover-replay)

### Devices

- [Battery](https://useanimations.com/icons/battery) (`battery`, hover-replay)
- [Battery Charging](https://useanimations.com/icons/battery-charging) (`batteryCharging`, hover-replay)
- [Bluetooth](https://useanimations.com/icons/bluetooth) (`bluetooth`, hover-replay)
- [CPU](https://useanimations.com/icons/cpu) (`cpu`, hover-replay)
- [Hard Drive](https://useanimations.com/icons/hard-drive) (`hardDrive`, hover-replay)
- [Monitor](https://useanimations.com/icons/monitor) (`monitor`, hover-replay)
- [Printer](https://useanimations.com/icons/printer) (`printer`, click-replay)
- [Smartphone](https://useanimations.com/icons/smartphone) (`smartphone`, hover-replay)
- [Tablet](https://useanimations.com/icons/tablet) (`tablet`, hover-replay)
- [Watch](https://useanimations.com/icons/watch) (`watch`, hover-replay)
- [WiFi](https://useanimations.com/icons/wifi) (`wifi`, hover-replay)
- [Wifi Off](https://useanimations.com/icons/wifi-off) (`wifiOff`, click-toggle)

### Weather

- [Cloud](https://useanimations.com/icons/cloud) (`cloud`, hover-loop)
- [Cloud Drizzle](https://useanimations.com/icons/cloud-drizzle) (`cloudDrizzle`, hover-replay)
- [Cloud Lightning](https://useanimations.com/icons/cloud-lightning) (`cloudLightning`, hover-replay)
- [Cloud Off](https://useanimations.com/icons/cloud-off) (`cloudOff`, click-toggle)
- [Cloud Rain](https://useanimations.com/icons/cloud-rain) (`cloudRain`, hover-replay)
- [Cloud Snow](https://useanimations.com/icons/cloud-snow) (`cloudSnow`, hover-replay)
- [Droplet](https://useanimations.com/icons/droplet) (`droplet`, hover-replay)
- [Moon](https://useanimations.com/icons/moon) (`moon`, hover-replay)
- [Sun](https://useanimations.com/icons/sun) (`sun`, hover-replay)
- [Sunrise](https://useanimations.com/icons/sunrise) (`sunrise`, hover-replay)
- [Sunset](https://useanimations.com/icons/sunset) (`sunset`, hover-replay)
- [Thermometer](https://useanimations.com/icons/thermometer) (`thermometer`, hover-replay)
- [Umbrella](https://useanimations.com/icons/umbrella) (`umbrella`, hover-replay)
- [Wind](https://useanimations.com/icons/wind) (`wind`, hover-replay)
- [Zap](https://useanimations.com/icons/zap) (`zap`, hover-replay)
- [Zap Off](https://useanimations.com/icons/zap-off) (`zapOff`, click-toggle)

### Maps & location

- [Anchor](https://useanimations.com/icons/anchor) (`anchor`, hover-replay)
- [Crosshair](https://useanimations.com/icons/crosshair) (`crosshair`, hover-replay)
- [Globe](https://useanimations.com/icons/globe) (`globe`, hover-loop)
- [Life Buoy](https://useanimations.com/icons/life-buoy) (`lifeBuoy`, hover-replay)
- [Map](https://useanimations.com/icons/map) (`map`, hover-replay)
- [Map Pin](https://useanimations.com/icons/map-pin) (`mapPin`, hover-replay)
- [Navigation](https://useanimations.com/icons/navigation) (`navigation`, hover-replay)
- [Navigation 2](https://useanimations.com/icons/navigation-2) (`navigation2`, hover-replay)
- [Target](https://useanimations.com/icons/target) (`target`, hover-replay)

### Commerce

- [Box](https://useanimations.com/icons/box) (`box`, hover-replay)
- [Briefcase](https://useanimations.com/icons/briefcase) (`briefcase`, hover-replay)
- [Credit Card](https://useanimations.com/icons/credit-card) (`creditCard`, hover-replay)
- [Dollar Sign](https://useanimations.com/icons/dollar-sign) (`dollarSign`, hover-replay)
- [Gift](https://useanimations.com/icons/gift) (`gift`, hover-replay)
- [Package](https://useanimations.com/icons/package) (`package`, hover-replay)
- [Percent](https://useanimations.com/icons/percent) (`percent`, hover-replay)
- [Shopping Bag](https://useanimations.com/icons/shopping-bag) (`shoppingBag`, hover-replay)
- [Shopping Cart](https://useanimations.com/icons/shopping-cart) (`shoppingCart`, click-replay)
- [Tag](https://useanimations.com/icons/tag) (`tag`, hover-replay)
- [Truck](https://useanimations.com/icons/truck) (`truck`, hover-replay)

### Charts

- [Bar Chart](https://useanimations.com/icons/bar-chart) (`barChart`, hover-replay)
- [Bar Chart 2](https://useanimations.com/icons/bar-chart-2) (`barChart2`, hover-replay)
- [Pie Chart](https://useanimations.com/icons/pie-chart) (`pieChart`, hover-replay)
- [Trending Down](https://useanimations.com/icons/trending-down) (`trendingDown`, hover-replay)
- [Trending Up](https://useanimations.com/icons/trending-up) (`trendingUp`, hover-replay)

### Development

- [Code](https://useanimations.com/icons/code) (`code`, hover-replay)
- [Command](https://useanimations.com/icons/command) (`command`, hover-replay)
- [Database](https://useanimations.com/icons/database) (`database`, hover-replay)
- [Git Branch](https://useanimations.com/icons/git-branch) (`gitBranch`, hover-replay)
- [Git Commit](https://useanimations.com/icons/git-commit) (`gitCommit`, hover-replay)
- [Git Merge](https://useanimations.com/icons/git-merge) (`gitMerge`, hover-replay)
- [Git Pull Request](https://useanimations.com/icons/git-pull-request) (`gitPullRequest`, hover-replay)
- [Server](https://useanimations.com/icons/server) (`server`, hover-replay)
- [Terminal](https://useanimations.com/icons/terminal) (`terminal`, loop)

### Design & layout

- [Columns](https://useanimations.com/icons/columns) (`columns`, hover-replay)
- [Crop](https://useanimations.com/icons/crop) (`crop`, click-replay)
- [Grid](https://useanimations.com/icons/grid) (`grid`, hover-replay)
- [Layers](https://useanimations.com/icons/layers) (`layers`, hover-replay)
- [Layout](https://useanimations.com/icons/layout) (`layout`, hover-replay)
- [Mouse Pointer](https://useanimations.com/icons/mouse-pointer) (`mousePointer`, click-replay)
- [Move](https://useanimations.com/icons/move) (`move`, hover-replay)
- [Pen Tool](https://useanimations.com/icons/pen-tool) (`penTool`, hover-replay)
- [Scissors](https://useanimations.com/icons/scissors) (`scissors`, click-replay)
- [Table](https://useanimations.com/icons/table) (`table`, hover-replay)

### Shapes & math

- [Circle](https://useanimations.com/icons/circle) (`circle`, hover-replay)
- [Divide](https://useanimations.com/icons/divide) (`divide`, hover-replay)
- [Divide Circle](https://useanimations.com/icons/divide-circle) (`divideCircle`, hover-replay)
- [Divide Square](https://useanimations.com/icons/divide-square) (`divideSquare`, hover-replay)
- [Hexagon](https://useanimations.com/icons/hexagon) (`hexagon`, hover-replay)
- [Octagon](https://useanimations.com/icons/octagon) (`octagon`, hover-replay)
- [Square](https://useanimations.com/icons/square) (`square`, hover-replay)
- [Triangle](https://useanimations.com/icons/triangle) (`triangle`, hover-replay)

### Loading

- [Infinity](https://useanimations.com/icons/infinity) (`infinity`, loop)
- [Loading circular](https://useanimations.com/icons/loading) (`loading`, loop)
- [Loading V2](https://useanimations.com/icons/loading-v2) (`loading2`, loop)
- [Loading V3](https://useanimations.com/icons/loading-v3) (`loading3`, loop)
- [Loading V4](https://useanimations.com/icons/loading-v4) (`loading4`, loop)

### Social media

- [Behance](https://useanimations.com/icons/behance) (`behance`, hover-loop)
- [Chrome](https://useanimations.com/icons/chrome) (`chrome`, hover-replay)
- [Codepen](https://useanimations.com/icons/codepen) (`codepen`, hover-loop)
- [Codesandbox](https://useanimations.com/icons/codesandbox) (`codesandbox`, hover-replay)
- [Discord](https://useanimations.com/icons/discord) (`discord`, hover-loop)
- [Dribbble](https://useanimations.com/icons/dribbble) (`dribbble`, hover-loop)
- [Facebook](https://useanimations.com/icons/facebook) (`facebook`, hover-loop)
- [Figma](https://useanimations.com/icons/figma) (`figma`, hover-replay)
- [Framer](https://useanimations.com/icons/framer) (`framer`, hover-replay)
- [Github](https://useanimations.com/icons/github) (`github`, hover-loop)
- [GitLab](https://useanimations.com/icons/gitlab) (`gitlab`, hover-replay)
- [Instagram](https://useanimations.com/icons/instagram) (`instagram`, hover)
- [Linkedin](https://useanimations.com/icons/linkedin) (`linkedin`, hover-loop)
- [Pocket](https://useanimations.com/icons/pocket) (`pocket`, hover-loop)
- [Slack](https://useanimations.com/icons/slack) (`slack`, hover-replay)
- [Telegram](https://useanimations.com/icons/telegram) (`telegram`, hover-loop)
- [Trello](https://useanimations.com/icons/trello) (`trello`, hover-replay)
- [Twitch](https://useanimations.com/icons/twitch) (`twitch`, hover-replay)
- [Twitter](https://useanimations.com/icons/twitter) (`twitter`, hover-loop)
- [Twitter X](https://useanimations.com/icons/twitter-x) (`twitterX`, hover-replay)
- [YouTube](https://useanimations.com/icons/youtube) (`youtube`, hover)
- [YouTube V2](https://useanimations.com/icons/youtube-v2) (`youtube2`, hover)

### Other

- [Activity](https://useanimations.com/icons/activity) (`activity`, loop)
- [Arrow down](https://useanimations.com/icons/arrow-down) (`arrowDown`, loop)
- [Arrow up](https://useanimations.com/icons/arrow-up) (`arrowUp`, loop)
- [Clock](https://useanimations.com/icons/clock) (`clock`, hover-replay)
- [Coffee](https://useanimations.com/icons/coffee) (`coffee`, hover-replay)
- [Frown](https://useanimations.com/icons/frown) (`frown`, hover-replay)
- [Meh](https://useanimations.com/icons/meh) (`meh`, hover-replay)
- [Scroll down](https://useanimations.com/icons/scroll-down) (`scrollDown`, loop)
- [Smile](https://useanimations.com/icons/smile) (`smile`, hover-replay)
- [Tool](https://useanimations.com/icons/tool) (`tool`, hover-replay)

## License

MIT. Attribution is optional: [Licencing & Terms](https://useanimations.com/licencing-and-terms).