{"_id":"flowbite-icons","_rev":"2-ab8959b1e1c73f960ee8de8e649c2a48","name":"flowbite-icons","dist-tags":{"latest":"1.5.0"},"versions":{"1.3.0":{"name":"flowbite-icons","version":"1.3.0","keywords":["flowbite","icons","svg"],"license":"MIT","_id":"flowbite-icons@1.3.0","maintainers":[{"name":"sutusebastian","email":"sebiitv@gmail.com"}],"homepage":"https://flowbite.com/icons","bugs":{"url":"https://github.com/themesberg/flowbite-icons/issues"},"dist":{"shasum":"c9a8269d853311da65591c67113612b45af6dcd2","tarball":"https://registry.npmjs.org/flowbite-icons/-/flowbite-icons-1.3.0.tgz","fileCount":602,"integrity":"sha512-/8bwc03lRLc6Dz1iaIfTtnADlVSqdpcBJC+n1PYVMq+pqEU+aD/uQ0y/sgA/2/lym940p0TOe7QAVn55HSMLBg==","signatures":[{"sig":"MEUCIE4QmAfkngXuok7e85jT1/lknrsVLBz+4mr+M8SkMH8TAiEA8lZsNx7YeTJRpdSuIvCwSYMMvQhhAUAEdMQxw9IX20U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":421009},"type":"module","gitHead":"c18c169257003e4d1fc15625763321f2213927bf","scripts":{"format":"prettier . --write","release":"changeset publish","version":"changeset version","typecheck":"tsc","format:check":"prettier . --check","generate-manifest":"bun run scripts/generate-manifest.ts"},"_npmUser":{"name":"sutusebastian","email":"sebiitv@gmail.com"},"repository":{"url":"git+https://github.com/themesberg/flowbite-icons.git","type":"git"},"_npmVersion":"10.2.4","description":"Official Flowbite Icons library","directories":{},"_nodeVersion":"20.11.1","_hasShrinkwrap":false,"devDependencies":{"prettier":"3.2.5","@types/bun":"1.0.6","typescript":"5.3.3","@changesets/cli":"2.27.1","prettier-plugin-packagejson":"2.4.11","@changesets/changelog-github":"0.5.0","@ianvs/prettier-plugin-sort-imports":"4.1.1"},"_npmOperationalInternal":{"tmp":"tmp/flowbite-icons_1.3.0_1728636270747_0.659704069697588","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"flowbite-icons","version":"1.5.0","description":"Official Flowbite Icons library","keywords":["flowbite","icons","svg"],"homepage":"https://flowbite.com/icons","bugs":{"url":"https://github.com/themesberg/flowbite-icons/issues"},"repository":{"type":"git","url":"git+https://github.com/themesberg/flowbite-icons.git"},"license":"MIT","type":"module","scripts":{"format":"prettier . --write","format:check":"prettier . --check","generate-manifest":"bun run scripts/generate-manifest.ts","release":"changeset publish","typecheck":"tsc","version":"changeset version"},"devDependencies":{"@changesets/changelog-github":"0.5.1","@changesets/cli":"2.28.1","@ianvs/prettier-plugin-sort-imports":"4.4.1","@types/bun":"1.2.5","prettier":"3.5.3","prettier-plugin-packagejson":"2.5.10","typescript":"5.8.2"},"_id":"flowbite-icons@1.5.0","gitHead":"4f85985690fdd553e029f7415d90d32142bb5452","_nodeVersion":"20.19.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-yXU7g6Bhvhtjpg/EPMCKpo/WTitX44oQVTgH/B8oki5Pt06D/wJLAHTycAom73LYVkf8UiNa8oPrxlJQkw5gpg==","shasum":"5b74be52a9729cbc6a103d3dfd564fd67881ed98","tarball":"https://registry.npmjs.org/flowbite-icons/-/flowbite-icons-1.5.0.tgz","fileCount":754,"unpackedSize":413865,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDM3HeU5uh6SqogtpKJMK37TExGUJG6NjOCpiLHzj4o7AIgHHeiVkW0MAZdUs85NoEe6m7XQSTYJDNiXRo+T+geZgU="}]},"_npmUser":{"name":"sutusebastian","email":"sebiitv@gmail.com"},"directories":{},"maintainers":[{"name":"sutusebastian","email":"sebiitv@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/flowbite-icons_1.5.0_1742636294490_0.7526442074658715"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-11T08:44:30.661Z","modified":"2025-03-22T09:38:14.838Z","1.3.0":"2024-10-11T08:44:30.937Z","1.5.0":"2025-03-22T09:38:14.669Z"},"bugs":{"url":"https://github.com/themesberg/flowbite-icons/issues"},"license":"MIT","homepage":"https://flowbite.com/icons","keywords":["flowbite","icons","svg"],"repository":{"type":"git","url":"git+https://github.com/themesberg/flowbite-icons.git"},"description":"Official Flowbite Icons library","maintainers":[{"name":"sutusebastian","email":"sebiitv@gmail.com"}],"readme":"<p>\n    <a href=\"https://flowbite.com\" >\n      <img alt=\"Flowbite Icons - Free and open-source SVG icons\" width=\"350\" src=\"https://flowbite.s3.amazonaws.com/github/flowbite-icons-logo-github.png\">\n    </a><br>\n    Free and open-source collection of over 430+ SVG icons built for Tailwind CSS and Figma\n</p>\n\n<p>\n    <a href=\"https://discord.com/invite/4eeurUVvTy\"><img src=\"https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord\" alt=\"Discord\"></a>\n<!--     <a href=\"https://www.npmjs.com/package/flowbite\"><img src=\"https://img.shields.io/npm/dt/flowbite.svg\" alt=\"Total Downloads\"></a> -->\n<!--     <a href=\"https://github.com/themesberg/flowbite/releases\"><img src=\"https://img.shields.io/npm/v/flowbite.svg\" alt=\"Latest Release\"></a> -->\n    <a href=\"https://flowbite.com/docs/getting-started/license/\"><img src=\"https://img.shields.io/badge/license-MIT-blue\" alt=\"Licenese\"></a>\n</p>\n\n## Getting started\n\nThe quickest way of you can start using these icons is by going to the [Flowbite Icons](https://flowbite.com/icons/) page and copy-paste the icons as raw SVG or JSX (React) by selecting the \"copy as\" option. You can also configure the icon size and stroke width via our custom interface.\n\n<a href=\"https://flowbite.com/icons/\">\n  <img src=\"https://flowbite.s3.amazonaws.com/github/flowbite-icons-github.png\" alt=\"Flowbite Icons\"/>\n</a>\n\n## Basic usage\n\nThe default examples are provided with raw SVG code source which is a flexible and efficient way of integrating icons into your web application regardless of what tech stack you're using.\n\nHere is a solid and outline version of the same `notification-bell` icon:\n\n```xml\n<!-- Notification bell solid -->\n<svg\n  class=\"w-6 h-6 text-gray-800 dark:text-white\"\n  aria-hidden=\"true\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  fill=\"currentColor\"\n  viewBox=\"0 0 14 20\"\n>\n  <path\n    d=\"M12.133 10.632v-1.8A5.406 5.406 0 0 0 7.979 3.57.946.946 0 0 0 8 3.464V1.1a1 1 0 0 0-2 0v2.364a.946.946 0 0 0 .021.106 5.406 5.406 0 0 0-4.154 5.262v1.8C1.867 13.018 0 13.614 0 14.807 0 15.4 0 16 .538 16h12.924C14 16 14 15.4 14 14.807c0-1.193-1.867-1.789-1.867-4.175ZM3.823 17a3.453 3.453 0 0 0 6.354 0H3.823Z\"\n  />\n</svg>\n\n<!-- Notification bell outline -->\n<svg\n  class=\"w-6 h-6 text-gray-800 dark:text-white\"\n  aria-hidden=\"true\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  fill=\"none\"\n  viewBox=\"0 0 16 21\"\n>\n  <path\n    stroke=\"currentColor\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    stroke-width=\"2\"\n    d=\"M8 3.464V1.1m0 2.365a5.338 5.338 0 0 1 5.133 5.368v1.8c0 2.386 1.867 2.982 1.867 4.175C15 15.4 15 16 14.462 16H1.538C1 16 1 15.4 1 14.807c0-1.193 1.867-1.789 1.867-4.175v-1.8A5.338 5.338 0 0 1 8 3.464ZM4.54 16a3.48 3.48 0 0 0 6.92 0H4.54Z\"\n  />\n</svg>\n```\n\nYou can copy and paste this into your project and you can set the color via `text-gray-500 dark:text-gray-400` and the size with the Tailwind CSS `w-{*}` width and `h-{*}` classes.\n\n## React\n\nThanks to the open-source community from React - the Flowbite Icons collection is now also available to be used in React projects by installing the official [React icons package](https://github.com/themesberg/flowbite-react-icons) built by [Sutu Sebastian](https://github.com/SutuSebastian).\n\n```sh\nnpm i flowbite-react-icons\n```\n\n```tsx\n// outline\n\nimport { AngleDown } from \"flowbite-react-icons/outline\";\n\nfunction Component() {\n  return <AngleDown />;\n}\n```\n\n```tsx\n// solid\n\nimport { AngleDown } from \"flowbite-react-icons/solid\";\n\nfunction Component() {\n  return <AngleDown />;\n}\n```\n\nLearn more about usage by going to the [Flowbite React Icons](https://github.com/themesberg/flowbite-react-icons) repository on GitHub.\n\n## Svelte\n\nThanks to the open-source community from Svelte - the Flowbite Icons collection is now also available to be used in Svelte projects by installing the official [Svelte icons package](https://github.com/themesberg/flowbite-svelte-icons) built by [shinokada](https://github.com/shinokada).\n\n```sh\nnpm i -D flowbite-svelte-icons\n```\n\nImport the icons from the freshly installed package:\n\n```svelte\n<script>\n  import { AddressCardSolid } from 'flowbite-svelte-icons';\n</script>\n\n<AddressCardSolid />\n```\n\nLearn more about usage by going to the [Flowbite Svelte Icons](https://github.com/themesberg/flowbite-svelte-icons) repository on GitHub.\n\n## Laravel & Blade support\n\nThanks to the open-source community you can now also install and use the Flowbite Icons collection inside a Laravel project as Blade components based on the [Flowbite Blade Icons](https://github.com/themesberg/flowbite-blade-icons) repository built by [Dominique Thomas](https://github.com/domthomas-dev).\n\n### Installation\n\n```bash\ncomposer require themesberg/flowbite-blade-icons\n```\n\n### Usage\n\nIcons can be used as self-closing Blade components which will be compiled to SVG icons:\n\n```blade\n<x-fwb-o-adjustments-horizontal />\n```\n\nFor the solid version:\n\n```blade\n<x-fwb-s-adjustments-horizontal />\n```\n\n### See more\n\nYou can see more usages and configurations on the [Flowbite Blade Icons](https://github.com/themesberg/flowbite-blade-icons) repository.\n\n## Figma support\n\nIf you want to use Flowbite Icons inside your Figma project you can duplicate the following file from the community:\n\n🎨 [Flowbite Icons in Figma](https://www.figma.com/community/file/1253280241668899805/Flowbite-Icons)\n\n## Flowbite Blocks\n\nCheck out Flowbite Blocks to get access to over 330+ website sections coded in Tailwind CSS and Flowbite:\n\n📦 [Check out Flowbite Blocks](https://flowbite.com/blocks/)\n\n## Pro version\n\nIf you want to support this project you can consider purchasing the pro version of Flowbite which includes hundreds of advanced UI components, sections, pages, and a Figma design system:\n\n💎 [Check out Flowbite Pro](https://flowbite.com/pro/)\n\n## Community\n\nIf you need help or just want to discuss about the library join the community on Github:\n\n⌨️ [Discuss about Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)\n\nFor casual chatting with others using the library:\n\n💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)\n\nVideo tutorials and presentations using Flowbite:\n\n🎥 [Subscribe to our YouTube channel](https://www.youtube.com/channel/UC_Ms4V2kYDsh7F_CSsHyQ6A)\n\n## Copyright and license\n\nFlowbite Icons is free and open-source under the MIT License.\n\n- 📝 [Read about the licensing terms](https://flowbite.com/docs/getting-started/license/)\n\nThe \"Flowbite name\" and logos are trademarks of Bergside Inc.\n\n- 📀 [Brand guideline and trademark usage agreement](https://flowbite.com/brand/)\n\n## Authors and credits\n\n- designed by [Evelyne Krall](https://twitter.com/EvelyneKrall)\n- integration in Figma by [Robert Tanislav](https://twitter.com/roberttanislav)\n- coding the interface by [Zoltán Szőgyényi](https://twitter.com/zoltanszogyenyi)\n","readmeFilename":"README.md"}