Enjoying making icons

  • Reading time:2 mins read
  • Post category:Design

Making icons

Icon: Small symbol or image that represents a word or meaning. Icons are a big part of our life, they are used everywhere. For example, the icons to find the toilets, the parking area icon, the on-button and floppy disk to save. The interface of your smartphone is completely made out icons, and many websites use them so their audience can scan faster the content. Or just to make the text a bit more interesting looking. Our brains are trained to recognise icons and link them to their meaning or their possible meaning, in case you never seen the icon before.


Many websites use the Font Awesome icon set as part of the design. Although it’s nice to have so many icons fast and easily available to use in web design, the counterpart is that everyone is using them. There is nothing wrong with people using the same icons since it’s a nice pack of icons. (I’m a backer of Font Awesome 5 on Kickstarter.)

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

But sometimes it’s nice to make custom icons for a client. Making icons that fit their corporate identity and look nice with the rest of the design for their website. I’m a big fan of duotone icons, which are icons with two shades of one colour, or black with one colour. A while ago I started to make icons myself and they are my favorite icons to make.


Icons for software website

Icons for the 6 main features of the software

Media types (cloud, tape, disk, blu-ray)

Some other icons for client’s website


Medical icons for a video

Icons used in a medical video


Random icon sets

These are some icons I made just for fun. I will add more at this section when I find more of my custom icons.