Today I would like to show you a project that we have been working on for over a year and that we are finally launching to the world. It's a collection of over 50 SVG illustrations designed in 3D style available in dark and light mode.
🔗 Check them out here: https://flowbite.com/illustrations/
All of these illustrations are open-source under the MIT license and they are free to use in your projects. This comes roughly one year after we have launched our Flowbite Icons collection, to which we keep adding new icons every month.
These illustrations are available in SVG, but they can also be downloaded in PNG format using our coded interface where you can also filter and search for any illustrations.
Let me show you some of the features of these new illustrations.
Available in dark mode
All of the illustrations have a dark mode variant which slightly changes the colors to accompany darker interfaces. Flowbite inherently has light and dark mode UI components so it made a lot of sense to accommodate illustrations too.
To copy the dark mode variant of the illustration, all you need to do is switch the light/dark mode of the Flowbite website and the source code or PNG will automatically switch.
Customize colors
You can easily set your own color by using the color switcher from the settings bar or adding your own colors by using the Figma source files if you want more control.
Figma file
We have also created a Figma file for the illustrations so that you can use these as a designer or have more control over the source files that we ourselves have worked on.
These are also open-source and you can use them in your projects, but if you're building templates please mention in the credits that Flowbite has been used as a source link.
Updates
We'll add about 4-5 illustrations every month so if you want to request your own, then please reach out to us via the GitHub repository and create an issue.
Support us
If you are using our open-source collection and you're wondering how you can be supporting us, we have a pro version of Flowbite that you can get to access many UI components, templates, blocks, and an advanced Figma design system to build and designe websites faster and more efficiently.
Top comments (3)
Awesome illustrations Flowbite. Thank you for sharing them
Thanks a lot, Lucian! :)
They look amazing! Definitely will use them in an upcoming project, thanks for sharing them!