basket icon
basket from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- basket
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All basket icons →basketAkar IconsbasketBootstrap IconsbasketBoxIcons v2basketBoxIcons v2 SolidbasketFluent EmojibasketFluent Emoji FlatbasketFluent Emoji High ContrastbasketHumbleiconsbasketIonIconsbasketMage IconsbasketMaterial Design Iconsbasket-fillMingCute IconbasketNoto EmojibasketOpenMojibasketPhosphorbasketTabler Iconsbasket-outlineTeenyiconsbasketTwitter Emoji
More ui icons from Reicon
Use the basket icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 14.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0z"/><path fill-rule="evenodd" d="M9.93 1.386a.75.75 0 0 1 .184 1.044L7.441 6.25h9.119l-2.674-3.82a.75.75 0 1 1 1.228-.86l3.276 4.68h1.694c.38 0 .71 0 .998.077a2.25 2.25 0 0 1 1.591 1.59c.078.29.077.618.077 1v.167c0 .38 0 .71-.077.998a2.25 2.25 0 0 1-.971 1.32l-.803 5.886c-.113.833-.204 1.5-.32 2.038c-.12.554-.276 1.026-.547 1.454a4.25 4.25 0 0 1-1.813 1.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84 0-1.514 0-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25 4.25 0 0 1-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25 2.25 0 0 1-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38 0-.71.077-.998a2.25 2.25 0 0 1 1.59-1.591c.29-.078.618-.077 1-.077H5.61l3.276-4.68a.75.75 0 0 1 1.044-.184M4 7.75c-.513 0-.623.007-.694.026a.75.75 0 0 0-.53.53c-.02.071-.026.18-.026.694c0 .513.007.623.026.694a.75.75 0 0 0 .53.53c.071.02.18.026.694.026h16c.513 0 .623-.006.694-.025a.75.75 0 0 0 .53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75 0 0 0-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14 4l.723 5.305c.118.87.202 1.48.304 1.956c.1.466.208.746.347.964a2.75 2.75 0 0 0 1.173 1.024c.235.108.528.177 1.003.213c.485.038 1.1.038 1.978.038h5.224c.877 0 1.493 0 1.978-.038c.475-.036.768-.105 1.003-.213a2.75 2.75 0 0 0 1.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBasket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 14.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0z"/><path fillRule="evenodd" d="M9.93 1.386a.75.75 0 0 1 .184 1.044L7.441 6.25h9.119l-2.674-3.82a.75.75 0 1 1 1.228-.86l3.276 4.68h1.694c.38 0 .71 0 .998.077a2.25 2.25 0 0 1 1.591 1.59c.078.29.077.618.077 1v.167c0 .38 0 .71-.077.998a2.25 2.25 0 0 1-.971 1.32l-.803 5.886c-.113.833-.204 1.5-.32 2.038c-.12.554-.276 1.026-.547 1.454a4.25 4.25 0 0 1-1.813 1.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84 0-1.514 0-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25 4.25 0 0 1-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25 2.25 0 0 1-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38 0-.71.077-.998a2.25 2.25 0 0 1 1.59-1.591c.29-.078.618-.077 1-.077H5.61l3.276-4.68a.75.75 0 0 1 1.044-.184M4 7.75c-.513 0-.623.007-.694.026a.75.75 0 0 0-.53.53c-.02.071-.026.18-.026.694c0 .513.007.623.026.694a.75.75 0 0 0 .53.53c.071.02.18.026.694.026h16c.513 0 .623-.006.694-.025a.75.75 0 0 0 .53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75 0 0 0-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14 4l.723 5.305c.118.87.202 1.48.304 1.956c.1.466.208.746.347.964a2.75 2.75 0 0 0 1.173 1.024c.235.108.528.177 1.003.213c.485.038 1.1.038 1.978.038h5.224c.877 0 1.493 0 1.978-.038c.475-.036.768-.105 1.003-.213a2.75 2.75 0 0 0 1.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 14.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0zm4 0a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0z"/><path fill-rule="evenodd" d="M9.93 1.386a.75.75 0 0 1 .184 1.044L7.441 6.25h9.119l-2.674-3.82a.75.75 0 1 1 1.228-.86l3.276 4.68h1.694c.38 0 .71 0 .998.077a2.25 2.25 0 0 1 1.591 1.59c.078.29.077.618.077 1v.167c0 .38 0 .71-.077.998a2.25 2.25 0 0 1-.971 1.32l-.803 5.886c-.113.833-.204 1.5-.32 2.038c-.12.554-.276 1.026-.547 1.454a4.25 4.25 0 0 1-1.813 1.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84 0-1.514 0-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25 4.25 0 0 1-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25 2.25 0 0 1-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38 0-.71.077-.998a2.25 2.25 0 0 1 1.59-1.591c.29-.078.618-.077 1-.077H5.61l3.276-4.68a.75.75 0 0 1 1.044-.184M4 7.75c-.513 0-.623.007-.694.026a.75.75 0 0 0-.53.53c-.02.071-.026.18-.026.694c0 .513.007.623.026.694a.75.75 0 0 0 .53.53c.071.02.18.026.694.026h16c.513 0 .623-.006.694-.025a.75.75 0 0 0 .53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75 0 0 0-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14 4l.723 5.305c.118.87.202 1.48.304 1.956c.1.466.208.746.347.964a2.75 2.75 0 0 0 1.173 1.024c.235.108.528.177 1.003.213c.485.038 1.1.038 1.978.038h5.224c.877 0 1.493 0 1.978-.038c.475-.036.768-.105 1.003-.213a2.75 2.75 0 0 0 1.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-basket {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%2014.5a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200zm4%200a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200zm4%200a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.93%201.386a.75.75%200%200%201%20.184%201.044L7.441%206.25h9.119l-2.674-3.82a.75.75%200%201%201%201.228-.86l3.276%204.68h1.694c.38%200%20.71%200%20.998.077a2.25%202.25%200%200%201%201.591%201.59c.078.29.077.618.077%201v.167c0%20.38%200%20.71-.077.998a2.25%202.25%200%200%201-.971%201.32l-.803%205.886c-.113.833-.204%201.5-.32%202.038c-.12.554-.276%201.026-.547%201.454a4.25%204.25%200%200%201-1.813%201.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84%200-1.514%200-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25%204.25%200%200%201-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25%202.25%200%200%201-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38%200-.71.077-.998a2.25%202.25%200%200%201%201.59-1.591c.29-.078.618-.077%201-.077H5.61l3.276-4.68a.75.75%200%200%201%201.044-.184M4%207.75c-.513%200-.623.007-.694.026a.75.75%200%200%200-.53.53c-.02.071-.026.18-.026.694c0%20.513.007.623.026.694a.75.75%200%200%200%20.53.53c.071.02.18.026.694.026h16c.513%200%20.623-.006.694-.025a.75.75%200%200%200%20.53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75%200%200%200-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14%204l.723%205.305c.118.87.202%201.48.304%201.956c.1.466.208.746.347.964a2.75%202.75%200%200%200%201.173%201.024c.235.108.528.177%201.003.213c.485.038%201.1.038%201.978.038h5.224c.877%200%201.493%200%201.978-.038c.475-.036.768-.105%201.003-.213a2.75%202.75%200%200%200%201.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.75%2014.5a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200zm4%200a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200zm4%200a.75.75%200%200%200-1.5%200V18a.75.75%200%200%200%201.5%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.93%201.386a.75.75%200%200%201%20.184%201.044L7.441%206.25h9.119l-2.674-3.82a.75.75%200%201%201%201.228-.86l3.276%204.68h1.694c.38%200%20.71%200%20.998.077a2.25%202.25%200%200%201%201.591%201.59c.078.29.077.618.077%201v.167c0%20.38%200%20.71-.077.998a2.25%202.25%200%200%201-.971%201.32l-.803%205.886c-.113.833-.204%201.5-.32%202.038c-.12.554-.276%201.026-.547%201.454a4.25%204.25%200%200%201-1.813%201.582c-.46.212-.95.303-1.514.346c-.549.042-1.222.042-2.063.042H9.358c-.84%200-1.514%200-2.063-.042c-.565-.043-1.053-.134-1.514-.346a4.25%204.25%200%200%201-1.813-1.582c-.272-.428-.428-.9-.547-1.454c-.116-.538-.207-1.205-.32-2.038l-.803-5.886a2.25%202.25%200%200%201-.971-1.32c-.078-.289-.077-.617-.077-.998v-.168c0-.38%200-.71.077-.998a2.25%202.25%200%200%201%201.59-1.591c.29-.078.618-.077%201-.077H5.61l3.276-4.68a.75.75%200%200%201%201.044-.184M4%207.75c-.513%200-.623.007-.694.026a.75.75%200%200%200-.53.53c-.02.071-.026.18-.026.694c0%20.513.007.623.026.694a.75.75%200%200%200%20.53.53c.071.02.18.026.694.026h16c.513%200%20.623-.006.694-.025a.75.75%200%200%200%20.53-.53c.02-.072.026-.182.026-.695s-.006-.623-.026-.694a.75.75%200%200%200-.53-.53c-.071-.02-.18-.026-.694-.026zm-.14%204l.723%205.305c.118.87.202%201.48.304%201.956c.1.466.208.746.347.964a2.75%202.75%200%200%200%201.173%201.024c.235.108.528.177%201.003.213c.485.038%201.1.038%201.978.038h5.224c.877%200%201.493%200%201.978-.038c.475-.036.768-.105%201.003-.213a2.75%202.75%200%200%200%201.173-1.024c.139-.218.246-.498.347-.965c.102-.475.186-1.085.304-1.955l.724-5.305z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/basket.svg?color=%231a73e8&size=48
