resize

API Methods

setDimension

Attribute Names

data-dimension

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

        Semantic SVG

        data-dimension

        Sets dimension to resize

        • both

          <img data-dimension="both" data-src="resize.svg" class="iconic" alt="resize" />
          
        • width

          <img data-dimension="width" data-src="resize.svg" class="iconic" alt="resize" />
          
        • height

          <img data-dimension="height" data-src="resize.svg" class="iconic" alt="resize" />
          
        Method name

        Options/Examples

        setDimension(dimension)

        both
        width
        height

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

        • resize-width

        • resize-height

        was copied for yah