Flowbite Icons

A free and open-source collection of 430+ SVG icons in solid and outline styles, purpose-built for Tailwind CSS and the Flowbite UI component library.

Flowbite Icons is a carefully crafted icon library created by Themesberg (Bergside Inc.) as the official icon set for the Flowbite ecosystem - one of the most popular Tailwind CSS component libraries. The collection includes over 430 unique icon designs, each available in both solid and outline styles, totaling 860+ SVG files. Icons are designed by Evelyne Karl and optimized specifically for Tailwind CSS workflows - colors are controlled via Tailwind utility classes like text-gray-500 using currentColor, and sizing uses standard w-{size} and h-{size} classes. The icons can be copied directly as raw SVG or JSX (React) from the interactive browser at flowbite.com/icons, which also lets you configure icon size and stroke width on the fly. Framework integrations include flowbite-react-icons for React (by Sutu Sebastian), flowbite-svelte-icons for Svelte (by shinokada), and flowbite-blade-icons for Laravel Blade (by Dominique Thomas). A Figma community file is also available for design workflows. Categories span UI essentials like arrows, navigation, social media, e-commerce, devices, communication, and many more. All icons are MIT licensed, making them suitable for both personal and commercial projects. The library pairs seamlessly with Flowbite's 56+ UI component types and 330+ block sections.