Fanbooks Icon Font

Step 1: Download Assets

Download the Fanbooks icon assets to your computer by clicking the button below.

file_download Download assets

Step 2: Upload Folder

Upload the "fanbooks-icons" folder to a desired location on your website's server.

Step 3: Copy HTML to HEAD

Copy the HTML below and place in the <head> of your website. Make sure you have the correct path to the "fanbooks-icon" folder.

<link rel="stylesheet" href="/fanbooks-icon/fanbooks-icon.css" type="text/css" media="screen" />

Step 4: Copy icon HTML

There are two icon styles that you can use by copying the HTML below and applying any styles that you would like.

<i class="fbi icon-fanbooks"></i> <i class="fbi icon-fanbooks-o"></i>