Skip to main content

icon-grid-view

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-grid-view"></s-icon>

Icon font

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

<span class="sf-main sf-icon-grid-view"></span>

Code point

  • Unicode: U+F138
  • CSS: \F138
  • JS: \uF138
  • HTML: &#xF138;

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-grid-view" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M1.333 2c0-.367.3-.667.667-.667h4.666c.367 0 .667.3.667.667v4.666c0 .367-.3.667-.667.667H2a.669.669 0 0 1-.667-.667V2Zm1.333.666V6H6V2.666H2.666Zm6-.666c0-.367.3-.667.667-.667H14c.366 0 .666.3.666.667v4.666c0 .367-.3.667-.666.667H9.333a.669.669 0 0 1-.667-.667V2ZM10 2.666V6h3.333V2.666H10ZM8.666 9.333c0-.367.3-.667.667-.667H14c.366 0 .666.3.666.667V14c0 .366-.3.666-.666.666H9.333A.669.669 0 0 1 8.666 14V9.333ZM10 10v3.333h3.333V10H10Zm-8.667-.667c0-.367.3-.667.667-.667h4.666c.367 0 .667.3.667.667V14c0 .366-.3.666-.667.666H2A.669.669 0 0 1 1.333 14V9.333ZM2.666 10v3.333H6V10H2.666Z"/>
</svg>