Skip to main content

icon-layout


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F141
  • CSS: \F141
  • JS: \uF141
  • HTML: &#xF141;

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-layout" viewBox="0 0 16 16">
  <path d="M12.667 1.333H3.333c-1.133 0-2 .867-2 2v9.333c0 1.134.867 2 2 2h9.334c1.133 0 2-.866 2-2V3.333c0-1.133-.867-2-2-2ZM3.333 2.666h9.334c.4 0 .667.267.667.667v2H2.667v-2c0-.4.267-.667.667-.667Zm-.666 10v-6h2.667v6.667h-2c-.4 0-.667-.267-.667-.667Zm10 .667h-6V6.666h6.667v6c0 .4-.267.667-.667.667Z"/>
</svg>