storefront icon
storefront-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- storefront-outline
- Set
- IonIcons
- Style
- Outline
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M448 448V240m-384 0v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23c0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48M32 464h448M136 288h80a24 24 0 0 1 24 24v88h0h-128h0v-88a24 24 0 0 1 24-24m152 176V312a24 24 0 0 1 24-24h64a24 24 0 0 1 24 24v152"/></svg>
React
import type { SVGProps } from "react";
export function IonStorefrontOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M448 448V240m-384 0v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23c0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48M32 464h448M136 288h80a24 24 0 0 1 24 24v88h0h-128h0v-88a24 24 0 0 1 24-24m152 176V312a24 24 0 0 1 24-24h64a24 24 0 0 1 24 24v152"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M448 448V240m-384 0v208M382.47 48H129.53c-21.79 0-41.47 12-49.93 30.46L36.3 173c-14.58 31.81 9.63 67.85 47.19 69h2c31.4 0 56.85-25.18 56.85-52.23c0 27 25.46 52.23 56.86 52.23s56.8-23.38 56.8-52.23c0 27 25.45 52.23 56.85 52.23s56.86-23.38 56.86-52.23c0 28.85 25.45 52.23 56.85 52.23h1.95c37.56-1.17 61.77-37.21 47.19-69l-43.3-94.54C423.94 60 404.26 48 382.47 48M32 464h448M136 288h80a24 24 0 0 1 24 24v88h0h-128h0v-88a24 24 0 0 1 24-24m152 176V312a24 24 0 0 1 24-24h64a24 24 0 0 1 24 24v152"/></svg> </template>
CSS
.icon-storefront-outline {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M448%20448V240m-384%200v208M382.47%2048H129.53c-21.79%200-41.47%2012-49.93%2030.46L36.3%20173c-14.58%2031.81%209.63%2067.85%2047.19%2069h2c31.4%200%2056.85-25.18%2056.85-52.23c0%2027%2025.46%2052.23%2056.86%2052.23s56.8-23.38%2056.8-52.23c0%2027%2025.45%2052.23%2056.85%2052.23s56.86-23.38%2056.86-52.23c0%2028.85%2025.45%2052.23%2056.85%2052.23h1.95c37.56-1.17%2061.77-37.21%2047.19-69l-43.3-94.54C423.94%2060%20404.26%2048%20382.47%2048M32%20464h448M136%20288h80a24%2024%200%200%201%2024%2024v88h0h-128h0v-88a24%2024%200%200%201%2024-24m152%20176V312a24%2024%200%200%201%2024-24h64a24%2024%200%200%201%2024%2024v152%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M448%20448V240m-384%200v208M382.47%2048H129.53c-21.79%200-41.47%2012-49.93%2030.46L36.3%20173c-14.58%2031.81%209.63%2067.85%2047.19%2069h2c31.4%200%2056.85-25.18%2056.85-52.23c0%2027%2025.46%2052.23%2056.86%2052.23s56.8-23.38%2056.8-52.23c0%2027%2025.45%2052.23%2056.85%2052.23s56.86-23.38%2056.86-52.23c0%2028.85%2025.45%2052.23%2056.85%2052.23h1.95c37.56-1.17%2061.77-37.21%2047.19-69l-43.3-94.54C423.94%2060%20404.26%2048%20382.47%2048M32%20464h448M136%20288h80a24%2024%200%200%201%2024%2024v88h0h-128h0v-88a24%2024%200%200%201%2024-24m152%20176V312a24%2024%200%200%201%2024-24h64a24%2024%200%200%201%2024%2024v152%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/storefront-outline.svg?color=%231a73e8&size=48
