FM / font

/home/techb158/ileadtechnology.com/public/admin/font/font/

/home/techb158/ileadtechnology.com/public/admin/font/font

Name	Size	Mode	Actions
flaticon.css	4908	0644	edit dl rm
Flaticon.eot	47814	0644	edit dl rm
flaticon.html	46258	0644	edit dl rm
Flaticon.svg	307799	0644	edit dl rm
Flaticon.ttf	47636	0644	edit dl rm
Flaticon.woff	28260	0644	edit dl rm
Flaticon.woff2	23824	0644	edit dl rm
index.php	53	0644	edit dl rm
_flaticon.scss	8320	0644	edit dl rm

Edit: /home/techb158/ileadtechnology.com/public/admin/font/font/flaticon.html (46258B)

<!DOCTYPE html>

<html>
<!DOCTYPE html>
<html>

<head>
    <title>Flaticon WebFont</title>
    <link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="flaticon.css">
    <meta charset="UTF-8">
    <style>
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    body {
        font-family: 'Varela Round', Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #222;
    }
    a {
        color: #333;
        border-bottom: 1px solid #a9fd00;
        font-weight: bold;
        text-decoration: none;
    }
    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-size: 30px;
        font-style: normal;
        margin-left: 20px;
        color: #333;
    }
    .wrapper {
        max-width: 600px;
        margin: auto;
        padding: 0 1em;
    }
    .title {
        font-size: 1.25em;
        text-align: center;
        margin-bottom: 1em;
        text-transform: uppercase;
    }
    header {
        text-align: center;
        background-color: #222;
        color: #fff;
        padding: 1em;
    }
    header .logo {
        width: 210px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em;
        border: none;
    }
    header strong {
        font-size: 1.95em;
        font-weight: bold;
        vertical-align: middle;
        margin-top: 5px;
        display: inline-block;
    }
    .demo {
        margin: 2em auto;
        line-height: 1.25em;
    }
    .demo ul li {
        margin-bottom: 1em;
    }
    .demo ul li .num {
        color: #222;
        border-radius: 20px;
        display: inline-block;
        width: 26px;
        padding: 3px;
        height: 26px;
        text-align: center;
        margin-right: 0.5em;
        border: 1px solid #222;
    }
    .demo ul li code {
        background-color: #222;
        border-radius: 4px;
        padding: 0.25em 0.5em;
        display: inline-block;
        color: #fff;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
        font-weight: lighter;
        margin-top: 1em;
        font-size: 0.8em;
        word-break: break-all;
    }
    .demo ul li code.big {
        padding: 1em;
        font-size: 0.9em;
    }
    .demo ul li code .red {
        color: #EF3159;
    }
    .demo ul li code .green {
        color: #ACFF65;
    }
    .demo ul li code .yellow {
        color: #FFFF99;
    }
    .demo ul li code .blue {
        color: #99D3FF;
    }
    .demo ul li code .purple {
        color: #A295FF;
    }
    .demo ul li code .dots {
        margin-top: 0.5em;
        display: block;
    }
    #glyphs {
        border-bottom: 1px solid #ccc;
        padding: 2em 0;
        text-align: center;
    }
    .glyph {
        display: inline-block;
        width: 9em;
        margin: 1em;
        text-align: center;
        vertical-align: top;
        background: #FFF;
    }
    .glyph .glyph-icon {
        padding: 10px;
        display: block;
        font-family:"Flaticon";
        font-size: 64px;
        line-height: 1;
    }
    .glyph .glyph-icon:before {
        font-size: 64px;
        color: #222;
        margin-left: 0;
    }
    .class-name {
        font-size: 0.65em;
        background-color: #222;
        color: #fff;
        border-radius: 4px 4px 0 0;
        padding: 0.5em;
        color: #FFFF99;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    }
    .author-name {
        font-size: 0.6em;
        background-color: #fcfcfd;
        border: 1px solid #DEDEE4;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        padding: 0.5em;
    }
    .class-name:last-child {
        font-size: 10px;
        color:#888;
    }
    .class-name:last-child a {
        font-size: 10px;
        color:#555;
    }
    .class-name:last-child a:hover {
        color:#a9fd00;
    }
    .glyph > input {
        display: block;
        width: 100px;
        margin: 5px auto;
        text-align: center;
        font-size: 12px;
        cursor: text;
    }
    .glyph > input.icon-input {
        font-family:"Flaticon";
        font-size: 16px;
        margin-bottom: 10px;
    }
    .attribution .title {
        margin-top: 2em;
    }
    .attribution textarea {
        background-color: #fcfcfd;
        padding: 1em;
        border: none;
        box-shadow: none;
        border: 1px solid #DEDEE4;
        border-radius: 4px;
        resize: none;
        width: 100%;
        height: 150px;
        font-size: 0.8em;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
        -webkit-appearance: none;
    }
    .iconsuse {
        margin: 2em auto;
        text-align: center;
        max-width: 1200px;
    }
    .iconsuse:after {
        content: '';
        display: table;
        clear: both;
    }
    .iconsuse .image {
        float: left;
        width: 25%;
        padding: 0 1em;
    }
    .iconsuse .image p {
        margin-bottom: 1em;
    }
    .iconsuse .image span {
        display: block;
        font-size: 0.65em;
        background-color: #222;
        color: #fff;
        border-radius: 4px;
        padding: 0.5em;
        color: #FFFF99;
        margin-top: 1em;
        font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    }
    #footer {
        text-align: center;
        background-color: #4C5B5C;
        color: #7c9192;
        padding: 1em;
    }
    #footer a {
        border: none;
        color: #a9fd00;
        font-weight: normal;
    }
    @media (max-width: 960px) {
        .iconsuse .image {
            width: 50%;
        }
    }
    @media (max-width: 560px) {
        .iconsuse .image {
            width: 100%;
        }
    }
    </style>
