Skip to main content

icon-maximize


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F146
  • CSS: \F146
  • JS: \uF146
  • HTML: &#xF146;

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-maximize" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.92 1.92a2 2 0 0 1 1.413-.587h2a.667.667 0 0 1 0 1.333h-2a.667.667 0 0 0-.666.667v2a.667.667 0 0 1-1.333 0v-2A2 2 0 0 1 1.92 1.92ZM10 2a.667.667 0 0 1 .667-.667h2a2 2 0 0 1 2 2v2a.667.667 0 1 1-1.333 0v-2a.666.666 0 0 0-.667-.667h-2A.667.667 0 0 1 10 2Zm-8 8a.667.667 0 0 1 .667.666v2a.666.666 0 0 0 .667.667h2a.666.666 0 1 1 0 1.333h-2a2 2 0 0 1-2-2v-2A.667.667 0 0 1 2 10Zm12 0a.667.667 0 0 1 .667.666v2a2 2 0 0 1-2 2h-2a.667.667 0 1 1 0-1.333h2a.666.666 0 0 0 .667-.667v-2A.667.667 0 0 1 14 10Z"/>
</svg>