Font Name: INSPIRE-themes (Glyphs: 34)

How-to use the INSPIRE themes icons ?

Load the CSS

To use the icons, load the css in your HTML pages:

      <link rel="stylesheet" href="css/inspire-themes.css"/>
    
To have all EU languages labels, use the following:

      <link rel="stylesheet" href="css/inspire-themes.css"/>
      <link rel="stylesheet" href="css/inspire-themes-i18n.css"/>
    

Use the icons

Icon only



       <span class="iti-ac"></span>
    

Icon with border



     <div class="iti-box ad">
       <div class="icon"><span class="iti-ad"></span></div>
     </div>
    

Icon with border and acronym



     <div class="iti-box acr ad">
       <div class="icon"><span class="iti-ad"></span></div>
       <p class="label"/>
     </div>
    

Icon with border and label in english


Use the "ad-en" class to add the label in english.

     <div class="iti-box full ad ad-en">
       <div class="icon"><span class="iti-ad"></span></div>
       <p class="label"/>
     </div>
    

Change the language code to display label in another language. eg. "en-nl"



Icons overview ()

iti-ac

iti-af

iti-am

iti-au

iti-br

iti-bu

iti-cp

iti-ef

iti-el

iti-er

iti-ge

iti-gg

iti-gn

iti-hb

iti-hh

iti-hh

iti-lc

iti-lu

iti-mf

iti-mr

iti-nz

iti-of

iti-oi

iti-pd

iti-pf

iti-ps

iti-rs

iti-sd

iti-so

iti-sr

iti-su

iti-tn

iti-us

Scalability

X 0.5

X 1.0

X 1.5

X 2.0

X 2.5

Hand coded by Max based on IcoMoon demo generated page