store 03 icon
store-03 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- store-03
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the store 03 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 10.987v4.506c0 2.831 0 4.247.879 5.127c.878.88 2.293.88 5.121.88h6c2.828 0 4.243 0 5.121-.88c.88-.88.88-2.296.88-5.128v-4.505"/><path stroke-linecap="round" d="M15 16.977c-.684.607-1.773 1-3 1s-2.316-.393-3-1"/><path stroke-linecap="round" stroke-linejoin="round" d="M17.796 2.503L6.15 2.532c-1.738-.09-2.184 1.25-2.184 1.906c0 .586-.075 1.44-1.14 3.045c-1.066 1.605-.986 2.082-.385 3.194c.498.922 1.766 1.282 2.428 1.343c2.1.048 3.122-1.768 3.122-3.045c1.042 3.207 4.005 3.207 5.325 2.84c1.323-.367 2.456-1.682 2.723-2.84c.156 1.44.63 2.279 2.027 2.856c1.449.597 2.694-.316 3.319-.902c.625-.585 1.026-1.885-.088-3.314c-.768-.985-1.088-1.913-1.194-2.875c-.06-.558-.114-1.157-.506-1.538c-.572-.557-1.393-.726-1.801-.7"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsStore03(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M3 10.987v4.506c0 2.831 0 4.247.879 5.127c.878.88 2.293.88 5.121.88h6c2.828 0 4.243 0 5.121-.88c.88-.88.88-2.296.88-5.128v-4.505"/><path strokeLinecap="round" d="M15 16.977c-.684.607-1.773 1-3 1s-2.316-.393-3-1"/><path strokeLinecap="round" strokeLinejoin="round" d="M17.796 2.503L6.15 2.532c-1.738-.09-2.184 1.25-2.184 1.906c0 .586-.075 1.44-1.14 3.045c-1.066 1.605-.986 2.082-.385 3.194c.498.922 1.766 1.282 2.428 1.343c2.1.048 3.122-1.768 3.122-3.045c1.042 3.207 4.005 3.207 5.325 2.84c1.323-.367 2.456-1.682 2.723-2.84c.156 1.44.63 2.279 2.027 2.856c1.449.597 2.694-.316 3.319-.902c.625-.585 1.026-1.885-.088-3.314c-.768-.985-1.088-1.913-1.194-2.875c-.06-.558-.114-1.157-.506-1.538c-.572-.557-1.393-.726-1.801-.7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 10.987v4.506c0 2.831 0 4.247.879 5.127c.878.88 2.293.88 5.121.88h6c2.828 0 4.243 0 5.121-.88c.88-.88.88-2.296.88-5.128v-4.505"/><path stroke-linecap="round" d="M15 16.977c-.684.607-1.773 1-3 1s-2.316-.393-3-1"/><path stroke-linecap="round" stroke-linejoin="round" d="M17.796 2.503L6.15 2.532c-1.738-.09-2.184 1.25-2.184 1.906c0 .586-.075 1.44-1.14 3.045c-1.066 1.605-.986 2.082-.385 3.194c.498.922 1.766 1.282 2.428 1.343c2.1.048 3.122-1.768 3.122-3.045c1.042 3.207 4.005 3.207 5.325 2.84c1.323-.367 2.456-1.682 2.723-2.84c.156 1.44.63 2.279 2.027 2.856c1.449.597 2.694-.316 3.319-.902c.625-.585 1.026-1.885-.088-3.314c-.768-.985-1.088-1.913-1.194-2.875c-.06-.558-.114-1.157-.506-1.538c-.572-.557-1.393-.726-1.801-.7"/></g></svg> </template>
CSS
.icon-store-03 {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3%2010.987v4.506c0%202.831%200%204.247.879%205.127c.878.88%202.293.88%205.121.88h6c2.828%200%204.243%200%205.121-.88c.88-.88.88-2.296.88-5.128v-4.505%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2016.977c-.684.607-1.773%201-3%201s-2.316-.393-3-1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.796%202.503L6.15%202.532c-1.738-.09-2.184%201.25-2.184%201.906c0%20.586-.075%201.44-1.14%203.045c-1.066%201.605-.986%202.082-.385%203.194c.498.922%201.766%201.282%202.428%201.343c2.1.048%203.122-1.768%203.122-3.045c1.042%203.207%204.005%203.207%205.325%202.84c1.323-.367%202.456-1.682%202.723-2.84c.156%201.44.63%202.279%202.027%202.856c1.449.597%202.694-.316%203.319-.902c.625-.585%201.026-1.885-.088-3.314c-.768-.985-1.088-1.913-1.194-2.875c-.06-.558-.114-1.157-.506-1.538c-.572-.557-1.393-.726-1.801-.7%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3%2010.987v4.506c0%202.831%200%204.247.879%205.127c.878.88%202.293.88%205.121.88h6c2.828%200%204.243%200%205.121-.88c.88-.88.88-2.296.88-5.128v-4.505%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2016.977c-.684.607-1.773%201-3%201s-2.316-.393-3-1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.796%202.503L6.15%202.532c-1.738-.09-2.184%201.25-2.184%201.906c0%20.586-.075%201.44-1.14%203.045c-1.066%201.605-.986%202.082-.385%203.194c.498.922%201.766%201.282%202.428%201.343c2.1.048%203.122-1.768%203.122-3.045c1.042%203.207%204.005%203.207%205.325%202.84c1.323-.367%202.456-1.682%202.723-2.84c.156%201.44.63%202.279%202.027%202.856c1.449.597%202.694-.316%203.319-.902c.625-.585%201.026-1.885-.088-3.314c-.768-.985-1.088-1.913-1.194-2.875c-.06-.558-.114-1.157-.506-1.538c-.572-.557-1.393-.726-1.801-.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/store-03.svg?color=%231a73e8&size=48
