storefront icon
storefront-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- storefront-bold
- Set
- Phosphor
- Style
- Bold
- 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="M236 96a12 12 0 0 0-.44-3.3L221.2 42.51A20.08 20.08 0 0 0 202 28H54a20.08 20.08 0 0 0-19.2 14.51L20.46 92.7A12 12 0 0 0 20 96v16a43.94 43.94 0 0 0 16 33.92V216a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12v-70.08A43.94 43.94 0 0 0 236 112zM57.05 52H199l9.14 32H47.91Zm91 56v4a20 20 0 0 1-40 0v-4ZM53 128.71A20 20 0 0 1 44 112v-4h40v4a20 20 0 0 1-20 20a19.76 19.76 0 0 1-9.07-2.2a11.5 11.5 0 0 0-1.93-1.09M196 204H60v-48.19c1.32.12 2.65.19 4 .19a43.86 43.86 0 0 0 32-13.85a43.89 43.89 0 0 0 64 0A43.86 43.86 0 0 0 192 156c1.35 0 2.68-.07 4-.19Zm16-92a20 20 0 0 1-9 16.71a11.7 11.7 0 0 0-1.88 1.09A20 20 0 0 1 172 112v-4h40Z"/></svg>
React
import type { SVGProps } from "react";
export function PhStorefrontBold(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="M236 96a12 12 0 0 0-.44-3.3L221.2 42.51A20.08 20.08 0 0 0 202 28H54a20.08 20.08 0 0 0-19.2 14.51L20.46 92.7A12 12 0 0 0 20 96v16a43.94 43.94 0 0 0 16 33.92V216a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12v-70.08A43.94 43.94 0 0 0 236 112zM57.05 52H199l9.14 32H47.91Zm91 56v4a20 20 0 0 1-40 0v-4ZM53 128.71A20 20 0 0 1 44 112v-4h40v4a20 20 0 0 1-20 20a19.76 19.76 0 0 1-9.07-2.2a11.5 11.5 0 0 0-1.93-1.09M196 204H60v-48.19c1.32.12 2.65.19 4 .19a43.86 43.86 0 0 0 32-13.85a43.89 43.89 0 0 0 64 0A43.86 43.86 0 0 0 192 156c1.35 0 2.68-.07 4-.19Zm16-92a20 20 0 0 1-9 16.71a11.7 11.7 0 0 0-1.88 1.09A20 20 0 0 1 172 112v-4h40Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M236 96a12 12 0 0 0-.44-3.3L221.2 42.51A20.08 20.08 0 0 0 202 28H54a20.08 20.08 0 0 0-19.2 14.51L20.46 92.7A12 12 0 0 0 20 96v16a43.94 43.94 0 0 0 16 33.92V216a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12v-70.08A43.94 43.94 0 0 0 236 112zM57.05 52H199l9.14 32H47.91Zm91 56v4a20 20 0 0 1-40 0v-4ZM53 128.71A20 20 0 0 1 44 112v-4h40v4a20 20 0 0 1-20 20a19.76 19.76 0 0 1-9.07-2.2a11.5 11.5 0 0 0-1.93-1.09M196 204H60v-48.19c1.32.12 2.65.19 4 .19a43.86 43.86 0 0 0 32-13.85a43.89 43.89 0 0 0 64 0A43.86 43.86 0 0 0 192 156c1.35 0 2.68-.07 4-.19Zm16-92a20 20 0 0 1-9 16.71a11.7 11.7 0 0 0-1.88 1.09A20 20 0 0 1 172 112v-4h40Z"/></svg> </template>
CSS
.icon-storefront-bold {
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%22M236%2096a12%2012%200%200%200-.44-3.3L221.2%2042.51A20.08%2020.08%200%200%200%20202%2028H54a20.08%2020.08%200%200%200-19.2%2014.51L20.46%2092.7A12%2012%200%200%200%2020%2096v16a43.94%2043.94%200%200%200%2016%2033.92V216a12%2012%200%200%200%2012%2012h160a12%2012%200%200%200%2012-12v-70.08A43.94%2043.94%200%200%200%20236%20112zM57.05%2052H199l9.14%2032H47.91Zm91%2056v4a20%2020%200%200%201-40%200v-4ZM53%20128.71A20%2020%200%200%201%2044%20112v-4h40v4a20%2020%200%200%201-20%2020a19.76%2019.76%200%200%201-9.07-2.2a11.5%2011.5%200%200%200-1.93-1.09M196%20204H60v-48.19c1.32.12%202.65.19%204%20.19a43.86%2043.86%200%200%200%2032-13.85a43.89%2043.89%200%200%200%2064%200A43.86%2043.86%200%200%200%20192%20156c1.35%200%202.68-.07%204-.19Zm16-92a20%2020%200%200%201-9%2016.71a11.7%2011.7%200%200%200-1.88%201.09A20%2020%200%200%201%20172%20112v-4h40Z%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%22M236%2096a12%2012%200%200%200-.44-3.3L221.2%2042.51A20.08%2020.08%200%200%200%20202%2028H54a20.08%2020.08%200%200%200-19.2%2014.51L20.46%2092.7A12%2012%200%200%200%2020%2096v16a43.94%2043.94%200%200%200%2016%2033.92V216a12%2012%200%200%200%2012%2012h160a12%2012%200%200%200%2012-12v-70.08A43.94%2043.94%200%200%200%20236%20112zM57.05%2052H199l9.14%2032H47.91Zm91%2056v4a20%2020%200%200%201-40%200v-4ZM53%20128.71A20%2020%200%200%201%2044%20112v-4h40v4a20%2020%200%200%201-20%2020a19.76%2019.76%200%200%201-9.07-2.2a11.5%2011.5%200%200%200-1.93-1.09M196%20204H60v-48.19c1.32.12%202.65.19%204%20.19a43.86%2043.86%200%200%200%2032-13.85a43.89%2043.89%200%200%200%2064%200A43.86%2043.86%200%200%200%20192%20156c1.35%200%202.68-.07%204-.19Zm16-92a20%2020%200%200%201-9%2016.71a11.7%2011.7%200%200%200-1.88%201.09A20%2020%200%200%201%20172%20112v-4h40Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/storefront-bold.svg?color=%231a73e8&size=48
