Image

The talented folks at Zaarly put together a Sass mixin that makes styling Symbolset icons a breeze.

With this example, you can add a class (appropriately) called .fancy to a Symbolset element to create a nice circular background.

If you are new to Sass, here is a good place to get started.

Ready to jump in?

Here is the source code for the mixin (which gives us a sneak peek into Zaarly’s self-proclaimed “epic-fantasy-heavy-metal-themed” internal styleguide, better known as Hammer):

Thanks to Mason Stewart at Zaarly for the tip! And dont’t forget to check out zaarly.com (one of our past picks for Symbolset loves).