Skip to main content

icon-cart

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F115
  • CSS: \F115
  • JS: \uF115
  • HTML: &#xF115;

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-cart" viewBox="0 0 16 16">
  <g clip-path="url(#a)">
    <path d="M4.667 14a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0ZM12 14a1.333 1.333 0 1 1 2.666 0A1.333 1.333 0 0 1 12 14ZM0 .667A.667.667 0 0 1 .667 0h2.666A.667.667 0 0 1 4 .533l.547 2.8h10.786a.667.667 0 0 1 .667.794L14.933 9.72a2 2 0 0 1-2 1.614H6.46a2 2 0 0 1-2-1.607L3.333 4.16v-.053l-.546-2.774H.667A.667.667 0 0 1 0 .667Zm4.813 4 .96 4.8A.666.666 0 0 0 6.44 10h6.507a.666.666 0 0 0 .666-.533l.914-4.8H4.813Z"/>
  </g>
  <defs>
    <clipPath id="a">
      <path d="M0 0h16v16H0z"/>
    </clipPath>
  </defs>
</svg>