thumb

API Methods

setState

Attribute Names

data-state

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

        Semantic SVG

        data-state

        Toggles between its up and down states

        • up

          <img data-state="up" data-src="thumb.svg" class="iconic" alt="thumb" />

        • down

          <img data-state="down" data-src="thumb.svg" class="iconic" alt="thumb" />
        Method name

        Options/Examples

        setState(state)

        up
        down

        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="thumb-up" title="thumb up" aria-hidden="true"></span>
<!-- Bootstrap -->
<span class="iconic iconic-thumb-up" title="thumb up" aria-hidden="true"></span>
<!-- Foundation -->
<span class="fi-thumb-up" title="thumb up" aria-hidden="true"></span>

        • thumb-up

        • thumb-down

        was copied for yah