icon-skip-forward

Examples

Heading

Smaller heading

Inline text

Icon Component

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

<s-icon name="icon-skip-forward"></s-icon>

Icon font

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

<span class="sf-main sf-icon-skip-forward"></span>

Code point

Unicode: U+F176
CSS: \F176
JS: \uF176
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-skip-forward" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M3.046 2.054a.668.668 0 0 1 .667.08l6.667 5.334a.667.667 0 0 1 0 1.04L3.713 13.84a.668.668 0 0 1-.667.08.67.67 0 0 1-.38-.6V2.654a.67.67 0 0 1 .38-.6ZM4 4.041v7.893l4.933-3.946L4 4.04Zm8.666-1.387c.367 0 .667.3.667.667v9.333c0 .367-.3.667-.667.667a.669.669 0 0 1-.666-.667V3.321c0-.367.3-.667.666-.667Z"/>
</svg>