{"_id":"@frontiers/icons","_rev":"6-ccf2d98926c775c646f21cfb6db0d7a3","name":"@frontiers/icons","dist-tags":{"latest":"2.2.0"},"versions":{"1.0.0":{"name":"@frontiers/icons","version":"1.0.0","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","_id":"@frontiers/icons@1.0.0","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"homepage":"https://github.com/frontiers/frontiers-prime/tree/main/packages/icons#readme","bugs":{"url":"https://github.com/frontiers/frontiers-prime/issues"},"dist":{"shasum":"eb55f13fbbeaf3c49cc62a3c5f6f385bc8b50213","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-1.0.0.tgz","fileCount":359,"integrity":"sha512-MIboLkkvA1H6bCfVhviZ7PZV/0KdIdVnwHq/Kb5ofvPGoEIuRlN9imImoTdAEzMlzjgY5vOxHGBEj1TX7ShkwA==","signatures":[{"sig":"MEUCIQDkLUdfZbfZAs4H0vyB4LJuH1LiYBbogn28AwqGq1LiuQIgITGNCEUUsHM/dpCv0/FGuSDQAHC5X5q3F1MSD06bfWQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":680818},"main":"index.js","type":"module","types":"types.d.ts","exports":{".":{"types":"./types.d.ts","import":"./index.js"},"./svg/*":{"import":"./svg/*.svg"},"./components":{"types":"./types.d.ts","import":"./components/index.js"},"./components/*":{"import":"./components/*.vue"},"./package.json":"./package.json"},"gitHead":"23e5bae2b218a0a7809aac24371de07e21a3459e","scripts":{"demo":"node scripts/generate-demo.js","build":"npm run export && npm run generate","export":"node scripts/export-icons.js","verify":"node scripts/verify.js","prepack":"npm run verify","generate":"node scripts/generate-vue-components.js","prepublishOnly":"npm run verify"},"_npmUser":{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"},"repository":{"url":"git+https://github.com/frontiers/frontiers-prime.git","type":"git","directory":"packages/icons"},"_npmVersion":"10.9.3","description":"A comprehensive icon library with 176 SVG icons and Vue 3 components for the Frontiers design system","directories":{},"_nodeVersion":"22.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/icons_1.0.0_1761233161181_0.294946481833386","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@frontiers/icons","version":"1.1.0","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","_id":"@frontiers/icons@1.1.0","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"homepage":"https://github.com/frontiers/frontiers-prime/tree/main/packages/icons#readme","bugs":{"url":"https://github.com/frontiers/frontiers-prime/issues"},"dist":{"shasum":"94575a9394b6c81fde42af6f0bc6c8b479901c4a","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-1.1.0.tgz","fileCount":359,"integrity":"sha512-nw859usldr9eOVRGKw6WgRB1ukqItv3dIXDApSvaNrR+C+1mgCygR/0rzxXlaUHHOyf94zTBYbNvyilsAoHh8w==","signatures":[{"sig":"MEQCIB+5tIeJ2bQIXDTu3SwauOTZmsdetR2E191OFxMMrXiAAiBqjaialmPmptfbpmaSvNW2/BdpEiPs4co8ykXeWZYlpA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":676164},"main":"index.js","type":"module","_from":"file:frontiers-icons-1.1.0.tgz","types":"types.d.ts","exports":{".":{"types":"./types.d.ts","import":"./index.js"},"./svg/*":{"import":"./svg/*.svg"},"./components":{"types":"./types.d.ts","import":"./components/index.js"},"./components/*":{"import":"./components/*.vue"},"./package.json":"./package.json"},"scripts":{"demo":"node scripts/generate-demo.js","build":"npm run export && npm run generate","export":"node scripts/export-icons.js","verify":"node scripts/verify.js","generate":"node scripts/generate-vue-components.js"},"_npmUser":{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"},"_resolved":"/private/var/folders/wm/8s_211fs3qn4_m97nt5f9nt40000gp/T/8fc6b5bec04f6a0bd88cba55a10b621d/frontiers-icons-1.1.0.tgz","_integrity":"sha512-nw859usldr9eOVRGKw6WgRB1ukqItv3dIXDApSvaNrR+C+1mgCygR/0rzxXlaUHHOyf94zTBYbNvyilsAoHh8w==","repository":{"url":"git+https://github.com/frontiers/frontiers-prime.git","type":"git","directory":"packages/icons"},"_npmVersion":"10.9.3","description":"A comprehensive icon library with 176 SVG icons and Vue 3 components for the Frontiers design system","directories":{},"_nodeVersion":"22.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"dotenv":"^16.4.5"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/icons_1.1.0_1761262524220_0.27336016885692604","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@frontiers/icons","version":"1.1.1","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","_id":"@frontiers/icons@1.1.1","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"homepage":"https://github.com/frontiersin/primeuix/tree/main/packages/icons#readme","bugs":{"url":"https://github.com/frontiersin/primeuix/issues"},"dist":{"shasum":"5392781c5fbfad1a37a64ebeda3158ea8381d459","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-1.1.1.tgz","fileCount":359,"integrity":"sha512-u3T/1TTCRrKmxB5/C9F0iTONFKOcptn4EIy02X5293UDK5042ffoYT3mfQCqYW3dNS4eHRxguweA6cSTCH0vNQ==","signatures":[{"sig":"MEYCIQCXx3/EFMz4DuQJjQ5nG0lJQPWSHkQwHDlLw40jkhscAAIhAOMvela0WDCVZb8S/XtaUGrlUlLe3x7+ym2PfLxeFc5N","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":673974},"main":"index.js","type":"module","_from":"file:frontiers-icons-1.1.1.tgz","types":"types.d.ts","exports":{".":{"types":"./types.d.ts","import":"./index.js"},"./svg/*":{"import":"./svg/*.svg"},"./components":{"types":"./types.d.ts","import":"./components/index.js"},"./components/*":{"import":"./components/*.vue"},"./package.json":"./package.json"},"scripts":{"demo":"node scripts/generate-demo.js","build":"npm run export && npm run generate","export":"node scripts/export-icons.js","generate":"node scripts/generate-vue-components.js"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f8738168-6470-4139-8b19-03fe212a0a68"}},"_resolved":"/tmp/a2e02016339b1a1d3136babf92d8a335/frontiers-icons-1.1.1.tgz","_integrity":"sha512-u3T/1TTCRrKmxB5/C9F0iTONFKOcptn4EIy02X5293UDK5042ffoYT3mfQCqYW3dNS4eHRxguweA6cSTCH0vNQ==","repository":{"url":"git+https://github.com/frontiersin/primeuix.git","type":"git","directory":"packages/icons"},"_npmVersion":"11.6.2","description":"A comprehensive icon library with 176 SVG icons and Vue 3 components for the Frontiers design system","directories":{},"_nodeVersion":"22.20.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"dotenv":"^16.4.5"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/icons_1.1.1_1761731288257_0.6134744983039453","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@frontiers/icons","version":"2.0.0","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","_id":"@frontiers/icons@2.0.0","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"homepage":"https://github.com/frontiersin/primeuix/tree/main/packages/icons#readme","bugs":{"url":"https://github.com/frontiersin/primeuix/issues"},"dist":{"shasum":"9b8a9742cdfd2702d68cd2b20076b368374add5d","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-2.0.0.tgz","fileCount":203,"integrity":"sha512-r4Z5uVM5Y6hIK0VTTPqLtRJyMwd0hX//fcpttcSeqRv03UdqYI3Ss/Jv7j7i86krMwH1f0ROzacA87FrY0Evvg==","signatures":[{"sig":"MEUCIQCBR5UZeu3tCMgR9/klBaDSpsgf8HY5LAN0spaUzbptPwIgOQMOMJGrvafFYaGTX82GoW4Q7vp9sy8lfHYvRSlCZi4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":764019},"main":"./dist/index.mjs","type":"module","_from":"file:frontiers-icons-2.0.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"},"./svg/*":{"import":"./svg/*.svg"},"./components":{"types":"./dist/components/index.d.ts","import":"./dist/components/index.mjs"},"./components/*":{"types":"./dist/components/*.d.ts","import":"./dist/components/*.mjs"},"./package.json":"./package.json"},"scripts":{"dev":"vite build --watch","demo":"node scripts/generate-demo.js","sync":"npm run export && npm run generate && npm run demo","build":"vite build && node scripts/post-build.js","export":"node scripts/export-icons.js","presync":"rimraf svg/*.svg components/*.vue components/index.js components/types.d.ts","generate":"node scripts/generate-vue-components.js"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f8738168-6470-4139-8b19-03fe212a0a68"}},"_resolved":"/tmp/27739a4888de3e6f98c0f6effd557841/frontiers-icons-2.0.0.tgz","_integrity":"sha512-r4Z5uVM5Y6hIK0VTTPqLtRJyMwd0hX//fcpttcSeqRv03UdqYI3Ss/Jv7j7i86krMwH1f0ROzacA87FrY0Evvg==","repository":{"url":"git+https://github.com/frontiersin/primeuix.git","type":"git","directory":"packages/icons"},"_npmVersion":"11.7.0","description":"A comprehensive icon library with 195 SVG icons and Vue 3 components for the Frontiers design system","directories":{},"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^7.0.0","dotenv":"^16.4.5","rimraf":"^6.0.0","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/icons_2.0.0_1768551866901_0.8649221374063178","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@frontiers/icons","version":"2.1.0","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","_id":"@frontiers/icons@2.1.0","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"homepage":"https://github.com/frontiersin/primeuix/tree/main/packages/icons#readme","bugs":{"url":"https://github.com/frontiersin/primeuix/issues"},"dist":{"shasum":"7364d057ed29b9adeb4e6472e7eb355fdf043661","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-2.1.0.tgz","fileCount":208,"integrity":"sha512-rMuABahKpZdVuSlgR1VSVMoFI6c9MPvrKZWjUcq3M3RRypxqKUV1BwbtBD1kt3Q9VLE4n1dER+v0pYcs5MeCFg==","signatures":[{"sig":"MEYCIQD25DBerS1NuAJ1i+Ej8Hfu+YWzzTuJxNzJ446ZgqTbjwIhAKiLw2NtS83uidkB5tmKmRtZ6vJAYGIwUgiCSYuEZzQU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":774516},"main":"./dist/index.mjs","type":"module","_from":"file:frontiers-icons-2.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"},"./svg/*":{"import":"./svg/*.svg"},"./components":{"types":"./dist/components/index.d.ts","import":"./dist/components/index.mjs"},"./components/*":{"types":"./dist/components/*.d.ts","import":"./dist/components/*.mjs"},"./package.json":"./package.json"},"scripts":{"dev":"vite build --watch","demo":"node scripts/generate-demo.js","sync":"npm run export && npm run generate && npm run demo","build":"vite build && node scripts/post-build.js","export":"node scripts/export-icons.js","presync":"rimraf svg/*.svg components/*.vue components/index.js components/types.d.ts","generate":"node scripts/generate-vue-components.js"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f8738168-6470-4139-8b19-03fe212a0a68"}},"_resolved":"/tmp/663341c7a2015708d20483104560e206/frontiers-icons-2.1.0.tgz","_integrity":"sha512-rMuABahKpZdVuSlgR1VSVMoFI6c9MPvrKZWjUcq3M3RRypxqKUV1BwbtBD1kt3Q9VLE4n1dER+v0pYcs5MeCFg==","repository":{"url":"git+https://github.com/frontiersin/primeuix.git","type":"git","directory":"packages/icons"},"_npmVersion":"11.16.0","description":"A comprehensive icon library with 195 SVG icons and Vue 3 components for the Frontiers design system","directories":{},"_nodeVersion":"22.22.3","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^7.0.0","dotenv":"^16.4.5","rimraf":"^6.0.0","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/icons_2.1.0_1780408088460_0.6732741329704641","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@frontiers/icons","version":"2.2.0","description":"A comprehensive icon library with 202 SVG icons and Vue 3 components for the Frontiers design system","main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs"},"./components":{"types":"./dist/components/index.d.ts","import":"./dist/components/index.mjs"},"./components/*":{"types":"./dist/components/*.d.ts","import":"./dist/components/*.mjs"},"./svg/*":{"import":"./svg/*.svg"},"./package.json":"./package.json"},"keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"author":{"name":"Frontiers"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/frontiersin/primeuix.git","directory":"packages/icons"},"bugs":{"url":"https://github.com/frontiersin/primeuix/issues"},"homepage":"https://github.com/frontiersin/primeuix/tree/main/packages/icons#readme","peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.0","dotenv":"^16.4.5","rimraf":"^6.0.0","vite":"^7.0.0","vue":"^3.5.0"},"publishConfig":{"access":"public"},"scripts":{"export":"node scripts/export-icons.js","generate":"node scripts/generate-vue-components.js","demo":"node scripts/generate-demo.js","presync":"rimraf svg/*.svg components/*.vue components/index.js components/types.d.ts","sync":"npm run export && npm run generate && npm run demo","build":"vite build && node scripts/post-build.js","dev":"vite build --watch"},"_id":"@frontiers/icons@2.2.0","_integrity":"sha512-+ZmGABaiqKngt5EwDABTgym4ACuMtxrQHDXOyacsovElXm8GE6csNbqXLppgaVIdA6dG7VhKUvSVspi+zsoSYw==","_resolved":"/tmp/634bfab4da38b3aba77f11354deeb961/frontiers-icons-2.2.0.tgz","_from":"file:frontiers-icons-2.2.0.tgz","_nodeVersion":"22.23.1","_npmVersion":"11.17.0","dist":{"integrity":"sha512-+ZmGABaiqKngt5EwDABTgym4ACuMtxrQHDXOyacsovElXm8GE6csNbqXLppgaVIdA6dG7VhKUvSVspi+zsoSYw==","shasum":"3421fd1f5d4a1d6754d8881ccec95615c75ea9c9","tarball":"https://registry.npmjs.org/@frontiers/icons/-/icons-2.2.0.tgz","fileCount":210,"unpackedSize":785051,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHO4OgroZNm9Bz5ke/yLitorBCSmsAhSdZmqZojBFBprAiAafi/SltLP0HZzerCLTrh+eIXwUKKJ/h+F7VykjPXlSQ=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:f8738168-6470-4139-8b19-03fe212a0a68"}},"directories":{},"maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/icons_2.2.0_1783955814774_0.7378778820205012"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-23T15:26:01.037Z","modified":"2026-07-13T15:16:55.116Z","1.0.0":"2025-10-23T15:26:01.381Z","1.1.0":"2025-10-23T23:35:24.489Z","1.1.1":"2025-10-29T09:48:08.465Z","2.0.0":"2026-01-16T08:24:27.116Z","2.1.0":"2026-06-02T13:48:08.667Z","2.2.0":"2026-07-13T15:16:54.965Z"},"bugs":{"url":"https://github.com/frontiersin/primeuix/issues"},"author":{"name":"Frontiers"},"license":"MIT","homepage":"https://github.com/frontiersin/primeuix/tree/main/packages/icons#readme","keywords":["icons","icon-library","svg","svg-icons","vue","vue3","vue-components","components","frontiers","design-system","ui-components","icon-components"],"repository":{"type":"git","url":"git+https://github.com/frontiersin/primeuix.git","directory":"packages/icons"},"description":"A comprehensive icon library with 202 SVG icons and Vue 3 components for the Frontiers design system","maintainers":[{"name":"frontiersadmin","email":"admin@frontiersin.org"},{"name":"lukasz.urzedowski","email":"lukasz.urzedowski@frontiersin.org"},{"name":"alexis_frontiers","email":"alexis.reina@frontiersin.org"}],"readme":"# @frontiers/icons\n\n> 202 professionally designed icons as Vue 3 components and SVG files for the Frontiers design system.\n\n[![npm version](https://img.shields.io/npm/v/@frontiers/icons.svg)](https://www.npmjs.com/package/@frontiers/icons)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\n## Features\n\n- 🎨 **202 icons** - Complete design system coverage\n- ⚡ **Vue 3 components** - Ready-to-use with TypeScript support\n- 📦 **Tree-shakeable** - Import only what you need\n- 🎯 **Customizable** - Dynamic size and color via `currentColor`\n- 📁 **Raw SVGs** - Use in any framework\n\n## Installation\n\n```bash\nnpm install @frontiers/icons\n# or\npnpm add @frontiers/icons\n```\n\n## Quick Start\n\n```vue\n<script setup>\nimport { ChevronRightIcon, UserFillIcon, AlertIcon } from \"@frontiers/icons\"\n</script>\n\n<template>\n  <ChevronRightIcon :size=\"24\" />\n  <UserFillIcon :size=\"32\" class=\"text-blue-500\" />\n  <AlertIcon />\n</template>\n```\n\n## Usage\n\n### Import Components\n\n```vue\n<script setup>\n// Import from root (recommended)\nimport { ChevronRightIcon, AlertIcon } from \"@frontiers/icons\"\n\n// Or from components\nimport { ChevronRightIcon } from \"@frontiers/icons/components\"\n</script>\n```\n\n### Import SVG Files\n\n```javascript\nimport chevronRight from \"@frontiers/icons/svg/chevron-right.svg\"\n```\n\n### Props\n\nAll Vue components accept:\n\n| Prop   | Type               | Default | Description     |\n| ------ | ------------------ | ------- | --------------- |\n| `size` | `Number \\| String` | `24`    | Icon size in px |\n\nPlus all standard SVG attributes via `v-bind=\"$attrs\"`.\n\n### Styling\n\nIcons use `currentColor` for easy theming:\n\n```vue\n<template>\n  <!-- Inherits text color -->\n  <div class=\"text-blue-500\">\n    <ChevronRightIcon />\n  </div>\n\n  <!-- With Tailwind -->\n  <AlertIcon class=\"w-6 h-6 text-red-500\" />\n\n  <!-- Custom size -->\n  <UserFillIcon :size=\"32\" style=\"color: #007bff;\" />\n</template>\n```\n\n## Examples\n\n### Button with Icon\n\n```vue\n<template>\n  <button class=\"btn\">\n    <span>Next</span>\n    <ChevronRightIcon :size=\"20\" />\n  </button>\n</template>\n```\n\n### Loading State\n\n```vue\n<script setup>\nimport { SpinnerIcon } from \"@frontiers/icons\"\nconst loading = ref(false)\n</script>\n\n<template>\n  <button :disabled=\"loading\">\n    <SpinnerIcon v-if=\"loading\" class=\"animate-spin\" :size=\"20\" />\n    <span v-else>Submit</span>\n  </button>\n</template>\n```\n\n### Dynamic Icons\n\n```vue\n<script setup>\nimport { computed } from \"vue\"\nimport * as Icons from \"@frontiers/icons\"\n\nconst props = defineProps({ icon: String, size: Number })\nconst IconComponent = computed(() => Icons[props.icon])\n</script>\n\n<template>\n  <component :is=\"IconComponent\" :size=\"size\" />\n</template>\n\n<!-- Usage: pass icon names like \"ChevronRightIcon\", \"UserFillIcon\", etc. -->\n```\n\n### Navigation Menu\n\n```vue\n<script setup>\nimport { HomeIcon, UserIcon, SettingsIcon } from \"@frontiers/icons\"\n</script>\n\n<template>\n  <nav>\n    <router-link to=\"/\"><HomeIcon :size=\"20\" /> Home</router-link>\n    <router-link to=\"/profile\"><UserIcon :size=\"20\" /> Profile</router-link>\n    <router-link to=\"/settings\"\n      ><SettingsIcon :size=\"20\" /> Settings</router-link\n    >\n  </nav>\n</template>\n```\n\n## Available Icons (202)\n\nView the complete icon gallery in the [demo.html](./demo.html) file or explore icons by category below.\n\n<details>\n<summary><strong>Navigation (32)</strong></summary>\n\n`ArrowDownIcon`, `ArrowDownCircledIcon`, `ArrowDownCircledFillIcon`, `ArrowDownLeftIcon`, `ArrowDownRightIcon`, `ArrowLeftIcon`, `ArrowLeftAndRightIcon`, `ArrowLeftCircledIcon`, `ArrowLeftCircledFillIcon`, `ArrowRightIcon`, `ArrowRightCircledIcon`, `ArrowRightCircledFillIcon`, `ArrowUpIcon`, `ArrowUpAndDownIcon`, `ArrowUpCircledIcon`, `ArrowUpCircledFillIcon`, `ArrowUpLeftIcon`, `ArrowUpRightIcon`, `ChevronDownIcon`, `ChevronDownCircledIcon`, `ChevronDownCircledFillIcon`, `ChevronLeftIcon`, `ChevronLeftCircledIcon`, `ChevronLeftCircledFillIcon`, `ChevronRightIcon`, `ChevronRightCircledIcon`, `ChevronRightCircledFillIcon`, `ChevronUpIcon`, `ChevronUpCircledIcon`, `ChevronUpCircledFillIcon`, `FirstPageIcon`, `LastPageIcon`\n\n</details>\n\n<details>\n<summary><strong>UI Elements (21)</strong></summary>\n\n`BurgerIcon`, `CheckIcon`, `CheckmarkIcon`, `CheckmarkFillIcon`, `CloseIcon`, `CloseCircledIcon`, `CloseCircledFillIcon`, `DragIcon`, `FilterIcon`, `FilterFillIcon`, `HomeIcon`, `HomeFillIcon`, `LessIcon`, `MagnifyingGlassIcon`, `MoreCircledIcon`, `MoreCircledFillIcon`, `MoreOptionsHorizontalIcon`, `MoreOptionsVerticalIcon`, `SpinnerIcon`, `UserIcon`, `UserFillIcon`\n\n</details>\n\n<details>\n<summary><strong>Actions (23)</strong></summary>\n\n`AttachmentIcon`, `CopyIcon`, `DeleteIcon`, `DeleteFillIcon`, `DownloadIcon`, `EditIcon`, `ForwardIcon`, `FullscreenIcon`, `LinkIcon`, `LinkedinIcon`, `NoFullscreenIcon`, `OpenInNewIcon`, `OpenInNewFillIcon`, `ReloadIcon`, `ReplyIcon`, `ReplyAllIcon`, `SaveIcon`, `SaveFillIcon`, `SendIcon`, `SendFillIcon`, `ShareIcon`, `ShareFillIcon`, `StopIcon`\n\n</details>\n\n<details>\n<summary><strong>Status & Feedback (23)</strong></summary>\n\n`AlertIcon`, `AlertFillIcon`, `ClockIcon`, `ClockFillIcon`, `FeedbackErrorBlackIcon`, `FeedbackErrorWhiteIcon`, `FeedbackInfoBlackIcon`, `FeedbackInfoWhiteIcon`, `FeedbackSuccessBlackIcon`, `FeedbackSuccessWhiteIcon`, `FeedbackWarningBlackIcon`, `FeedbackWarningWhiteIcon`, `HelpIcon`, `HelpFillIcon`, `HelpNoCircledIcon`, `HideIcon`, `HideFillIcon`, `InfoIcon`, `InfoFillIcon`, `NotificationIcon`, `NotificationFillIcon`, `ViewIcon`, `ViewFillIcon`\n\n</details>\n\n<details>\n<summary><strong>Content Types (15)</strong></summary>\n\n`ArticleIcon`, `ArticleFillIcon`, `ArticleNewIcon`, `ContentHubIcon`, `EBookIcon`, `EBookFillIcon`, `NewsletterIcon`, `NewsletterFillIcon`, `PaperIcon`, `PaperFillIcon`, `ProductHubIcon`, `PublicIcon`, `PublicFillIcon`, `ResearchTopicsIcon`, `ResearchTopicsFillIcon`\n\n</details>\n\n<details>\n<summary><strong>Social Media (8)</strong></summary>\n\n`BlueskyIcon`, `FacebookIcon`, `InstagramIcon`, `LinkedinIcon`, `OrcidIcon`, `OrcidFillIcon`, `TikTokIcon`, `XTwitterIcon`, `YoutubeIcon`\n\n</details>\n\n<details>\n<summary><strong>Organization (12)</strong></summary>\n\n`CalendarIcon`, `CalendarFillIcon`, `FilesIcon`, `FilesFillIcon`, `GroupIcon`, `GroupFillIcon`, `ListIcon`, `ListNumberIcon`, `NumberedListIcon`, `SortIcon`, `SortAscendingIcon`, `SortDescendingIcon`\n\n</details>\n\n<details>\n<summary><strong>Interactions (12)</strong></summary>\n\n`BookmarkIcon`, `BookmarkFillIcon`, `ChatIcon`, `ChatFillIcon`, `FavoriteIcon`, `FavoriteFillIcon`, `LikeIcon`, `LikeFillIcon`, `ReviewForumIcon`, `ReviewForumFillIcon`, `StarIcon`, `StarFillIcon`\n\n</details>\n\n<details>\n<summary><strong>Text Formatting (4)</strong></summary>\n\n`BoldIcon`, `ItalicIcon`, `ReWriteIcon`, `UnderlineIcon`\n\n</details>\n\n<details>\n<summary><strong>Other (55)</strong></summary>\n\n`AtIcon`, `ChartBarIcon`, `ChartBarFillIcon`, `CloudDownloadIcon`, `CloudDownloadFillIcon`, `CloudOfflineIcon`, `CloudOfflineFillIcon`, `DesktopIcon`, `DesktopFillIcon`, `DislikeIcon`, `DislikeFillIcon`, `EmojiIcon`, `FeedIcon`, `FlagIcon`, `FlagFillIcon`, `FundingIcon`, `FundingFillIcon`, `GraphLineIcon`, `HashtagIcon`, `HistoryIcon`, `ImageIcon`, `ImageFillIcon`, `LabelIcon`, `LabelFillIcon`, `LaptopIcon`, `LaptopFillIcon`, `LightbulbIcon`, `LockIcon`, `MarkAsReadIcon`, `MarkAsUnreadIcon`, `MoreIcon`, `OptOutIcon`, `PlaceIcon`, `PlaceFillIcon`, `PricetagIcon`, `PricetagFillIcon`, `PublishIcon`, `QuoteIcon`, `QuoteFillIcon`, `QuoteNoCircledIcon`, `QuoteNoCircledFillIcon`, `ReportIcon`, `RssIcon`, `RssFillIcon`, `SettingsIcon`, `SettingsFillIcon`, `SoundIcon`, `StrikethroughIcon`, `TodayIcon`, `UpLevelIcon`, `UploadIcon`, `VideoIcon`\n\n</details>\n\n## Migration to v2.0.0\n\nVersion 2.0.0 includes breaking changes from a Figma icon library sync. Icon names have been updated to follow a consistent naming convention.\n\n### Renamed Icons (6)\n\n| Old Name                | New Name                 | Change             |\n| ----------------------- | ------------------------ | ------------------ |\n| `CloseCircleFillIcon`   | `CloseCircledFillIcon`   | Circle → Circled   |\n| `QuoteNoCircleFillIcon` | `QuoteNoCircledFillIcon` | Circle → Circled   |\n| `QuoteNoCircleIcon`     | `QuoteNoCircledIcon`     | Circle → Circled   |\n| `HelpNoCircleIcon`      | `HelpNoCircledIcon`      | Circle → Circled   |\n| `SettingIcon`           | `SettingsIcon`           | Setting → Settings |\n| `TiktokIcon`            | `TikTokIcon`             | Tiktok → TikTok    |\n\n### Update Imports\n\n```diff\n- import { SettingIcon, TiktokIcon, HelpNoCircleIcon, CloseCircleFillIcon } from '@frontiers/icons'\n+ import { SettingsIcon, TikTokIcon, HelpNoCircledIcon, CloseCircledFillIcon } from '@frontiers/icons'\n```\n\n## TypeScript\n\nFull TypeScript support included:\n\n```typescript\nimport type { IconComponent, IconName } from \"@frontiers/icons\"\nimport { ChevronRightIcon } from \"@frontiers/icons\"\n\nconst icon: IconComponent = ChevronRightIcon\nconst name: IconName = \"ChevronRightIcon\"\n```\n\n## Package Exports\n\n```json\n{\n  \"exports\": {\n    \".\": \"./dist/index.mjs\",\n    \"./components\": \"./dist/components/index.mjs\",\n    \"./svg/*\": \"./svg/*.svg\"\n  }\n}\n```\n\n## Contributing\n\nFor development and contribution guidelines, see [CONTRIBUTING.md](./CONTRIBUTING.md).\n\n## License\n\nMIT © Frontiers\n\n---\n\n**202 icons** • **Vue 3** • **TypeScript** • **Tree-shakeable** • **Zero dependencies**\n","readmeFilename":"README.md"}