---
name: "@hugeicons-animated-vue"
slug: "hugeicons-animated-vue"
description: "An open-source collection of animated Hugeicons for Vue 3."
category: "Animated components"
tags: ["accessibility", "ai", "animation", "audio", "cards", "e-commerce", "gaming", "icons", "media", "overlays", "payments", "pro-available"]
framework: "vue"
license: null
author: null
website: "https://hugeicons-animated-vue.rebeaumickael.fr"
github: null
registry: "https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json"
pro: true
pro_url: "https://hugeicons-animated-vue.rebeaumickael.fr/pricing"
github_stars: null
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @hugeicons-animated-vue

An open-source collection of animated Hugeicons for Vue 3.

## Links

- Website: https://hugeicons-animated-vue.rebeaumickael.fr
- Registry JSON: https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/hugeicons-animated-vue
- This file: https://sh4dcn.vercel.app/md/hugeicons-animated-vue.md
- Pro / pricing: https://hugeicons-animated-vue.rebeaumickael.fr/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
pnpm dlx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
bunx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
# fetch the raw registry index
curl -s https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| a-arrow-down | registry:ui | Animated a arrow down icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-down.json` |
| a-arrow-up | registry:ui | Animated a arrow up icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-up.json` |
| a-large-small | registry:ui | Animated a large small icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-large-small.json` |
| abacus | registry:ui | Animated abacus icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/abacus.json` |
| absolute | registry:ui | Animated absolute icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/absolute.json` |
| acceleration | registry:ui | Animated acceleration icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/acceleration.json` |
| access | registry:ui | Animated access icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/access.json` |
| accessibility | registry:ui | Animated accessibility icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/accessibility.json` |
| accident | registry:ui | Animated accident icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/accident.json` |
| account-recovery | registry:ui | Animated account recovery icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-recovery.json` |
| account-setting-01 | registry:ui | Animated account setting icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-01.json` |
| account-setting-02 | registry:ui | Animated account setting icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-02.json` |
| account-setting-03 | registry:ui | Animated account setting icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-03.json` |
| account-setting | registry:ui | Animated account setting icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting.json` |
| activity-01 | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-01.json` |
| activity-02 | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-02.json` |
| activity-03 | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-03.json` |
| activity-04 | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-04.json` |
| activity-05 | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-05.json` |
| activity-circle | registry:ui | Animated activity circle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-circle.json` |
| activity-spark | registry:ui | Animated activity spark icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-spark.json` |
| activity | registry:ui | Animated activity icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity.json` |
| acute | registry:ui | Animated acute icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/acute.json` |
| add-01 | registry:ui | Animated add icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-01.json` |
| add-02 | registry:ui | Animated add icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-02.json` |
| add-circle-half-dot | registry:ui | Animated add circle half dot icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle-half-dot.json` |
| add-circle | registry:ui | Animated add circle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle.json` |
| add-female | registry:ui | Animated add female icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-female.json` |
| add-invoice | registry:ui | Animated add invoice icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-invoice.json` |
| add-male | registry:ui | Animated add male icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-male.json` |
| add-money-circle | registry:ui | Animated add money circle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-money-circle.json` |
| add-square | registry:ui | Animated add square icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-square.json` |
| add-team-02 | registry:ui | Animated add team icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team-02.json` |
| add-team | registry:ui | Animated add team icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team.json` |
| add-to-list | registry:ui | Animated add to list icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-to-list.json` |
| add | registry:ui | Animated add icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add.json` |
| address-book | registry:ui | Animated address book icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/address-book.json` |
| adjust-position | registry:ui | Animated adjust position icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adjust-position.json` |
| adobe-after-effect | registry:ui | Animated adobe after effect icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-after-effect.json` |
| adobe-illustrator | registry:ui | Animated adobe illustrator icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-illustrator.json` |
| adobe-indesign | registry:ui | Animated adobe indesign icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-indesign.json` |
| adobe-photoshop | registry:ui | Animated adobe photoshop icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-photoshop.json` |
| adobe-premier | registry:ui | Animated adobe premier icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-premier.json` |
| adobe-xd | registry:ui | Animated adobe xd icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-xd.json` |
| adventure | registry:ui | Animated adventure icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adventure.json` |
| advertisiment | registry:ui | Animated advertisiment icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/advertisiment.json` |
| adzan | registry:ui | Animated adzan icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adzan.json` |
| affiliate | registry:ui | Animated affiliate icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/affiliate.json` |
| agreement-01 | registry:ui | Animated agreement icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-01.json` |
| agreement-02 | registry:ui | Animated agreement icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-02.json` |
| agreement-03 | registry:ui | Animated agreement icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-03.json` |
| agreement | registry:ui | Animated agreement icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement.json` |
| ai-audio | registry:ui | Animated ai audio icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-audio.json` |
| ai-beautify | registry:ui | Animated ai beautify icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-beautify.json` |
| ai-book | registry:ui | Animated ai book icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-book.json` |
| ai-brain-01 | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-01.json` |
| ai-brain-02 | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-02.json` |
| ai-brain-03 | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-03.json` |
| ai-brain-04 | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-04.json` |
| ai-brain-05 | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-05.json` |
| ai-brain | registry:ui | Animated ai brain icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain.json` |
| ai-browser | registry:ui | Animated ai browser icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-browser.json` |
| ai-chat-01 | registry:ui | Animated ai chat icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-01.json` |
| ai-chat-02 | registry:ui | Animated ai chat icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-02.json` |
| ai-chat | registry:ui | Animated ai chat icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat.json` |
| ai-chemistry-01 | registry:ui | Animated ai chemistry icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-01.json` |
| ai-chemistry-02 | registry:ui | Animated ai chemistry icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-02.json` |
| ai-chemistry-03 | registry:ui | Animated ai chemistry icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-03.json` |
| ai-chemistry | registry:ui | Animated ai chemistry icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry.json` |
| ai-chip | registry:ui | Animated ai chip icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chip.json` |
| ai-cloud-01 | registry:ui | Animated ai cloud icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-01.json` |
| ai-cloud-02 | registry:ui | Animated ai cloud icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-02.json` |
| ai-cloud | registry:ui | Animated ai cloud icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud.json` |
| ai-computer | registry:ui | Animated ai computer icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-computer.json` |
| ai-content-generator-01 | registry:ui | Animated ai content generator icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-01.json` |
| ai-content-generator-02 | registry:ui | Animated ai content generator icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-02.json` |
| ai-content-generator | registry:ui | Animated ai content generator icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator.json` |
| ai-dna | registry:ui | Animated ai dna icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-dna.json` |
| ai-editing | registry:ui | Animated ai editing icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-editing.json` |
| ai-eraser | registry:ui | Animated ai eraser icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-eraser.json` |
| ai-file | registry:ui | Animated ai file icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-file.json` |
| ai-folder-01 | registry:ui | Animated ai folder icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-01.json` |
| ai-folder-02 | registry:ui | Animated ai folder icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-02.json` |
| ai-folder | registry:ui | Animated ai folder icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder.json` |
| ai-game | registry:ui | Animated ai game icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-game.json` |
| ai-generative | registry:ui | Animated ai generative icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-generative.json` |
| ai-idea | registry:ui | Animated ai idea icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-idea.json` |
| ai-image | registry:ui | Animated ai image icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-image.json` |
| ai-innovation-01 | registry:ui | Animated ai innovation icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-01.json` |
| ai-innovation-02 | registry:ui | Animated ai innovation icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-02.json` |
| ai-innovation-03 | registry:ui | Animated ai innovation icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-03.json` |
| ai-innovation | registry:ui | Animated ai innovation icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation.json` |
| ai-laptop | registry:ui | Animated ai laptop icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-laptop.json` |
| ai-learning | registry:ui | Animated ai learning icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-learning.json` |
| ai-lock | registry:ui | Animated ai lock icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-lock.json` |
| ai-magic | registry:ui | Animated ai magic icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-magic.json` |
| ai-mail-01 | registry:ui | Animated ai mail icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-01.json` |
| ai-mail-02 | registry:ui | Animated ai mail icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-02.json` |
| ai-mail | registry:ui | Animated ai mail icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail.json` |
| ai-mic | registry:ui | Animated ai mic icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mic.json` |
| ai-network | registry:ui | Animated ai network icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-network.json` |
| ai-phone-01 | registry:ui | Animated ai phone icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-01.json` |
| ai-phone-02 | registry:ui | Animated ai phone icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-02.json` |
| ai-phone | registry:ui | Animated ai phone icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone.json` |
| ai-programming | registry:ui | Animated ai programming icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-programming.json` |
| ai-scan | registry:ui | Animated ai scan icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scan.json` |
| ai-scheduling | registry:ui | Animated ai scheduling icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scheduling.json` |
| ai-search-02 | registry:ui | Animated ai search icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search-02.json` |
| ai-search | registry:ui | Animated ai search icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search.json` |
| ai-security-01 | registry:ui | Animated ai security icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-01.json` |
| ai-security-02 | registry:ui | Animated ai security icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-02.json` |
| ai-security-03 | registry:ui | Animated ai security icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-03.json` |
| ai-security | registry:ui | Animated ai security icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security.json` |
| ai-setting | registry:ui | Animated ai setting icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-setting.json` |
| ai-sheets | registry:ui | Animated ai sheets icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-sheets.json` |
| ai-smartwatch | registry:ui | Animated ai smartwatch icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-smartwatch.json` |
| ai-user | registry:ui | Animated ai user icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-user.json` |
| ai-video | registry:ui | Animated ai video icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-video.json` |
| ai-view | registry:ui | Animated ai view icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-view.json` |
| ai-vision-recognition | registry:ui | Animated ai vision recognition icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-vision-recognition.json` |
| ai-voice-generator | registry:ui | Animated ai voice generator icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice-generator.json` |
| ai-voice | registry:ui | Animated ai voice icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice.json` |
| ai-web-browsing | registry:ui | Animated ai web browsing icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-web-browsing.json` |
| aids | registry:ui | Animated aids icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/aids.json` |
| air-vent | registry:ui | Animated air vent icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/air-vent.json` |
| airbnb | registry:ui | Animated airbnb icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airbnb.json` |
| aircraft-game | registry:ui | Animated aircraft game icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/aircraft-game.json` |
| airdrop | registry:ui | Animated airdrop icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airdrop.json` |
| airplane-01 | registry:ui | Animated airplane icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-01.json` |
| airplane-02 | registry:ui | Animated airplane icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-02.json` |
| airplane-landing-01 | registry:ui | Animated airplane landing icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-01.json` |
| airplane-landing-02 | registry:ui | Animated airplane landing icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-02.json` |
| airplane-landing | registry:ui | Animated airplane landing icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing.json` |
| airplane-mode-off | registry:ui | Animated airplane mode off icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode-off.json` |
| airplane-mode | registry:ui | Animated airplane mode icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode.json` |
| airplane-seat-02 | registry:ui | Animated airplane seat icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat-02.json` |
| airplane-seat | registry:ui | Animated airplane seat icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat.json` |
| airplane-take-off-01 | registry:ui | Animated airplane take off icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-01.json` |
| airplane-take-off-02 | registry:ui | Animated airplane take off icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-02.json` |
| airplane-take-off | registry:ui | Animated airplane take off icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off.json` |
| airplane | registry:ui | Animated airplane icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane.json` |
| airplay-line | registry:ui | Animated airplay line icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay-line.json` |
| airplay | registry:ui | Animated airplay icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay.json` |
| airpod-01 | registry:ui | Animated airpod icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-01.json` |
| airpod-02 | registry:ui | Animated airpod icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-02.json` |
| airpod-03 | registry:ui | Animated airpod icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-03.json` |
| airpod | registry:ui | Animated airpod icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod.json` |
| airport-02 | registry:ui | Animated airport icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-02.json` |
| airport-tower | registry:ui | Animated airport tower icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-tower.json` |
| airport | registry:ui | Animated airport icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport.json` |
| al-aqsa-mosque | registry:ui | Animated al aqsa mosque icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/al-aqsa-mosque.json` |
| alarm-clock-check | registry:ui | Animated alarm clock check icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-check.json` |
| alarm-clock-minus | registry:ui | Animated alarm clock minus icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-minus.json` |
| alarm-clock-off | registry:ui | Animated alarm clock off icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-off.json` |
| alarm-clock-plus | registry:ui | Animated alarm clock plus icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-plus.json` |
| alarm-clock | registry:ui | Animated alarm clock icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock.json` |
| alarm-smoke | registry:ui | Animated alarm smoke icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-smoke.json` |
| album-01 | registry:ui | Animated album icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-01.json` |
| album-02 | registry:ui | Animated album icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-02.json` |
| album-not-found-01 | registry:ui | Animated album not found icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-01.json` |
| album-not-found-02 | registry:ui | Animated album not found icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-02.json` |
| album-not-found | registry:ui | Animated album not found icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found.json` |
| album | registry:ui | Animated album icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album.json` |
| alert-01 | registry:ui | Animated alert icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-01.json` |
| alert-02 | registry:ui | Animated alert icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-02.json` |
| alert-circle | registry:ui | Animated alert circle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-circle.json` |
| alert-diamond | registry:ui | Animated alert diamond icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-diamond.json` |
| alert-square | registry:ui | Animated alert square icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-square.json` |
| alert | registry:ui | Animated alert icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert.json` |
| algorithm | registry:ui | Animated algorithm icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/algorithm.json` |
| alien-01 | registry:ui | Animated alien icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-01.json` |
| alien-02 | registry:ui | Animated alien icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-02.json` |
| alien | registry:ui | Animated alien icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien.json` |
| align-bottom | registry:ui | Animated align bottom icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-bottom.json` |
| align-box-bottom-center | registry:ui | Animated align box bottom center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-center.json` |
| align-box-bottom-left | registry:ui | Animated align box bottom left icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-left.json` |
| align-box-bottom-right | registry:ui | Animated align box bottom right icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-right.json` |
| align-box-middle-center | registry:ui | Animated align box middle center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-center.json` |
| align-box-middle-left | registry:ui | Animated align box middle left icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-left.json` |
| align-box-middle-right | registry:ui | Animated align box middle right icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-right.json` |
| align-box-top-center | registry:ui | Animated align box top center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-center.json` |
| align-box-top-left | registry:ui | Animated align box top left icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-left.json` |
| align-box-top-right | registry:ui | Animated align box top right icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-right.json` |
| align-end-horizontal | registry:ui | Animated align end horizontal icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-horizontal.json` |
| align-end-vertical | registry:ui | Animated align end vertical icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-vertical.json` |
| align-horizontal-center | registry:ui | Animated align horizontal center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-center.json` |
| align-horizontal-distribute-center | registry:ui | Animated align horizontal distribute center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-center.json` |
| align-horizontal-distribute-end | registry:ui | Animated align horizontal distribute end icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-end.json` |
| align-horizontal-distribute-start | registry:ui | Animated align horizontal distribute start icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-start.json` |
| align-horizontal-justify-center | registry:ui | Animated align horizontal justify center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-center.json` |
| align-horizontal-justify-end | registry:ui | Animated align horizontal justify end icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-end.json` |
| align-horizontal-justify-start | registry:ui | Animated align horizontal justify start icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-start.json` |
| align-horizontal-space-around | registry:ui | Animated align horizontal space around icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-around.json` |
| align-horizontal-space-between | registry:ui | Animated align horizontal space between icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-between.json` |
| align-key-object | registry:ui | Animated align key object icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-key-object.json` |
| align-left | registry:ui | Animated align left icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-left.json` |
| align-right | registry:ui | Animated align right icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-right.json` |
| align-selection | registry:ui | Animated align selection icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-selection.json` |
| align-start-horizontal | registry:ui | Animated align start horizontal icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-horizontal.json` |
| align-start-vertical | registry:ui | Animated align start vertical icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-vertical.json` |
| align-top | registry:ui | Animated align top icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-top.json` |
| align-vertical-center | registry:ui | Animated align vertical center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-center.json` |
| align-vertical-distribute-center | registry:ui | Animated align vertical distribute center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-center.json` |
| align-vertical-distribute-end | registry:ui | Animated align vertical distribute end icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-end.json` |
| align-vertical-distribute-start | registry:ui | Animated align vertical distribute start icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-start.json` |
| align-vertical-justify-center | registry:ui | Animated align vertical justify center icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-center.json` |
| align-vertical-justify-end | registry:ui | Animated align vertical justify end icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-end.json` |
| align-vertical-justify-start | registry:ui | Animated align vertical justify start icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-start.json` |
| align-vertical-space-around | registry:ui | Animated align vertical space around icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-around.json` |
| align-vertical-space-between | registry:ui | Animated align vertical space between icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-between.json` |
| all-bookmark | registry:ui | Animated all bookmark icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/all-bookmark.json` |
| allah | registry:ui | Animated allah icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/allah.json` |
| alms | registry:ui | Animated alms icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alms.json` |
| alpha-circle | registry:ui | Animated alpha circle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-circle.json` |
| alpha-square | registry:ui | Animated alpha square icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-square.json` |
| alpha | registry:ui | Animated alpha icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha.json` |
| alphabet-arabic | registry:ui | Animated alphabet arabic icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-arabic.json` |
| alphabet-bangla | registry:ui | Animated alphabet bangla icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-bangla.json` |
| alphabet-chinese | registry:ui | Animated alphabet chinese icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-chinese.json` |
| alphabet-greek | registry:ui | Animated alphabet greek icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-greek.json` |
| alphabet-hebrew | registry:ui | Animated alphabet hebrew icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hebrew.json` |
| alphabet-hindi | registry:ui | Animated alphabet hindi icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hindi.json` |
| alphabet-japanese | registry:ui | Animated alphabet japanese icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-japanese.json` |
| alphabet-korean | registry:ui | Animated alphabet korean icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-korean.json` |
| alphabet-thai | registry:ui | Animated alphabet thai icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-thai.json` |
| amazon | registry:ui | Animated amazon icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amazon.json` |
| ambulance | registry:ui | Animated ambulance icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ambulance.json` |
| american-football | registry:ui | Animated american football icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/american-football.json` |
| amie | registry:ui | Animated amie icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amie.json` |
| ammo | registry:ui | Animated ammo icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ammo.json` |
| ampersand | registry:ui | Animated ampersand icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersand.json` |
| ampersands | registry:ui | Animated ampersands icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersands.json` |
| amphora | registry:ui | Animated amphora icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amphora.json` |
| ampoule | registry:ui | Animated ampoule icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampoule.json` |
| analysis-text-link | registry:ui | Animated analysis text link icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analysis-text-link.json` |
| analytics-01 | registry:ui | Animated analytics icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-01.json` |
| analytics-02 | registry:ui | Animated analytics icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-02.json` |
| analytics-03 | registry:ui | Animated analytics icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-03.json` |
| analytics-down | registry:ui | Animated analytics down icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-down.json` |
| analytics-up | registry:ui | Animated analytics up icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-up.json` |
| analytics | registry:ui | Animated analytics icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics.json` |
| anchor-point | registry:ui | Animated anchor point icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor-point.json` |
| anchor | registry:ui | Animated anchor icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor.json` |
| android | registry:ui | Animated android icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/android.json` |
| angel | registry:ui | Animated angel icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angel.json` |
| angle-01 | registry:ui | Animated angle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angle-01.json` |
| angle | registry:ui | Animated angle icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angle.json` |
| angry-bird | registry:ui | Animated angry bird icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angry-bird.json` |
| angry | registry:ui | Animated angry icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angry.json` |
| annoyed | registry:ui | Animated annoyed icon for Vue | `npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/annoyed.json` |

## For AI agents

```text
You are adding components from @hugeicons-animated-vue to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/hugeicons-animated-vue.md) for the component list.
2. Fetch the machine-readable index: https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: hugeicons-animated-vue).
```