storefront icon
storefront-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- storefront-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the storefront icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448V267.85a104.8 104.8 0 0 1-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 0 1-56.86-16a108 108 0 0 1-56.85 16a106.16 106.16 0 0 1-56.51-16.2a107.84 107.84 0 0 1-57.2 16.2a106.14 106.14 0 0 1-56.85-16.42a106.14 106.14 0 0 1-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.7 104.7 0 0 1 48 267.49V448H16v32h480v-32Zm-240-64h-96v-76a4 4 0 0 1 4-4h88a4 4 0 0 1 4 4Zm160 64h-80V308a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4Zm108.57-277.72L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37c.1.13.19.27.28.4l5.24 6.39l5.31 5.14l.42.36a69.7 69.7 0 0 0 9.44 6.78v.05a74 74 0 0 0 36 10.67h2.47a76.08 76.08 0 0 0 51.89-20.31a72 72 0 0 0 5.77-6a74 74 0 0 0 5.78 6a76.08 76.08 0 0 0 51.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 0 1 .15 0l5.66 5.26a76.1 76.1 0 0 0 51.9 20.31c23.29 0 44.11-10 57.66-25.61c13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0 0 35-10.7c.95-.57 1.86-1.17 2.78-1.77A71.3 71.3 0 0 0 488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89"/></svg>
React
import type { SVGProps } from "react";
export function IonStorefrontSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448V267.85a104.8 104.8 0 0 1-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 0 1-56.86-16a108 108 0 0 1-56.85 16a106.16 106.16 0 0 1-56.51-16.2a107.84 107.84 0 0 1-57.2 16.2a106.14 106.14 0 0 1-56.85-16.42a106.14 106.14 0 0 1-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.7 104.7 0 0 1 48 267.49V448H16v32h480v-32Zm-240-64h-96v-76a4 4 0 0 1 4-4h88a4 4 0 0 1 4 4Zm160 64h-80V308a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4Zm108.57-277.72L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37c.1.13.19.27.28.4l5.24 6.39l5.31 5.14l.42.36a69.7 69.7 0 0 0 9.44 6.78v.05a74 74 0 0 0 36 10.67h2.47a76.08 76.08 0 0 0 51.89-20.31a72 72 0 0 0 5.77-6a74 74 0 0 0 5.78 6a76.08 76.08 0 0 0 51.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 0 1 .15 0l5.66 5.26a76.1 76.1 0 0 0 51.9 20.31c23.29 0 44.11-10 57.66-25.61c13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0 0 35-10.7c.95-.57 1.86-1.17 2.78-1.77A71.3 71.3 0 0 0 488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448V267.85a104.8 104.8 0 0 1-33.56 6.58c-1.18 0-2.3.05-3.4.05a108 108 0 0 1-56.86-16a108 108 0 0 1-56.85 16a106.16 106.16 0 0 1-56.51-16.2a107.84 107.84 0 0 1-57.2 16.2a106.14 106.14 0 0 1-56.85-16.42a106.14 106.14 0 0 1-56.85 16.42c-1.09 0-2.19 0-3.37-.05h-.06A104.7 104.7 0 0 1 48 267.49V448H16v32h480v-32Zm-240-64h-96v-76a4 4 0 0 1 4-4h88a4 4 0 0 1 4 4Zm160 64h-80V308a4 4 0 0 1 4-4h72a4 4 0 0 1 4 4Zm108.57-277.72L445.89 64C432 32 432 32 400 32H112c-32 0-32 0-45.94 32L19.38 170.28c-9 19.41 2.89 39.34 2.9 39.35l.41.66c.42.66 1.13 1.75 1.62 2.37c.1.13.19.27.28.4l5.24 6.39l5.31 5.14l.42.36a69.7 69.7 0 0 0 9.44 6.78v.05a74 74 0 0 0 36 10.67h2.47a76.08 76.08 0 0 0 51.89-20.31a72 72 0 0 0 5.77-6a74 74 0 0 0 5.78 6a76.08 76.08 0 0 0 51.89 20.31c23.28 0 44.07-10 57.63-25.56a.11.11 0 0 1 .15 0l5.66 5.26a76.1 76.1 0 0 0 51.9 20.31c23.29 0 44.11-10 57.66-25.61c13.56 15.61 34.37 25.61 57.67 25.61h2.49a71.35 71.35 0 0 0 35-10.7c.95-.57 1.86-1.17 2.78-1.77A71.3 71.3 0 0 0 488 212.17l2-3c.9-2.04 11.21-20.3 2.57-38.89"/></svg> </template>
CSS
.icon-storefront-sharp {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%20448V267.85a104.8%20104.8%200%200%201-33.56%206.58c-1.18%200-2.3.05-3.4.05a108%20108%200%200%201-56.86-16a108%20108%200%200%201-56.85%2016a106.16%20106.16%200%200%201-56.51-16.2a107.84%20107.84%200%200%201-57.2%2016.2a106.14%20106.14%200%200%201-56.85-16.42a106.14%20106.14%200%200%201-56.85%2016.42c-1.09%200-2.19%200-3.37-.05h-.06A104.7%20104.7%200%200%201%2048%20267.49V448H16v32h480v-32Zm-240-64h-96v-76a4%204%200%200%201%204-4h88a4%204%200%200%201%204%204Zm160%2064h-80V308a4%204%200%200%201%204-4h72a4%204%200%200%201%204%204Zm108.57-277.72L445.89%2064C432%2032%20432%2032%20400%2032H112c-32%200-32%200-45.94%2032L19.38%20170.28c-9%2019.41%202.89%2039.34%202.9%2039.35l.41.66c.42.66%201.13%201.75%201.62%202.37c.1.13.19.27.28.4l5.24%206.39l5.31%205.14l.42.36a69.7%2069.7%200%200%200%209.44%206.78v.05a74%2074%200%200%200%2036%2010.67h2.47a76.08%2076.08%200%200%200%2051.89-20.31a72%2072%200%200%200%205.77-6a74%2074%200%200%200%205.78%206a76.08%2076.08%200%200%200%2051.89%2020.31c23.28%200%2044.07-10%2057.63-25.56a.11.11%200%200%201%20.15%200l5.66%205.26a76.1%2076.1%200%200%200%2051.9%2020.31c23.29%200%2044.11-10%2057.66-25.61c13.56%2015.61%2034.37%2025.61%2057.67%2025.61h2.49a71.35%2071.35%200%200%200%2035-10.7c.95-.57%201.86-1.17%202.78-1.77A71.3%2071.3%200%200%200%20488%20212.17l2-3c.9-2.04%2011.21-20.3%202.57-38.89%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M464%20448V267.85a104.8%20104.8%200%200%201-33.56%206.58c-1.18%200-2.3.05-3.4.05a108%20108%200%200%201-56.86-16a108%20108%200%200%201-56.85%2016a106.16%20106.16%200%200%201-56.51-16.2a107.84%20107.84%200%200%201-57.2%2016.2a106.14%20106.14%200%200%201-56.85-16.42a106.14%20106.14%200%200%201-56.85%2016.42c-1.09%200-2.19%200-3.37-.05h-.06A104.7%20104.7%200%200%201%2048%20267.49V448H16v32h480v-32Zm-240-64h-96v-76a4%204%200%200%201%204-4h88a4%204%200%200%201%204%204Zm160%2064h-80V308a4%204%200%200%201%204-4h72a4%204%200%200%201%204%204Zm108.57-277.72L445.89%2064C432%2032%20432%2032%20400%2032H112c-32%200-32%200-45.94%2032L19.38%20170.28c-9%2019.41%202.89%2039.34%202.9%2039.35l.41.66c.42.66%201.13%201.75%201.62%202.37c.1.13.19.27.28.4l5.24%206.39l5.31%205.14l.42.36a69.7%2069.7%200%200%200%209.44%206.78v.05a74%2074%200%200%200%2036%2010.67h2.47a76.08%2076.08%200%200%200%2051.89-20.31a72%2072%200%200%200%205.77-6a74%2074%200%200%200%205.78%206a76.08%2076.08%200%200%200%2051.89%2020.31c23.28%200%2044.07-10%2057.63-25.56a.11.11%200%200%201%20.15%200l5.66%205.26a76.1%2076.1%200%200%200%2051.9%2020.31c23.29%200%2044.11-10%2057.66-25.61c13.56%2015.61%2034.37%2025.61%2057.67%2025.61h2.49a71.35%2071.35%200%200%200%2035-10.7c.95-.57%201.86-1.17%202.78-1.77A71.3%2071.3%200%200%200%20488%20212.17l2-3c.9-2.04%2011.21-20.3%202.57-38.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/storefront-sharp.svg?color=%231a73e8&size=48
