What it does
Flowbite Icons is an MIT-licensed collection of editable SVG symbols in outline and solid styles. It provides a Figma file and integrations for React, Svelte and Laravel alongside plain SVG code.
Use the Copy as option in the icon browser to choose raw SVG or JSX, then adjust size and stroke width before copying. The SVG can go directly into a web page without installing the wider Flowbite component library. Tailwind projects can use text-color classes and width or height utilities to match nearby controls.
For React, install flowbite-react-icons and import from its outline or solid path. The AngleDown example uses the same component name from either path, making the style choice explicit. Laravel users instead install themesberg/flowbite-blade-icons through Composer and use Blade components that compile to SVG.
Designers can duplicate the linked Flowbite Icons community file in Figma. The icon collection itself is free under MIT; Flowbite Pro is a separate purchase for UI components, page sections and design-system resources.
Strengths
- Raw SVG works independently of the Flowbite component system.
- Figma assets and framework packages support design-to-code handoff.
Best for
- Tailwind CSS interfaces.
- Laravel, React or Svelte projects sharing one icon style.
Sources
- Flowbite Icons (Oct 27, 2026)
- Flowbite Icons: MIT License (Oct 27, 2026)