<h2 class="styleguide-title">Icons</h2>
<div class="preview-inner-container">
    <p><i class="icon-menu"></i> .icon-menu</p>
    <p><i class="icon-caret"></i> .icon-caret</p>
    <p><i class="icon-alert"></i> .icon-alert</p>
    <p><i class="icon-critical"></i> .icon-critical</p>
    <p><i class="icon-clip"></i> .icon-clip</p>
    <p><i class="icon-email"></i> .icon-email</p>
    <p><i class="icon-hidden"></i> .icon-hidden</p>
    <p><i class="icon-loc"></i> .icon-loc</p>
    <p><i class="icon-search"></i> .icon-search</p>
    <p><i class="icon-digipolis"></i> .icon-digipolis</p>
    <p><i class="icon-arrow-up"></i> .icon-arrow-up</p>
    <p><i class="icon-arrow-down"></i> .icon-arrow-down</p>
    <p><i class="icon-repeat"></i> .icon-repeat</p>
    <p><i class="icon-form-fill"></i> .icon-form-fill</p>
    <p><i class="icon-paper"></i> .icon-paper</p>
    <p><i class="icon-tag"></i> .icon-tag</p>
    <p><i class="icon-newtab"></i> .icon-newtab</p>
    <p><i class="icon-calender"></i> .icon-calender</p>
    <p><i class="icon-user"></i> .icon-user</p>
    <p><i class="icon-link"></i> .icon-link</p>
    <p><i class="icon-shoppingcart"></i> .icon-shoppingcart</p>
    <p><i class="icon-sort"></i> .icon-sort</p>
    <p><i class="icon-list"></i> .icon-list</p>
    <p><i class="icon-phone"></i> .icon-phone</p>
    <p><i class="icon-facebook"></i> .icon-facebook</p>
    <p><i class="icon-facebook-full"></i> .icon-facebook-full</p>
    <p><i class="icon-plus"></i> .icon-plus</p>
    <p><i class="icon-twitter"></i> .icon-twitter</p>
    <p><i class="icon-linkedin"></i> .icon-linkedin</p>
    <p><i class="icon-capacity"></i> .icon-capacity</p>
    <p><i class="icon-location"></i> .icon-location</p>
    <p><i class="icon-price"></i> .icon-price</p>
    <p><i class="icon-book"></i> .icon-book</p>
    <p><i class="icon-surface"></i> .icon-surface</p>
    <p><i class="icon-closingtime"></i> .icon-closingtime</p>
    <p><i class="icon-save"></i> .icon-save</p>
    <p><i class="icon-edit"></i> .icon-edit</p>
    <p><i class="icon-throbber"></i> .icon-throbber</p>
    <p><i class="icon-instagram"></i> .icon-instagram</p>
    <p><i class="icon-googleplus"></i> .icon-googleplus</p>
    <p><i class="icon-flickr"></i> .icon-flickr</p>
    <p><i class="icon-vimeo"></i> .icon-vimeo</p>
    <p><i class="icon-close"></i> .icon-close</p>
    <p><i class="icon-adventure"></i> .icon-adventure</p>
    <p><i class="icon-appliances"></i> .icon-appliances</p>
    <p><i class="icon-basketball"></i> .icon-basketball</p>
    <p><i class="icon-bbq"></i> .icon-bbq</p>
    <p><i class="icon-fitness"></i> .icon-fitness</p>
    <p><i class="icon-football"></i> .icon-football</p>
    <p><i class="icon-forest"></i> .icon-forest</p>
    <p><i class="icon-historical-value"></i> .icon-historical-value</p>
    <p><i class="icon-nature"></i> .icon-nature</p>
    <p><i class="icon-park"></i> .icon-park</p>
    <p><i class="icon-petanque"></i> .icon-petanque</p>
    <p><i class="icon-pingpong"></i> .icon-pingpong</p>
    <p><i class="icon-playground"></i> .icon-playground</p>
    <p><i class="icon-tie"></i> .icon-tie</p>
    <p><i class="icon-rdf"></i> .icon-rdf</p>
    <p><i class="icon-sandpit"></i> .icon-sandpit</p>
    <p><i class="icon-skateboard"></i> .icon-skateboard</p>
    <p><i class="icon-youtube"></i> .icon-youtube</p>
    <p><i class="icon-maximize"></i> .icon-maximize</p>
    <p><i class="icon-minimize"></i> .icon-minimize</p>
    <p><i class="icon-checklist"></i> .icon-checklist</p>
    <p><i class="icon-flag"></i> .icon-flag</p>
    <p><i class="icon-follow"></i> .icon-follow</p>
    <p><i class="icon-unflag"></i> .icon-unflag</p>
    <p><i class="icon-trash"></i> .icon-trash</p>
    <p><i class="icon-bulb"></i> .icon-bulb</p>
    <p><i class="icon-megaphone"></i> .icon-megaphone</p>
    <p><i class="icon-pinned"></i> .icon-pinned</p>
    <p><i class="icon-star"></i> .icon-star</p>
    <p><i class="icon-medal"></i> .icon-medal</p>
    <p><i class="icon-smartphone"></i> .icon-smartphone</p>
    <p><i class="icon-data"></i> .icon-data</p>
    <p><i class="icon-data-new"></i> .icon-data-new</p>
    <p><i class="icon-code"></i> .icon-code</p>
    <p><i class="icon-at"></i> .icon-at</p>
    <p><i class="icon-textballoon-left"></i> .icon-textballoon-left</p>
    <p><i class="icon-textballoon-right"></i> .icon-textballoon-right</p>
    <p><i class="icon-textballoon-fill-right"></i> .icon-textballoon-fill-right</p>
    <p><i class="icon-textballoon-fill-left"></i> .icon-textballoon-fill-left</p>
    <p><i class="icon-poll"></i> .icon-poll</p>
    <p><i class="icon-house"></i> .icon-house</p>
    <p><i class="icon-cross"></i> .icon-cross</p>
    <p><i class="icon-tick"></i> .icon-tick</p>
    <p><i class="icon-check"></i> .icon-check</p>
    <p><i class="icon-info-circle"></i> .icon-info-circle</p>
    <p><i class="icon-heart"></i> .icon-heart</p>
    <p><i class="icon-outdoor"></i> .icon-outdoor</p>
    <p><i class="icon-changingrooms"></i> .icon-changingrooms</p>
    <p><i class="icon-parking"></i> .icon-parking</p>
    <p><i class="icon-weelchair"></i> .icon-weelchair</p>
    <p><i class="icon-tribune"></i> .icon-tribune</p>
    <p><i class="icon-toilet"></i> .icon-toilet</p>
    <p><i class="icon-aed"></i> .icon-aed</p>
    <p><i class="icon-shower"></i> .icon-shower</p>
    <p><i class="icon-addtocalender"></i> .icon-addtocalender</p>
    <p><i class="icon-bar"></i> .icon-bar</p>
    <p><i class="icon-bikeroute"></i> .icon-bikeroute</p>
    <p><i class="icon-publictransport"></i> .icon-publictransport</p>
    <p><i class="icon-directions"></i> .icon-directions</p>
