icon-recap

Examples

Heading

Smaller heading

Inline text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-recap"></s-icon>

Icon font

Using the web font? Copy, paste, and go.

<span class="sf-main sf-icon-recap"></span>

Code point

Unicode: U+F163
CSS: \F163
JS: \uF163
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-recap" viewBox="0 0 16 16">
  <g clip-path="url(#a)">
    <path d="M1.333 7.334V6a3.333 3.333 0 0 1 3.333-3.334h7.724L10.862 1.14a.666.666 0 0 1 .942-.943l2.667 2.667a.674.674 0 0 1 .195.454v.034a.665.665 0 0 1-.192.454l-2.666 2.667a.667.667 0 1 1-.943-.943l1.525-1.528H4.666a2 2 0 0 0-2 2v1.333a.667.667 0 0 1-1.333 0ZM14 8a.667.667 0 0 0-.667.666V10a2 2 0 0 1-2 2H3.609l1.529-1.53a.667.667 0 0 0-.943-.942l-2.667 2.667a.667.667 0 0 0-.192.454v.035a.666.666 0 0 0 .193.454l2.667 2.667a.666.666 0 1 0 .942-.943l-1.529-1.53h7.724A3.333 3.333 0 0 0 14.666 10V8.667A.667.667 0 0 0 14 8.001Z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path d="M0 0h16v16H0z"/>
    </clipPath>
  </defs>
</svg>