zwicon is ready to use in your web project


Simply download and copy the zwicon webfont directory to your project folder.

You’ve downloaded the files already?

You'll need to do download the webfont files to start working with zwicon.


Paste this code between your <head> elements to call the font into your html. Make sure you’ve added this line on every page that you want to use Zwicons.

<link rel="stylesheet" href="zwicon.css" type="text/css">


Use a consistent <i> tag to reference the icons in your code. Start browsing our cheatsheet to find and copy the classname of icons.

<i class="zwicon-class-name-here"></i>


Credit us! Do not modify! This icon set is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License. This means you can copy, distribute, display, and perform the work including for commercial purposes, but not distribute derivative works based on it.