arrow-right-angle-thick

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

        Semantic SVG

        data-direction

        Sets the direction of the arrow

        • bottom-right

          <img data-direction="bottom-right" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • bottom-left

          <img data-direction="bottom-left" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • top-right

          <img data-direction="top-right" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • top-left

          <img data-direction="top-left" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • left-bottom

          <img data-direction="left-bottom" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • right-bottom

          <img data-direction="right-bottom" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • left-top

          <img data-direction="left-top" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • right-top

          <img data-direction="right-top" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          

        data-head

        Sets the arrow head style

        • fill

          <img data-head="fill" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • fill-acute

          <img data-head="fill-acute" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • fill-angled

          <img data-head="fill-angled" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        • line

          <img data-head="line" data-src="arrow-right-angle-thick.svg" class="iconic" alt="arrow-right-angle-thick" />
          
        Method name

        Options/Examples

        setDirection(direction)

        bottom-right
        bottom-left
        top-right
        top-left
        left-bottom
        right-bottom
        left-top
        right-top

        setHead(head)

        fill
        fill-acute
        fill-angled
        line

        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="arrow-right-angle-thick-bottom-right-fill" title="arrow right angle thick bottom right fill" aria-hidden="true"></span>
        <!-- Bootstrap -->
        <span class="iconic iconic-arrow-right-angle-thick-bottom-right-fill" title="arrow right angle thick bottom right fill" aria-hidden="true"></span>
        <!-- Foundation -->
        <span class="fi-arrow-right-angle-thick-bottom-right-fill" title="arrow right angle thick bottom right fill" aria-hidden="true"></span>
        
        • arrow-right-angle-thick-bottom-right-fill

        • arrow-right-angle-thick-bottom-right-fill-acute

        • arrow-right-angle-thick-bottom-right-fill-angled

        • arrow-right-angle-thick-bottom-right-line

        • arrow-right-angle-thick-bottom-left-fill

        • arrow-right-angle-thick-bottom-left-fill-acute

        • arrow-right-angle-thick-bottom-left-fill-angled

        • arrow-right-angle-thick-bottom-left-line

        • arrow-right-angle-thick-top-right-fill

        • arrow-right-angle-thick-top-right-fill-acute

        • arrow-right-angle-thick-top-right-fill-angled

        • arrow-right-angle-thick-top-right-line

        • arrow-right-angle-thick-top-left-fill

        • arrow-right-angle-thick-top-left-fill-acute

        • arrow-right-angle-thick-top-left-fill-angled

        • arrow-right-angle-thick-top-left-line

        • arrow-right-angle-thick-left-bottom-fill

        • arrow-right-angle-thick-left-bottom-fill-acute

        • arrow-right-angle-thick-left-bottom-fill-angled

        • arrow-right-angle-thick-left-bottom-line

        • arrow-right-angle-thick-right-bottom-fill

        • arrow-right-angle-thick-right-bottom-fill-acute

        • arrow-right-angle-thick-right-bottom-fill-angled

        • arrow-right-angle-thick-right-bottom-line

        • arrow-right-angle-thick-left-top-fill

        • arrow-right-angle-thick-left-top-fill-acute

        • arrow-right-angle-thick-left-top-fill-angled

        • arrow-right-angle-thick-left-top-line

        • arrow-right-angle-thick-right-top-fill

        • arrow-right-angle-thick-right-top-fill-acute

        • arrow-right-angle-thick-right-top-fill-angled

        • arrow-right-angle-thick-right-top-line

        was copied for yah