Skip to main content

icon-filter-sort

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-filter-sort"></s-icon>

Icon font

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

<span class="sf-main sf-icon-filter-sort"></span>

Code point

  • Unicode: U+F136
  • CSS: \F136
  • JS: \uF136
  • HTML: &#xF136;

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-filter-sort" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M2 6.666V2c0-.367.3-.667.667-.667.366 0 .666.3.666.667v4.666c0 .367-.3.667-.666.667A.669.669 0 0 1 2 6.666Zm6 .667c-.367 0-.667.3-.667.667v6c0 .366.3.666.667.666.367 0 .667-.3.667-.666V8c0-.367-.3-.667-.667-.667Zm5.333 1.333c.367 0 .667-.3.667-.666V2c0-.367-.3-.667-.667-.667-.366 0-.666.3-.666.667v6c0 .366.3.666.666.666Zm-8.666 0h-4c-.367 0-.667.3-.667.667C0 9.7.3 10 .667 10H2v4c0 .366.3.666.667.666.366 0 .666-.3.666-.666v-4h1.334c.366 0 .666-.3.666-.667 0-.367-.3-.667-.666-.667Zm5.333-4H8.667V2c0-.367-.3-.667-.667-.667-.367 0-.667.3-.667.667v2.666H6c-.367 0-.667.3-.667.667 0 .367.3.667.667.667h4c.367 0 .667-.3.667-.667 0-.367-.3-.667-.667-.667ZM15.333 10h-4c-.366 0-.666.3-.666.666 0 .367.3.667.666.667h1.334V14c0 .366.3.666.666.666.367 0 .667-.3.667-.666v-2.667h1.333c.367 0 .667-.3.667-.667 0-.366-.3-.666-.667-.666Z"/>
</svg>