basket icon

basket-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.

Name: basket-fill
Set: Bootstrap Icons
Style: Fill
Viewbox: 16×16
License: MIT

1 other variant in Bootstrap Icons

The same icon in other sets

basketAkar Icons basketBoxIcons v2 basketBoxIcons v2 Solid basketFluent Emoji basketFluent Emoji Flat basketFluent Emoji High Contrast basketHumbleicons basketIonIcons basketMage Icons 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 16 16"><path fill="currentColor" d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717zM3.5 10.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0z"/></svg>

React

import type { SVGProps } from "react";

export function BiBasketFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717zM3.5 10.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717zM3.5 10.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0z"/></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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.071%201.243a.5.5%200%200%201%20.858.514L3.383%206h9.234L10.07%201.757a.5.5%200%201%201%20.858-.514L13.783%206H15.5a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.5.5H15v5a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V9H.5a.5.5%200%200%201-.5-.5v-2A.5.5%200%200%201%20.5%206h1.717zM3.5%2010.5a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.071%201.243a.5.5%200%200%201%20.858.514L3.383%206h9.234L10.07%201.757a.5.5%200%201%201%20.858-.514L13.783%206H15.5a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.5.5H15v5a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V9H.5a.5.5%200%200%201-.5-.5v-2A.5.5%200%200%201%20.5%206h1.717zM3.5%2010.5a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200zm2.5%200a.5.5%200%201%200-1%200v3a.5.5%200%200%200%201%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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