Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-trash"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-trash"></span>
Code point
- Unicode:
U+F188
- CSS:
\F188
- JS:
\uF188
- HTML:

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-trash" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 3.334h-2.667v-.667c0-.533-.213-1.04-.587-1.413A1.998 1.998 0 0 0 9.333.667H6.666c-.533 0-1.04.213-1.413.587-.373.373-.587.88-.587 1.413v.667H2c-.367 0-.667.3-.667.666 0 .367.3.667.667.667h.666v8.667c0 .533.214 1.04.587 1.413s.88.587 1.413.587h6.667c.533 0 1.04-.214 1.413-.587.374-.373.587-.88.587-1.413V4.667H14c.366 0 .666-.3.666-.667 0-.366-.3-.666-.666-.666Zm-8-.667c0-.18.073-.347.193-.473A.688.688 0 0 1 6.666 2h2.667c.18 0 .347.074.473.194.12.126.194.293.194.473v.667H6v-.667Zm6 10.667c0 .18-.067.353-.194.473a.688.688 0 0 1-.473.193H4.666a.688.688 0 0 1-.473-.193.688.688 0 0 1-.193-.473V4.667h8v8.667Zm-6-2v-4c0-.367.3-.667.666-.667.367 0 .667.3.667.667v4c0 .366-.3.666-.667.666A.669.669 0 0 1 6 11.334Zm2.666 0v-4c0-.367.3-.667.667-.667.367 0 .667.3.667.667v4c0 .366-.3.666-.667.666a.669.669 0 0 1-.667-.666Z"/>
</svg>