Skip to main content

icon-shopping-bag

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-shopping-bag"></s-icon>

Icon font

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

<span class="sf-main sf-icon-shopping-bag"></span>

Code point

  • Unicode: U+F1A1
  • CSS: \F1A1
  • JS: \uF1A1
  • HTML: &#xF1A1;

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-shopping-bag" viewBox="0 0 16 16">
  <path d="M12 4h-1.333a2.666 2.666 0 1 0-5.334 0H4c-.733 0-1.333.6-1.333 1.333v8c0 .734.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.333v-8C13.333 4.6 12.733 4 12 4ZM8 2.667c.733 0 1.333.6 1.333 1.333H6.667c0-.733.6-1.333 1.333-1.333Zm4 10.666H4v-8h1.333v1.334c0 .367.3.667.667.667.367 0 .667-.3.667-.667V5.334h2.666v1.333c0 .367.3.667.667.667.367 0 .667-.3.667-.667V5.334H12v8Z"/>
</svg>