</head>

<p class="title">Instructions</p>

<ul>
            <li>
                <span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
            </li>
            <li>
                <span class="num">2</span>Add the CSS link to your website source code on header.
                <code class="big">
                    &lt;<span class="red">head</span>&gt;
                    <br/><span class="dots">...</span>
                    <br/>&lt;<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>&gt;
                    <br/><span class="dots">...</span>
                    <br/>&lt;/<span class="red">head</span>&gt;
                </code>
            </li>

<li>
                <p>
                    <span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements:
                    <br />
                    Use example: <code>&lt;<span class="red">i</span> <span class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span class="red">i</span>&gt;</code> or <code>&lt;<span class="red">span</span> <span class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span class="red">span</span>&gt;</code>
            </li>
        </ul>

</section>

<section id="glyphs">          
    
      
        <div class="glyph"><div class="glyph-icon flaticon-web-browser"></div>
            <div class="class-name">.flaticon-web-browser</div>
            <div class="author-name">Author: <a data-file="001-web-browser" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-user"></div>
            <div class="class-name">.flaticon-user</div>
            <div class="author-name">Author: <a data-file="002-user" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-youtube"></div>
            <div class="class-name">.flaticon-youtube</div>
            <div class="author-name">Author: <a data-file="003-youtube" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-video"></div>
            <div class="class-name">.flaticon-video</div>
            <div class="author-name">Author: <a data-file="004-video" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-placeholder"></div>
            <div class="class-name">.flaticon-placeholder</div>
            <div class="author-name">Author: <a data-file="005-placeholder" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-location"></div>
            <div class="class-name">.flaticon-location</div>
            <div class="author-name">Author: <a data-file="006-location" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-flag"></div>
            <div class="class-name">.flaticon-flag</div>
            <div class="author-name">Author: <a data-file="007-flag" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-real-state"></div>
            <div class="class-name">.flaticon-real-state</div>
            <div class="author-name">Author: <a data-file="008-real-state" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-home"></div>
            <div class="class-name">.flaticon-home</div>
            <div class="author-name">Author: <a data-file="009-home" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-settings"></div>
            <div class="class-name">.flaticon-settings</div>
            <div class="author-name">Author: <a data-file="010-settings" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-settings-1"></div>
            <div class="class-name">.flaticon-settings-1</div>
            <div class="author-name">Author: <a data-file="011-settings-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-admin"></div>
            <div class="class-name">.flaticon-admin</div>
            <div class="author-name">Author: <a data-file="012-admin" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-settings-2"></div>
            <div class="class-name">.flaticon-settings-2</div>
            <div class="author-name">Author: <a data-file="013-settings-2" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-optimization"></div>
            <div class="class-name">.flaticon-optimization</div>
            <div class="author-name">Author: <a data-file="014-optimization" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-settings-3"></div>
            <div class="class-name">.flaticon-settings-3</div>
            <div class="author-name">Author: <a data-file="015-settings-3" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-layout"></div>
            <div class="class-name">.flaticon-layout</div>
            <div class="author-name">Author: <a data-file="016-layout" href="https://www.flaticon.com/authors/mynamepong">mynamepong</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-team"></div>
            <div class="class-name">.flaticon-team</div>
            <div class="author-name">Author: <a data-file="017-team" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-browser"></div>
            <div class="class-name">.flaticon-browser</div>
            <div class="author-name">Author: <a data-file="018-browser" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-online-education"></div>
            <div class="class-name">.flaticon-online-education</div>
            <div class="author-name">Author: <a data-file="019-online-education" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-computer"></div>
            <div class="class-name">.flaticon-computer</div>
            <div class="author-name">Author: <a data-file="020-computer" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-translator"></div>
            <div class="class-name">.flaticon-translator</div>
            <div class="author-name">Author: <a data-file="021-translator" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-document"></div>
            <div class="class-name">.flaticon-document</div>
            <div class="author-name">Author: <a data-file="022-document" href="https://www.flaticon.com/authors/monkik">monkik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-favorite"></div>
            <div class="class-name">.flaticon-favorite</div>
            <div class="author-name">Author: <a data-file="023-favorite" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-list"></div>
            <div class="class-name">.flaticon-list</div>
            <div class="author-name">Author: <a data-file="024-list" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-rec"></div>
            <div class="class-name">.flaticon-rec</div>
            <div class="author-name">Author: <a data-file="025-rec" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-coupon"></div>
            <div class="class-name">.flaticon-coupon</div>
            <div class="author-name">Author: <a data-file="026-coupon" href="https://www.flaticon.com/authors/payungkead">Payungkead</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-teacher"></div>
            <div class="class-name">.flaticon-teacher</div>
            <div class="author-name">Author: <a data-file="027-teacher" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-customer"></div>
            <div class="class-name">.flaticon-customer</div>
            <div class="author-name">Author: <a data-file="028-customer" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-graduation"></div>
            <div class="class-name">.flaticon-graduation</div>
            <div class="author-name">Author: <a data-file="029-graduation" href="https://www.flaticon.com/authors/catkuro">catkuro</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-cart"></div>
            <div class="class-name">.flaticon-shopping-cart</div>
            <div class="author-name">Author: <a data-file="030-shopping-cart" href="https://www.flaticon.com/authors/fjstudio">fjstudio</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-browser-1"></div>
            <div class="class-name">.flaticon-browser-1</div>
            <div class="author-name">Author: <a data-file="031-browser-1" href="https://www.flaticon.com/authors/prettycons">prettycons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-faq"></div>
            <div class="class-name">.flaticon-faq</div>
            <div class="author-name">Author: <a data-file="032-faq" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-chat"></div>
            <div class="class-name">.flaticon-chat</div>
            <div class="author-name">Author: <a data-file="033-chat" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-payment"></div>
            <div class="class-name">.flaticon-payment</div>
            <div class="author-name">Author: <a data-file="034-payment" href="https://www.flaticon.com/authors/catkuro">catkuro</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-pending"></div>
            <div class="class-name">.flaticon-pending</div>
            <div class="author-name">Author: <a data-file="035-pending" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-file"></div>
            <div class="class-name">.flaticon-file</div>
            <div class="author-name">Author: <a data-file="036-file" href="https://www.flaticon.com/authors/iconixar">iconixar</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-report"></div>
            <div class="class-name">.flaticon-report</div>
            <div class="author-name">Author: <a data-file="037-report" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-error"></div>
            <div class="class-name">.flaticon-error</div>
            <div class="author-name">Author: <a data-file="038-error" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-question-mark"></div>
            <div class="class-name">.flaticon-question-mark</div>
            <div class="author-name">Author: <a data-file="039-question-mark" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-question"></div>
            <div class="class-name">.flaticon-question</div>
            <div class="author-name">Author: <a data-file="040-question" href="https://www.flaticon.com/authors/catkuro">catkuro</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-tools"></div>
            <div class="class-name">.flaticon-tools</div>
            <div class="author-name">Author: <a data-file="041-tools" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-slider-tool"></div>
            <div class="class-name">.flaticon-slider-tool</div>
            <div class="author-name">Author: <a data-file="042-slider-tool" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sliders"></div>
            <div class="class-name">.flaticon-sliders</div>
            <div class="author-name">Author: <a data-file="043-sliders" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-sliders-1"></div>
            <div class="class-name">.flaticon-sliders-1</div>
            <div class="author-name">Author: <a data-file="044-sliders-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-document-1"></div>
            <div class="class-name">.flaticon-document-1</div>
            <div class="author-name">Author: <a data-file="045-document-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shuttle"></div>
            <div class="class-name">.flaticon-shuttle</div>
            <div class="author-name">Author: <a data-file="046-shuttle" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-project-management"></div>
            <div class="class-name">.flaticon-project-management</div>
            <div class="author-name">Author: <a data-file="047-project-management" href="https://www.flaticon.com/authors/ddara">dDara</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-honesty"></div>
            <div class="class-name">.flaticon-honesty</div>
            <div class="author-name">Author: <a data-file="048-honesty" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-folder"></div>
            <div class="class-name">.flaticon-folder</div>
            <div class="author-name">Author: <a data-file="049-folder" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-rate"></div>
            <div class="class-name">.flaticon-rate</div>
            <div class="author-name">Author: <a data-file="050-rate" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-digital-marketing"></div>
            <div class="class-name">.flaticon-digital-marketing</div>
            <div class="author-name">Author: <a data-file="051-digital-marketing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-personal-information"></div>
            <div class="class-name">.flaticon-personal-information</div>
            <div class="author-name">Author: <a data-file="052-personal-information" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-smartphone"></div>
            <div class="class-name">.flaticon-smartphone</div>
            <div class="author-name">Author: <a data-file="053-smartphone" href="https://www.flaticon.com/authors/phatplus">phatplus</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-fast-time"></div>
            <div class="class-name">.flaticon-fast-time</div>
            <div class="author-name">Author: <a data-file="054-fast-time" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-terms-and-conditions"></div>
            <div class="class-name">.flaticon-terms-and-conditions</div>
            <div class="author-name">Author: <a data-file="055-terms-and-conditions" href="https://www.flaticon.com/authors/monkik">monkik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-insurance"></div>
            <div class="class-name">.flaticon-insurance</div>
            <div class="author-name">Author: <a data-file="056-insurance" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-bank"></div>
            <div class="class-name">.flaticon-bank</div>
            <div class="author-name">Author: <a data-file="057-bank" href="https://www.flaticon.com/authors/phatplus">phatplus</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-responsive-design"></div>
            <div class="class-name">.flaticon-responsive-design</div>
            <div class="author-name">Author: <a data-file="058-responsive-design" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-video-1"></div>
            <div class="class-name">.flaticon-video-1</div>
            <div class="author-name">Author: <a data-file="059-video-1" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-video-advertising"></div>
            <div class="class-name">.flaticon-video-advertising</div>
            <div class="author-name">Author: <a data-file="060-video-advertising" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-mobile-marketing"></div>
            <div class="class-name">.flaticon-mobile-marketing</div>
            <div class="author-name">Author: <a data-file="061-mobile-marketing" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-turntable"></div>
            <div class="class-name">.flaticon-turntable</div>
            <div class="author-name">Author: <a data-file="062-turntable" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-translation"></div>
            <div class="class-name">.flaticon-translation</div>
            <div class="author-name">Author: <a data-file="063-translation" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-phone-book"></div>
            <div class="class-name">.flaticon-phone-book</div>
            <div class="author-name">Author: <a data-file="064-phone-book" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-interface"></div>
            <div class="class-name">.flaticon-interface</div>
            <div class="author-name">Author: <a data-file="065-interface" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-book"></div>
            <div class="class-name">.flaticon-book</div>
            <div class="author-name">Author: <a data-file="066-book" href="https://www.flaticon.com/authors/becris">Becris</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-cart-1"></div>
            <div class="class-name">.flaticon-shopping-cart-1</div>
            <div class="author-name">Author: <a data-file="067-shopping-cart-1" href="https://www.flaticon.com/authors/srip">srip</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-document-2"></div>
            <div class="class-name">.flaticon-document-2</div>
            <div class="author-name">Author: <a data-file="068-document-2" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-customer-1"></div>
            <div class="class-name">.flaticon-customer-1</div>
            <div class="author-name">Author: <a data-file="069-customer-1" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-live"></div>
            <div class="class-name">.flaticon-live</div>
            <div class="author-name">Author: <a data-file="070-live" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-live-1"></div>
            <div class="class-name">.flaticon-live-1</div>
            <div class="author-name">Author: <a data-file="071-live-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money"></div>
            <div class="class-name">.flaticon-money</div>
            <div class="author-name">Author: <a data-file="072-money" href="https://www.flaticon.com/authors/surang">surang</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-wallet"></div>
            <div class="class-name">.flaticon-wallet</div>
            <div class="author-name">Author: <a data-file="073-wallet" href="https://www.flaticon.com/authors/catkuro">catkuro</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-money-1"></div>
            <div class="class-name">.flaticon-money-1</div>
            <div class="author-name">Author: <a data-file="074-money-1" href="https://www.flaticon.com/authors/pause08">Pause08</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-followers"></div>
            <div class="class-name">.flaticon-followers</div>
            <div class="author-name">Author: <a data-file="075-followers" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-online-business"></div>
            <div class="class-name">.flaticon-online-business</div>
            <div class="author-name">Author: <a data-file="076-online-business" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-questions"></div>
            <div class="class-name">.flaticon-questions</div>
            <div class="author-name">Author: <a data-file="077-questions" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-help"></div>
            <div class="class-name">.flaticon-help</div>
            <div class="author-name">Author: <a data-file="078-help" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-test"></div>
            <div class="class-name">.flaticon-test</div>
            <div class="author-name">Author: <a data-file="079-test" href="https://www.flaticon.com/authors/becris">Becris</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-heart"></div>
            <div class="class-name">.flaticon-heart</div>
            <div class="author-name">Author: <a data-file="080-heart" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-shopping-bag"></div>
            <div class="class-name">.flaticon-shopping-bag</div>
            <div class="author-name">Author: <a data-file="081-shopping-bag" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-smartphone-1"></div>
            <div class="class-name">.flaticon-smartphone-1</div>
            <div class="author-name">Author: <a data-file="082-smartphone-1" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-email"></div>
            <div class="class-name">.flaticon-email</div>
            <div class="author-name">Author: <a data-file="083-email" href="http://www.freepik.com">Freepik</a> </div> 
        </div>        
        
        <div class="glyph"><div class="glyph-icon flaticon-share"></div>
            <div class="class-name">.flaticon-share</div>
            <div class="author-name">Author: <a data-file="084-share" href="http://www.freepik.com">Freepik</a> </div> 
        </div>

