storefront icon
storefront-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- storefront-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 256 256"><path fill="currentColor" d="M26.22 94.41A6 6 0 0 0 26 96v16a38 38 0 0 0 16 31v73a6 6 0 0 0 6 6h160a6 6 0 0 0 6-6v-73a38 38 0 0 0 16-31V96a6 6 0 0 0-.23-1.64l-14.34-50.21A14.07 14.07 0 0 0 202 34H54a14.07 14.07 0 0 0-13.43 10.15Zm25.89-47A2 2 0 0 1 54 46h148a2 2 0 0 1 1.92 1.45L216.05 90H40ZM102 102h52v10a26 26 0 0 1-52 0Zm-64 0h52v10a26 26 0 0 1-38.18 23a6 6 0 0 0-1.65-1A26 26 0 0 1 38 112Zm164 108H54v-61.34a38 38 0 0 0 42-16.21a37.95 37.95 0 0 0 64 0a38 38 0 0 0 42 16.21Zm3.83-76a6 6 0 0 0-1.65 1A26 26 0 0 1 166 112v-10h52v10a26 26 0 0 1-12.17 22"/></svg>
React
import type { SVGProps } from "react";
export function PhStorefrontLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M26.22 94.41A6 6 0 0 0 26 96v16a38 38 0 0 0 16 31v73a6 6 0 0 0 6 6h160a6 6 0 0 0 6-6v-73a38 38 0 0 0 16-31V96a6 6 0 0 0-.23-1.64l-14.34-50.21A14.07 14.07 0 0 0 202 34H54a14.07 14.07 0 0 0-13.43 10.15Zm25.89-47A2 2 0 0 1 54 46h148a2 2 0 0 1 1.92 1.45L216.05 90H40ZM102 102h52v10a26 26 0 0 1-52 0Zm-64 0h52v10a26 26 0 0 1-38.18 23a6 6 0 0 0-1.65-1A26 26 0 0 1 38 112Zm164 108H54v-61.34a38 38 0 0 0 42-16.21a37.95 37.95 0 0 0 64 0a38 38 0 0 0 42 16.21Zm3.83-76a6 6 0 0 0-1.65 1A26 26 0 0 1 166 112v-10h52v10a26 26 0 0 1-12.17 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M26.22 94.41A6 6 0 0 0 26 96v16a38 38 0 0 0 16 31v73a6 6 0 0 0 6 6h160a6 6 0 0 0 6-6v-73a38 38 0 0 0 16-31V96a6 6 0 0 0-.23-1.64l-14.34-50.21A14.07 14.07 0 0 0 202 34H54a14.07 14.07 0 0 0-13.43 10.15Zm25.89-47A2 2 0 0 1 54 46h148a2 2 0 0 1 1.92 1.45L216.05 90H40ZM102 102h52v10a26 26 0 0 1-52 0Zm-64 0h52v10a26 26 0 0 1-38.18 23a6 6 0 0 0-1.65-1A26 26 0 0 1 38 112Zm164 108H54v-61.34a38 38 0 0 0 42-16.21a37.95 37.95 0 0 0 64 0a38 38 0 0 0 42 16.21Zm3.83-76a6 6 0 0 0-1.65 1A26 26 0 0 1 166 112v-10h52v10a26 26 0 0 1-12.17 22"/></svg> </template>
CSS
.icon-storefront-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.22%2094.41A6%206%200%200%200%2026%2096v16a38%2038%200%200%200%2016%2031v73a6%206%200%200%200%206%206h160a6%206%200%200%200%206-6v-73a38%2038%200%200%200%2016-31V96a6%206%200%200%200-.23-1.64l-14.34-50.21A14.07%2014.07%200%200%200%20202%2034H54a14.07%2014.07%200%200%200-13.43%2010.15Zm25.89-47A2%202%200%200%201%2054%2046h148a2%202%200%200%201%201.92%201.45L216.05%2090H40ZM102%20102h52v10a26%2026%200%200%201-52%200Zm-64%200h52v10a26%2026%200%200%201-38.18%2023a6%206%200%200%200-1.65-1A26%2026%200%200%201%2038%20112Zm164%20108H54v-61.34a38%2038%200%200%200%2042-16.21a37.95%2037.95%200%200%200%2064%200a38%2038%200%200%200%2042%2016.21Zm3.83-76a6%206%200%200%200-1.65%201A26%2026%200%200%201%20166%20112v-10h52v10a26%2026%200%200%201-12.17%2022%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.22%2094.41A6%206%200%200%200%2026%2096v16a38%2038%200%200%200%2016%2031v73a6%206%200%200%200%206%206h160a6%206%200%200%200%206-6v-73a38%2038%200%200%200%2016-31V96a6%206%200%200%200-.23-1.64l-14.34-50.21A14.07%2014.07%200%200%200%20202%2034H54a14.07%2014.07%200%200%200-13.43%2010.15Zm25.89-47A2%202%200%200%201%2054%2046h148a2%202%200%200%201%201.92%201.45L216.05%2090H40ZM102%20102h52v10a26%2026%200%200%201-52%200Zm-64%200h52v10a26%2026%200%200%201-38.18%2023a6%206%200%200%200-1.65-1A26%2026%200%200%201%2038%20112Zm164%20108H54v-61.34a38%2038%200%200%200%2042-16.21a37.95%2037.95%200%200%200%2064%200a38%2038%200%200%200%2042%2016.21Zm3.83-76a6%206%200%200%200-1.65%201A26%2026%200%200%201%20166%20112v-10h52v10a26%2026%200%200%201-12.17%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/storefront-light.svg?color=%231a73e8&size=48
