Radical Icons
A growing library of radical, hand-drawn SVGs by Jack McDade. These suckers are meticulously optimized for the modern web and will spice up literally anything (except food).
Retro Delights
Seasonal
Circles
Slashes
Lines
Arrows
Corners
How to use
In Your Code
Every icon in this library is built without height and width attributes and uses fill="currentColor" so you can recolor, resize, and style them on the fly with CSS.
For example, in Statamic you can do this:
{{ svg
src="rad/bolt-1"
class="h-24 w-12 text-neon-yellow"
}}
Check out this awesome tutorial on working with SVGs from the TailwindCSS crew, or this one from CSS Tricks.
In Your Designs
These SVGs are perfectly optimized for the browser, but sometimes don't load correctly in Illustrator, Sketch, Figma, Adobe XD, other design tools. I'm working on a separate export of the icons for use in design apps. ✌🏻
See 'Em In Action
Check out Radical Design Course, Statamic, and my personal site to see how I use icons like this in practice.