</section>

<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="084-share" href="http://www.freepik.com">Freepik</a>, <a data-file="005-placeholder" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="067-shopping-cart-1" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="016-layout" href="https://www.flaticon.com/authors/mynamepong">mynamepong</a>, <a data-file="017-team" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a>, <a data-file="080-heart" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="077-questions" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="055-terms-and-conditions" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="023-favorite" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="026-coupon" href="https://www.flaticon.com/authors/payungkead">Payungkead</a>, <a data-file="073-wallet" href="https://www.flaticon.com/authors/catkuro">catkuro</a>, <a data-file="030-shopping-cart" href="https://www.flaticon.com/authors/fjstudio">fjstudio</a>, <a data-file="031-browser-1" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="036-file" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="076-online-business" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="047-project-management" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="051-digital-marketing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="057-bank" href="https://www.flaticon.com/authors/phatplus">phatplus</a>, <a data-file="068-document-2" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="079-test" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="069-customer-1" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="071-live-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="072-money" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="074-money-1" href="https://www.flaticon.com/authors/pause08">Pause08</a>, <a data-file="082-smartphone-1" href="https://www.flaticon.com/authors/itim2101">itim2101</a></p>  </div>
      </div>
      <div class="title">Copy the Attribution License:</div>

<textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;https://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="084-share" href="http://www.freepik.com">Freepik</a>, <a data-file="005-placeholder" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="067-shopping-cart-1" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="016-layout" href="https://www.flaticon.com/authors/mynamepong">mynamepong</a>, <a data-file="017-team" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a>, <a data-file="080-heart" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="077-questions" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="055-terms-and-conditions" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="023-favorite" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="026-coupon" href="https://www.flaticon.com/authors/payungkead">Payungkead</a>, <a data-file="073-wallet" href="https://www.flaticon.com/authors/catkuro">catkuro</a>, <a data-file="030-shopping-cart" href="https://www.flaticon.com/authors/fjstudio">fjstudio</a>, <a data-file="031-browser-1" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="036-file" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="076-online-business" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="047-project-management" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="051-digital-marketing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="057-bank" href="https://www.flaticon.com/authors/phatplus">phatplus</a>, <a data-file="068-document-2" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="079-test" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="069-customer-1" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="071-live-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="072-money" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="074-money-1" href="https://www.flaticon.com/authors/pause08">Pause08</a>, <a data-file="082-smartphone-1" href="https://www.flaticon.com/authors/itim2101">itim2101</a></p>  
     </textarea>

