Skip to main content

icon-expand


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F131
  • CSS: \F131
  • JS: \uF131
  • HTML: &#xF131;

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-expand" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M14.667 2v4a.667.667 0 1 1-1.333 0V3.606L9.806 7.14a.67.67 0 1 1-.947-.947l3.534-3.527H10a.667.667 0 1 1 0-1.333h4a.667.667 0 0 1 .667.667ZM6.194 8.86l-3.527 3.533V10a.667.667 0 0 0-1.333 0v4a.667.667 0 0 0 .667.667h4a.667.667 0 1 0 0-1.334H3.606L7.14 9.806a.67.67 0 1 0-.946-.946Z"/>
</svg>