Adobe engineer Wenting Zhang combined an interesting web app for generating pristine CSS icons. It’s simply named “CSS Icon” and it might be one of a coolest icon generators for frontend developers.
This plan is completely free and open-sourced on GitHub so you’re giveaway to download and disaster with any of a codes.
These icons don’t have any CSS dependencies or need any special browser features. At initial glance, it might seem like a icons are built on SVGs though they’re indeed only divs.
Through a sorcery of CSS, we can build custom line icons for common interface elements such as a hamburger menu, a three-dot idol or a imitation idol (among many others).
You can select between thin line icons or dark filled icons. They both implement similar CSS properties and we can even see what they are by clicking any idol in a list. You’ll see a sliding sidebar with a HTML and CSS formula along with a idol enlarged.
If we demeanour towards a top-right dilemma of a formula fields you’ll see a little duplicate icon. Click that to automatically duplicate a code to your clipboard. Oh, and that duplicate icon? Also built with Wenting’s pristine CSS code.
To change a color of any icon, only find a
color property in a categorical idol class. Updating that one
color property will change all else, too.
Since these icons are pretty simple, they substantially won’t work for any website. But this is a cool choice to images or idol fonts and it’s completely free.
Create Your Own Font Icon Set Easily With Fontello
We can see that Font Icons are widely used opposite websites, and for good reason. The Font Icon…Read more