Cart

basket, bag, checkout, store

Live preview

Tune size, color, and stroke width before copying the icon into your UI.

Size

96px

Stroke width

1.8

Color

#111827

Export

Copy the original SVG, copy a ready-to-use JSX component, or download the source file.

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true">
  <path
    d="M4.75 6H6.25L7.8 14.25H17.25L19 8.25H8.55"
    stroke="#111827"
    stroke-width="1.8"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
  <circle cx="9.5" cy="18" r="1.25" fill="#111827" />
  <circle cx="16.5" cy="18" r="1.25" fill="#111827" />
</svg>

import type { SVGProps } from "react";

export function CartIcon(props: SVGProps<SVGSVGElement>) {
  return (
      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true" {...props}>
        <path
          d="M4.75 6H6.25L7.8 14.25H17.25L19 8.25H8.55"
          stroke="#111827"
          strokeWidth="1.8"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <circle cx="9.5" cy="18" r="1.25" fill="#111827" />
        <circle cx="16.5" cy="18" r="1.25" fill="#111827" />
      </svg>
  );
}

Category

Commerce

Style

Outline