Search code examples
htmlcssglyphicons

Regular glyphicons usage in html


I'm trying to use glyphicons from glyphicons(dot)com but I couldn't find out how to use them in my code... Should I make some kind of css file (like it's done in bootstrap) or should I link it somehow into my html? I hope someone knows the answer :) Thanks!

<li><a href="#"><span class="glyphicons-44-group"></span> Clans </a></li>

If it helps, this is e.g one of my code where I want to use glyphicon (with glyphicon code). Btw, path is "glyph/glyph/glyph/png"


Solution

  • For GLYPHICONS use. You need to buy License or use free. If you want to free then you will get small

    GLYPHICONS Basic set

    .png icons.

    Examples of use

    <img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

    All License

    GLYPHICONS Basic set

    GLYPHICONS Halflings

    GLYPHICONS Filetypes

    GLYPHICONS Social

    All sets in raster files*

    Commercial use**

    Examples of use

    <img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" />

    PRO License

    GLYPHICONS Basic set

    GLYPHICONS Halflings

    GLYPHICONS Filetypes

    GLYPHICONS Social

    All sets in raster files*

    All sets in vector files

    All sets as a web font

    All sets in live HTML/CSS

    Future updates for free

    Commercial use**

    Examples of use

    <img src="path/glyphicons-11-envelope.png" alt="glyphicons envelope icon" height="16" width="24" /> /* Note: You can use @2x and @3x size. */

    <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> /* This is for example */
    

    Only free use GLYPHICONS icon using HTML/CSS from Twitter-Bootstrap file.

    Examples of use

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    
    <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>
    

    That's all know about the GLYPHICON.