basket icon

basket-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: basket-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

The same icon in other sets

basketAkar Icons basketBootstrap Icons basketBoxIcons v2 basketBoxIcons v2 Solid basketFluent Emoji basketFluent Emoji Flat basketFluent Emoji High Contrast basketHumbleicons basketIonIcons basketMaterial Design Icons basket-fillMingCute Icon basketNoto Emoji basketOpenMoji basketPhosphor basketTabler Icons basket-outlineTeenyicons basketTwitter Emoji

Use the basket icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.947 10.941a2.8 2.8 0 0 0-.52-1.09a2.8 2.8 0 0 0-.94-.76a2.5 2.5 0 0 0-.92-.25a7.46 7.46 0 0 0-2.19-4.62a7.6 7.6 0 0 0-10.74 0a7.46 7.46 0 0 0-2.19 4.62a2.5 2.5 0 0 0-.92.25a2.7 2.7 0 0 0-.94.76a2.74 2.74 0 0 0-.52 2.3l1.57 6.43a4.65 4.65 0 0 0 4.5 3.42h7.71a4.67 4.67 0 0 0 4.51-3.44l1.56-6.41c.1-.396.11-.81.03-1.21m-13.1 6.42a.75.75 0 0 1-1.5 0v-3.94a.75.75 0 1 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm-10.71-8.54a6 6 0 0 1 1.74-3.54a6.11 6.11 0 0 1 8.62 0a6 6 0 0 1 1.74 3.54z"/></svg>

React

import type { SVGProps } from "react";

export function MageBasketFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.947 10.941a2.8 2.8 0 0 0-.52-1.09a2.8 2.8 0 0 0-.94-.76a2.5 2.5 0 0 0-.92-.25a7.46 7.46 0 0 0-2.19-4.62a7.6 7.6 0 0 0-10.74 0a7.46 7.46 0 0 0-2.19 4.62a2.5 2.5 0 0 0-.92.25a2.7 2.7 0 0 0-.94.76a2.74 2.74 0 0 0-.52 2.3l1.57 6.43a4.65 4.65 0 0 0 4.5 3.42h7.71a4.67 4.67 0 0 0 4.51-3.44l1.56-6.41c.1-.396.11-.81.03-1.21m-13.1 6.42a.75.75 0 0 1-1.5 0v-3.94a.75.75 0 1 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm-10.71-8.54a6 6 0 0 1 1.74-3.54a6.11 6.11 0 0 1 8.62 0a6 6 0 0 1 1.74 3.54z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.947 10.941a2.8 2.8 0 0 0-.52-1.09a2.8 2.8 0 0 0-.94-.76a2.5 2.5 0 0 0-.92-.25a7.46 7.46 0 0 0-2.19-4.62a7.6 7.6 0 0 0-10.74 0a7.46 7.46 0 0 0-2.19 4.62a2.5 2.5 0 0 0-.92.25a2.7 2.7 0 0 0-.94.76a2.74 2.74 0 0 0-.52 2.3l1.57 6.43a4.65 4.65 0 0 0 4.5 3.42h7.71a4.67 4.67 0 0 0 4.51-3.44l1.56-6.41c.1-.396.11-.81.03-1.21m-13.1 6.42a.75.75 0 0 1-1.5 0v-3.94a.75.75 0 1 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm3.91 0a.75.75 0 1 1-1.5 0v-3.94a.75.75 0 0 1 1.5 0zm-10.71-8.54a6 6 0 0 1 1.74-3.54a6.11 6.11 0 0 1 8.62 0a6 6 0 0 1 1.74 3.54z"/></svg>
</template>

CSS

.icon-basket-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.947%2010.941a2.8%202.8%200%200%200-.52-1.09a2.8%202.8%200%200%200-.94-.76a2.5%202.5%200%200%200-.92-.25a7.46%207.46%200%200%200-2.19-4.62a7.6%207.6%200%200%200-10.74%200a7.46%207.46%200%200%200-2.19%204.62a2.5%202.5%200%200%200-.92.25a2.7%202.7%200%200%200-.94.76a2.74%202.74%200%200%200-.52%202.3l1.57%206.43a4.65%204.65%200%200%200%204.5%203.42h7.71a4.67%204.67%200%200%200%204.51-3.44l1.56-6.41c.1-.396.11-.81.03-1.21m-13.1%206.42a.75.75%200%200%201-1.5%200v-3.94a.75.75%200%201%201%201.5%200zm3.91%200a.75.75%200%201%201-1.5%200v-3.94a.75.75%200%200%201%201.5%200zm3.91%200a.75.75%200%201%201-1.5%200v-3.94a.75.75%200%200%201%201.5%200zm-10.71-8.54a6%206%200%200%201%201.74-3.54a6.11%206.11%200%200%201%208.62%200a6%206%200%200%201%201.74%203.54z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.947%2010.941a2.8%202.8%200%200%200-.52-1.09a2.8%202.8%200%200%200-.94-.76a2.5%202.5%200%200%200-.92-.25a7.46%207.46%200%200%200-2.19-4.62a7.6%207.6%200%200%200-10.74%200a7.46%207.46%200%200%200-2.19%204.62a2.5%202.5%200%200%200-.92.25a2.7%202.7%200%200%200-.94.76a2.74%202.74%200%200%200-.52%202.3l1.57%206.43a4.65%204.65%200%200%200%204.5%203.42h7.71a4.67%204.67%200%200%200%204.51-3.44l1.56-6.41c.1-.396.11-.81.03-1.21m-13.1%206.42a.75.75%200%200%201-1.5%200v-3.94a.75.75%200%201%201%201.5%200zm3.91%200a.75.75%200%201%201-1.5%200v-3.94a.75.75%200%200%201%201.5%200zm3.91%200a.75.75%200%201%201-1.5%200v-3.94a.75.75%200%200%201%201.5%200zm-10.71-8.54a6%206%200%200%201%201.74-3.54a6.11%206.11%200%200%201%208.62%200a6%206%200%200%201%201.74%203.54z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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