basket shopping icon

basket-shopping from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: basket-shopping
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

Use the basket shopping icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32l51.9 207.5C91 492 116.6 512 146 512h284c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32h-85.6L365.3 12.9c-6.1-11.7-20.6-16.3-32.4-10.2s-16.3 20.6-10.2 32.4L404.3 192H171.7zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16m96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16m128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBasketShopping(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32l51.9 207.5C91 492 116.6 512 146 512h284c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32h-85.6L365.3 12.9c-6.1-11.7-20.6-16.3-32.4-10.2s-16.3 20.6-10.2 32.4L404.3 192H171.7zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16m96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16m128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32l51.9 207.5C91 492 116.6 512 146 512h284c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32h-85.6L365.3 12.9c-6.1-11.7-20.6-16.3-32.4-10.2s-16.3 20.6-10.2 32.4L404.3 192H171.7zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16m96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16m128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16v-96c0-8.8 7.2-16 16-16s16 7.2 16 16"/></svg>
</template>

CSS

.icon-basket-shopping {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M253.3%2035.1c6.1-11.8%201.5-26.3-10.2-32.4s-26.3-1.5-32.4%2010.2L117.6%20192H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l51.9%20207.5C91%20492%20116.6%20512%20146%20512h284c29.4%200%2055-20%2062.1-48.5L544%20256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-85.6L365.3%2012.9c-6.1-11.7-20.6-16.3-32.4-10.2s-16.3%2020.6-10.2%2032.4L404.3%20192H171.7zM192%20304v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16s16%207.2%2016%2016m96-16c8.8%200%2016%207.2%2016%2016v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16m128%2016v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16s16%207.2%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M253.3%2035.1c6.1-11.8%201.5-26.3-10.2-32.4s-26.3-1.5-32.4%2010.2L117.6%20192H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l51.9%20207.5C91%20492%20116.6%20512%20146%20512h284c29.4%200%2055-20%2062.1-48.5L544%20256c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-85.6L365.3%2012.9c-6.1-11.7-20.6-16.3-32.4-10.2s-16.3%2020.6-10.2%2032.4L404.3%20192H171.7zM192%20304v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16s16%207.2%2016%2016m96-16c8.8%200%2016%207.2%2016%2016v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16m128%2016v96c0%208.8-7.2%2016-16%2016s-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16s16%207.2%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/basket-shopping.svg?color=%231a73e8&size=48