Font Awesome

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

Overview

Bodrum includes the world's most popular and easiest to use icon set - Font Awesome - with over 675 free icons.

How To Use

Place this code, which contains everything you need, within the <head> of each template or page that you want to use Font Awesome on.

								
<link href="yourpath/font-awesome.min.css" rel="stylesheet" type="text/css">

You need to know two bits of information to reference an icon:

Its name, prefixed with fa-
The style you want to use's corresponding prefix.

								
<i class="fa fa-camera-retro"></i>
<!--
  1) style prefix == fa
  2) icon name == fa-camera-retro
-->

Sizes

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x,fa-3x, fa-4x, or fa-5x classes.

								
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

Examples