</div>
<h2 class="styleguide-title">Icons</h2>
<div class="preview-inner-container">
  {% for unicode, icon in icons %}
      <p><i class="icon-{{ icon }}"></i> .icon-{{ icon }}</p>
  {% endfor %}
</div>
{
  "items": [
    "<a href='#'>Stad.gent</a>",
    "<a href='#'>Overview</a>",
    "<span>Overview</span>",
    "<span>Overview</span>",
    "<span>Page title</span>"
  ],
  "icons": {
    "&#x3d;": "menu",
    "&#x3e;": "caret",
    "&#x61;": "alert",
    "&#x62;": "critical",
    "&#x63;": "clip",
    "&#x65;": "email",
    "&#x68;": "hidden",
    "&#x70;": "loc",
    "&#x73;": "search",
    "&#xe5ff;": "digipolis",
    "&#xe600;": "arrow-up",
    "&#xe601;": "arrow-down",
    "&#xf01e;": "repeat",
    "&#xe602;": "form-fill",
    "&#xe909;": "paper",
    "&#xe603;": "tag",
    "&#xe604;": "newtab",
    "&#xe605;": "calender",
    "&#xe606;": "user",
    "&#xe607;": "link",
    "&#xe608;": "shoppingcart",
    "&#xe609;": "sort",
    "&#xe60a;": "list",
    "&#xe60b;": "phone",
    "&#xe910;": "facebook",
    "&#xe60d;": "facebook-full",
    "&#xe60e;": "plus",
    "&#xe60f;": "twitter",
    "&#xe610;": "linkedin",
    "&#xe611;": "capacity",
    "&#xe612;": "location",
    "&#xe613;": "price",
    "&#xe614;": "book",
    "&#xe615;": "surface",
    "&#xe616;": "closingtime",
    "&#xe617;": "save",
    "&#xe618;": "edit",
    "&#xe619;": "throbber",
    "&#xe61a;": "instagram",
    "&#xe61b;": "googleplus",
    "&#xe61c;": "flickr",
    "&#xe61d;": "vimeo",
    "&#xe61e;": "close",
    "&#xe61f;": "adventure",
    "&#xe620;": "appliances",
    "&#xe621;": "basketball",
    "&#xe622;": "bbq",
    "&#xe623;": "fitness",
    "&#xe624;": "football",
    "&#xe625;": "forest",
    "&#xe626;": "historical-value",
    "&#xe627;": "nature",
    "&#xe628;": "park",
    "&#xe629;": "petanque",
    "&#xe62a;": "pingpong",
    "&#xe62b;": "playground",
    "&#xe911;": "tie",
    "&#xe62c;": "rdf",
    "&#xe62d;": "sandpit",
    "&#xe62e;": "skateboard",
    "&#xe62f;": "youtube",
    "&#xe630;": "maximize",
    "&#xe631;": "minimize",
    "&#xe632;": "checklist",
    "&#xe633;": "flag",
    "&#xe635;": "follow",
    "&#xe637;": "unflag",
    "&#xe638;": "trash",
    "&#xe800;": "bulb",
    "&#xe801;": "megaphone",
    "&#xe900;": "pinned",
    "&#xe901;": "star",
    "&#xe902;": "medal",
    "&#xe90b;": "smartphone",
    "&#xe90c;": "data",
    "&#xe912;": "data-new",
    "&#xe913;": "code",
    "&#xe914;": "at",
    "&#xe904;": "textballoon-left",
    "&#xe90d;": "textballoon-right",
    "&#xe90e;": "textballoon-fill-right",
    "&#xe90f;": "textballoon-fill-left",
    "&#xe903;": "poll",
    "&#xe905;": "house",
    "&#xe906;": "cross",
    "&#xe907;": "tick",
    "&#xf00c;": "check",
    "&#xf05a;": "info-circle",
    "&#xe908;": "heart",
    "&#xf600;": "outdoor",
    "&#xf601;": "changingrooms",
    "&#xf602;": "parking",
    "&#xf603;": "weelchair",
    "&#xf604;": "tribune",
    "&#xf605;": "toilet",
    "&#xf606;": "aed",
    "&#xf607;": "shower",
    "&#xf60a;": "addtocalender",
    "&#xf60b;": "bar",
    "&#xf60c;": "bikeroute",
    "&#xf60d;": "publictransport",
    "&#xf60e;": "directions"
  }
}

There are no notes for this item.