browser-type

API Methods

setType

Attribute Names

data-type

Elements
    Properties
      Sizes
        SVG
        <img data-src="browser-type.svg" class="iconic iconic-sm" alt="browser-type">
        <img data-src="browser-type.svg" class="iconic iconic-md" alt="browser-type">
        <img data-src="browser-type.svg" class="iconic iconic-lg" alt="browser-type">
        
        Default Icon Font
        <span class="iconic iconic-sm" data-glyph="browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        <span class="iconic iconic-md" data-glyph="browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        <span class="iconic iconic-lg" data-glyph="browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        
        Bootstrap Icon Font
        <span class="iconic iconic-browser-type-chrome iconic-sm" title="browser type chrome" aria-hidden="true"></span>
        <span class="iconic iconic-browser-type-chrome iconic-md" title="browser type chrome" aria-hidden="true"></span>
        <span class="iconic iconic-browser-type-chrome iconic-lg" title="browser type chrome" aria-hidden="true"></span>
        
        Foundation Icon Font
        <span class="fi-browser-type-chrome iconic-sm" title="browser type chrome" aria-hidden="true"></span>
        <span class="fi-browser-type-chrome iconic-md" title="browser type chrome" aria-hidden="true"></span>
        <span class="fi-browser-type-chrome iconic-lg" title="browser type chrome" aria-hidden="true"></span>
        
        CSS

        Semantic SVG

        data-type

        Sets the browser type

        • chrome

          <img data-type="chrome" data-src="browser-type.svg" class="iconic" alt="browser-type" />
          
        • firefox

          <img data-type="firefox" data-src="browser-type.svg" class="iconic" alt="browser-type" />
          
        • internetexplorer

          <img data-type="internetexplorer" data-src="browser-type.svg" class="iconic" alt="browser-type" />
          
        • safari

          <img data-type="safari" data-src="browser-type.svg" class="iconic" alt="browser-type" />
          
        Method name

        Options/Examples

        setType(type)

        chrome
        firefox
        internetexplorer
        safari

        Icon Font

        Iconic may be all about SVG, but it also comes with a killer font. For the full skinny, read our icon font and Bootstrap/Foundation guides.

        <!-- Default -->
        <span class="iconic" data-glyph="browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        <!-- Bootstrap -->
        <span class="iconic iconic-browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        <!-- Foundation -->
        <span class="fi-browser-type-chrome" title="browser type chrome" aria-hidden="true"></span>
        
        • browser-type-chrome

        • browser-type-firefox

        • browser-type-internetexplorer

        • browser-type-safari

        was copied for yah