</section>

<div class="title">Examples:</div>            
             
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-web-browser"></i> 
                    <span>&lt;i class=&quot;flaticon-web-browser&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-user"></i> 
                    <span>&lt;i class=&quot;flaticon-user&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-youtube"></i> 
                    <span>&lt;i class=&quot;flaticon-youtube&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
            
            <div class="image">
                <p>
                    <i class="glyph-icon flaticon-video"></i> 
                    <span>&lt;i class=&quot;flaticon-video&quot;&gt;&lt;/i&gt;</span>
                </p>
            </div>
                       
        </div>
                            
    </section>

<div id="footer">
    <div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
    </div>
</div>

</body>
</html>

Flaticon WebFont

Font Demo

Instructions

1Copy the "Fonts" files and CSS files to your website CSS folder.
2Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-web-browser

Author: Freepik

.flaticon-user

Author: Freepik

.flaticon-youtube

Author: Freepik

.flaticon-video

Author: Freepik

.flaticon-placeholder

Author: DinosoftLabs

.flaticon-location

Author: srip

.flaticon-flag

Author: Freepik

.flaticon-real-state

Author: Freepik

.flaticon-home

Author: Freepik

.flaticon-settings

Author: Freepik

.flaticon-settings-1

Author: Freepik

.flaticon-admin

