Created on by Bran Hills
St. Louis, Mo

BizLibrary Marketing Icons

At the time, we only had one graphic designer on the marketing team. Me. We needed an icon set to match our new branding so we could continue to support our copywriting and search engine optimization efforts on our marketing website. These icons needed to help our prospects understand complex concepts contained in the text more quickly.

No illustration background

I have never been a professional illustrator and had never attempted to create a set of icons before. I was a little nervous, but I did what I always do; figure out how to make it happen.

Luckily, there’s some fantastic icon illustrators out there on the web one can learn a lot from. Here’s a few designers that really inspired me.

I ultimately learned through other designers’ work on how icons were properly crafted and what the underlying grid structure looks like. I chatted with our developer on the best way for him to consume the icons in the context of the website and we both decided on icons that are 192x192 pixels in size.

How I created them

The first part of crafting the icons was setting up the underlying grid structure so that they would all feel uniform in size. All icons have a 2px stroke in dark grey and utilize the primary BizLibrary Green for emphasis.

Icon within the grid frame in Figma
Icon grid

The process started slow so I could experiment and learn. Eventually I was able to reduce the amount of time it took to create an icon to under two hours.

You can find all of these icons and the rest of the BizLibrary Design Language at Zeroheight.