Flowbite Icons

screenshot of Flowbite Icons
react
svelte
vue
tailwind
flowbite

Flowbite Icons

Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS

Overview:

Flowbite Icons is a collection of icons that can be easily integrated into web applications using raw SVG or JSX. Users have the flexibility to configure the icon size and stroke width through a custom interface. With support for various frameworks like React, Svelte, and Laravel Blade, Flowbite Icons offers seamless integration options for developers. Additionally, users can explore a pro version of Flowbite for access to advanced UI components and design systems.

Features:

  • Raw SVG or JSX Integration: Copy-paste icons as raw SVG or JSX for easy integration.
  • Framework Support: Compatible with React, Svelte, and Laravel Blade for effortless implementation.
  • Customizable Styling: Set icon colors and sizes using Tailwind CSS classes.
  • Pro Version Available: Purchase the pro version for advanced UI components and design system access.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

flowbite
Flowbite

Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.