Author: Freepik

.flaticon-settings-2

Author: Freepik

.flaticon-optimization

Author: Freepik

.flaticon-settings-3

Author: Freepik

.flaticon-layout

Author: mynamepong

.flaticon-team

Author: ultimatearm

.flaticon-browser

Author: Smashicons

.flaticon-online-education

Author: Freepik

.flaticon-computer

Author: Eucalyp

.flaticon-translator

Author: Freepik

.flaticon-document

Author: monkik

.flaticon-favorite

Author: bqlqn

.flaticon-list

Author: Freepik

.flaticon-rec

Author: Freepik

.flaticon-coupon

Author: Payungkead

.flaticon-teacher

Author: Eucalyp

.flaticon-customer

Author: Freepik

.flaticon-graduation

Author: catkuro

.flaticon-shopping-cart

Author: fjstudio

.flaticon-browser-1

Author: prettycons

.flaticon-faq

Author: Freepik

.flaticon-chat

Author: Freepik

.flaticon-payment

Author: catkuro

.flaticon-pending

Author: Freepik

.flaticon-file

Author: iconixar

.flaticon-report

Author: Freepik

.flaticon-error

Author: Pixel perfect

.flaticon-question-mark

Author: Pixel perfect

.flaticon-question

Author: catkuro

.flaticon-tools

