I wrote this book back in 2016. SVG wasn't new then, but it was starting to catch on a little bit more for front-end developers. I thought, and still think, SVG is a great tool for a lot of things on the web, and wanted to help keep that trend going.
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
Cute illustrations for React Apps.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
🧩 A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS.
Generate images of code and terminal output 📸.
Freeze generates PNGs, SVGs, and WebPs of code and terminal output alike.
Create stunning vector illustrations in seconds. Create stylish & consistent vector illustrations in seconds
Just type a prompt and our AI will generate four unique vector illustrations that maintain a consistent style. Perfect for busy web agencies and creative individuals, it simplifies and speeds up your design process.
Online Vector Editor.
All popular icon sets, one framework. Freedom to choose icons.
Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
Web-based vector graphics editor and design tool.
Graphite is an in-development raster and vector graphics package that's free and open source. It is powered by a node graph compositing engine that fuses layers with nodes, providing a fully nondestructive editing experience.
Trace Pixels To Vectors in Full Color, Fully Automatically, Using AI.
Convert your JPEG and PNG bitmaps to SVG vectors quickly and easily. Fully Automatically. Using AI.
Custom-color elements ready to paste into your project. Squiggles, scribbles, shapes and... other stuff.
A library of over 70 custom-color elements ready to paste into your project.
If you've ever looked at the SVG code for an icon before, you might have noticed that they're usually made up of a bunch of path elements, each with a cryptic d attribute.
Get started with a collection of 437 free and open-source SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.