Author: Freepik

.flaticon-slider-tool

Author: Freepik

.flaticon-sliders

Author: Freepik

.flaticon-sliders-1

Author: Smashicons

.flaticon-document-1

Author: Freepik

.flaticon-shuttle

Author: Freepik

.flaticon-project-management

Author: dDara

.flaticon-honesty

Author: Freepik

.flaticon-folder

Author: Freepik

.flaticon-rate

Author: Freepik

.flaticon-digital-marketing

Author: Nhor Phai

.flaticon-personal-information

Author: Freepik

.flaticon-smartphone

Author: phatplus

.flaticon-fast-time

Author: Freepik

.flaticon-terms-and-conditions

Author: monkik

.flaticon-insurance

Author: Freepik

.flaticon-bank

Author: phatplus

.flaticon-responsive-design

Author: Freepik

.flaticon-video-1

Author: Freepik

.flaticon-video-advertising

Author: Freepik

.flaticon-mobile-marketing

Author: Freepik

.flaticon-turntable

Author: Freepik

.flaticon-translation

Author: Freepik

.flaticon-phone-book

Author: smalllikeart

.flaticon-interface

Author: Freepik

.flaticon-book

Author: Becris

.flaticon-shopping-cart-1

Author: srip

.flaticon-document-2

Author: smalllikeart

.flaticon-customer-1

Author: Icongeek26

.flaticon-live

Author: Freepik

.flaticon-live-1

Author: xnimrodx

.flaticon-money

Author: surang

.flaticon-wallet

Author: catkuro

.flaticon-money-1

Author: Pause08

.flaticon-followers

Author: Freepik

.flaticon-online-business

Author: Pixel perfect

.flaticon-questions

Author: Eucalyp

.flaticon-help

Author: Freepik

.flaticon-test

Author: Becris

.flaticon-heart

Author: Smashicons

.flaticon-shopping-bag

Author: itim2101

.flaticon-smartphone-1

Author: itim2101

.flaticon-email

Author: Freepik

.flaticon-share

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, DinosoftLabs, srip, mynamepong, ultimatearm, Smashicons, Eucalyp, monkik, bqlqn, Payungkead, catkuro, fjstudio, prettycons, iconixar, Pixel perfect, dDara, Nhor Phai, phatplus, smalllikeart, Becris, Icongeek26, xnimrodx, surang, Pause08, itim2101

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="084-share" href="http://www.freepik.com">Freepik</a>, <a data-file="005-placeholder" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="067-shopping-cart-1" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="016-layout" href="https://www.flaticon.com/authors/mynamepong">mynamepong</a>, <a data-file="017-team" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a>, <a data-file="080-heart" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="077-questions" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="055-terms-and-conditions" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="023-favorite" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="026-coupon" href="https://www.flaticon.com/authors/payungkead">Payungkead</a>, <a data-file="073-wallet" href="https://www.flaticon.com/authors/catkuro">catkuro</a>, <a data-file="030-shopping-cart" href="https://www.flaticon.com/authors/fjstudio">fjstudio</a>, <a data-file="031-browser-1" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="036-file" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="076-online-business" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="047-project-management" href="https://www.flaticon.com/authors/ddara">dDara</a>, <a data-file="051-digital-marketing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="057-bank" href="https://www.flaticon.com/authors/phatplus">phatplus</a>, <a data-file="068-document-2" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="079-test" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="069-customer-1" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="071-live-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="072-money" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="074-money-1" href="https://www.flaticon.com/authors/pause08">Pause08</a>, <a data-file="082-smartphone-1" href="https://www.flaticon.com/authors/itim2101">itim2101</a></p>

Examples: