building shop icon
building-shop-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- building-shop-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
building-bank-16-filledbuilding-bank-link-16-filledbuilding-bank-toolbox-20-filledbuilding-checkmark-16-filledbuilding-cloud-24-filledbuilding-desktop-16-filledbuilding-factory-16-filledbuilding-government-16-filledbuilding-government-search-16-filledbuilding-home-16-filledbuilding-lighthouse-16-filledbuilding-mosque-12-filledbuilding-multiple-16-filledbuilding-people-16-filledbuilding-retail-20-filledbuilding-retail-money-20-filledbuilding-retail-more-20-filledbuilding-retail-shield-20-filledbuilding-retail-toolbox-20-filledbuilding-skyscraper-16-filledbuilding-swap-16-filledbuilding-townhouse-20-filledbuilding-yurt-16-filled
Use the building shop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a.75.75 0 0 1 .475.169l.075.07l3.273 3.53l.03.038c.102.136.148.29.148.44l-.002 1.92c0 .994-.378 1.9-1 2.58V21.25a.75.75 0 0 1-.648.743l-.102.007H3.752a.75.75 0 0 1-.744-.648l-.006-.102L3 10.748a3.82 3.82 0 0 1-.993-2.353L2 8.167V6.29a.73.73 0 0 1 .096-.408l.065-.095l.04-.046L5.45 2.24a.75.75 0 0 1 .446-.233L6 2zm-2.918 8.442l-.012.018A3.83 3.83 0 0 1 12 12a3.83 3.83 0 0 1-3.084-1.556A3.83 3.83 0 0 1 5.834 12c-.469 0-.918-.084-1.334-.238l.001 8.738H6v-6.748a.75.75 0 0 1 .649-.743L6.75 13h4.496a.75.75 0 0 1 .743.648l.007.102v6.748h7.502v-8.737a3.83 3.83 0 0 1-4.416-1.32M10.495 14.5H7.5v5.998h2.995zm6.76-1.5a.75.75 0 0 1 .743.648l.007.102v3.502a.75.75 0 0 1-.648.743l-.102.007h-3.501a.75.75 0 0 1-.743-.648l-.007-.102V13.75a.75.75 0 0 1 .648-.743l.102-.007zm-.75 1.5h-2.002v2.002h2.001zm-8.34-7.498H3.501v1.165l.007.17l.028.232l.033.156l.05.172l.054.148l.04.094q.047.102.103.198l.103.162l.054.074l.129.156l.142.144l.096.085l.042.034c.315.25.695.422 1.112.483l.18.019l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.165 0H9.666v1.165c0 1.18.878 2.157 2.017 2.311l.156.016l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.167 0h-4.665l.001 1.165c0 1.18.878 2.157 2.016 2.311l.157.016l.16.005c.564 0 1.081-.2 1.485-.534l.09-.078l.116-.113l.146-.17q.081-.103.15-.216l.104-.186l.063-.138l.058-.155l.03-.096l.038-.152l.028-.157l.018-.167l.006-.17zM9.062 3.499H6.327L4.47 5.502h3.977zm4.307 0h-2.738l-.616 2.003h3.97zm4.303 0h-2.734l.616 2.003h3.976z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBuildingShop24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a.75.75 0 0 1 .475.169l.075.07l3.273 3.53l.03.038c.102.136.148.29.148.44l-.002 1.92c0 .994-.378 1.9-1 2.58V21.25a.75.75 0 0 1-.648.743l-.102.007H3.752a.75.75 0 0 1-.744-.648l-.006-.102L3 10.748a3.82 3.82 0 0 1-.993-2.353L2 8.167V6.29a.73.73 0 0 1 .096-.408l.065-.095l.04-.046L5.45 2.24a.75.75 0 0 1 .446-.233L6 2zm-2.918 8.442l-.012.018A3.83 3.83 0 0 1 12 12a3.83 3.83 0 0 1-3.084-1.556A3.83 3.83 0 0 1 5.834 12c-.469 0-.918-.084-1.334-.238l.001 8.738H6v-6.748a.75.75 0 0 1 .649-.743L6.75 13h4.496a.75.75 0 0 1 .743.648l.007.102v6.748h7.502v-8.737a3.83 3.83 0 0 1-4.416-1.32M10.495 14.5H7.5v5.998h2.995zm6.76-1.5a.75.75 0 0 1 .743.648l.007.102v3.502a.75.75 0 0 1-.648.743l-.102.007h-3.501a.75.75 0 0 1-.743-.648l-.007-.102V13.75a.75.75 0 0 1 .648-.743l.102-.007zm-.75 1.5h-2.002v2.002h2.001zm-8.34-7.498H3.501v1.165l.007.17l.028.232l.033.156l.05.172l.054.148l.04.094q.047.102.103.198l.103.162l.054.074l.129.156l.142.144l.096.085l.042.034c.315.25.695.422 1.112.483l.18.019l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.165 0H9.666v1.165c0 1.18.878 2.157 2.017 2.311l.156.016l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.167 0h-4.665l.001 1.165c0 1.18.878 2.157 2.016 2.311l.157.016l.16.005c.564 0 1.081-.2 1.485-.534l.09-.078l.116-.113l.146-.17q.081-.103.15-.216l.104-.186l.063-.138l.058-.155l.03-.096l.038-.152l.028-.157l.018-.167l.006-.17zM9.062 3.499H6.327L4.47 5.502h3.977zm4.307 0h-2.738l-.616 2.003h3.97zm4.303 0h-2.734l.616 2.003h3.976z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a.75.75 0 0 1 .475.169l.075.07l3.273 3.53l.03.038c.102.136.148.29.148.44l-.002 1.92c0 .994-.378 1.9-1 2.58V21.25a.75.75 0 0 1-.648.743l-.102.007H3.752a.75.75 0 0 1-.744-.648l-.006-.102L3 10.748a3.82 3.82 0 0 1-.993-2.353L2 8.167V6.29a.73.73 0 0 1 .096-.408l.065-.095l.04-.046L5.45 2.24a.75.75 0 0 1 .446-.233L6 2zm-2.918 8.442l-.012.018A3.83 3.83 0 0 1 12 12a3.83 3.83 0 0 1-3.084-1.556A3.83 3.83 0 0 1 5.834 12c-.469 0-.918-.084-1.334-.238l.001 8.738H6v-6.748a.75.75 0 0 1 .649-.743L6.75 13h4.496a.75.75 0 0 1 .743.648l.007.102v6.748h7.502v-8.737a3.83 3.83 0 0 1-4.416-1.32M10.495 14.5H7.5v5.998h2.995zm6.76-1.5a.75.75 0 0 1 .743.648l.007.102v3.502a.75.75 0 0 1-.648.743l-.102.007h-3.501a.75.75 0 0 1-.743-.648l-.007-.102V13.75a.75.75 0 0 1 .648-.743l.102-.007zm-.75 1.5h-2.002v2.002h2.001zm-8.34-7.498H3.501v1.165l.007.17l.028.232l.033.156l.05.172l.054.148l.04.094q.047.102.103.198l.103.162l.054.074l.129.156l.142.144l.096.085l.042.034c.315.25.695.422 1.112.483l.18.019l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.165 0H9.666v1.165c0 1.18.878 2.157 2.017 2.311l.156.016l.16.005a2.33 2.33 0 0 0 2.327-2.173l.006-.16zm6.167 0h-4.665l.001 1.165c0 1.18.878 2.157 2.016 2.311l.157.016l.16.005c.564 0 1.081-.2 1.485-.534l.09-.078l.116-.113l.146-.17q.081-.103.15-.216l.104-.186l.063-.138l.058-.155l.03-.096l.038-.152l.028-.157l.018-.167l.006-.17zM9.062 3.499H6.327L4.47 5.502h3.977zm4.307 0h-2.738l-.616 2.003h3.97zm4.303 0h-2.734l.616 2.003h3.976z"/></svg> </template>
CSS
.icon-building-shop-24-regular {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a.75.75%200%200%201%20.475.169l.075.07l3.273%203.53l.03.038c.102.136.148.29.148.44l-.002%201.92c0%20.994-.378%201.9-1%202.58V21.25a.75.75%200%200%201-.648.743l-.102.007H3.752a.75.75%200%200%201-.744-.648l-.006-.102L3%2010.748a3.82%203.82%200%200%201-.993-2.353L2%208.167V6.29a.73.73%200%200%201%20.096-.408l.065-.095l.04-.046L5.45%202.24a.75.75%200%200%201%20.446-.233L6%202zm-2.918%208.442l-.012.018A3.83%203.83%200%200%201%2012%2012a3.83%203.83%200%200%201-3.084-1.556A3.83%203.83%200%200%201%205.834%2012c-.469%200-.918-.084-1.334-.238l.001%208.738H6v-6.748a.75.75%200%200%201%20.649-.743L6.75%2013h4.496a.75.75%200%200%201%20.743.648l.007.102v6.748h7.502v-8.737a3.83%203.83%200%200%201-4.416-1.32M10.495%2014.5H7.5v5.998h2.995zm6.76-1.5a.75.75%200%200%201%20.743.648l.007.102v3.502a.75.75%200%200%201-.648.743l-.102.007h-3.501a.75.75%200%200%201-.743-.648l-.007-.102V13.75a.75.75%200%200%201%20.648-.743l.102-.007zm-.75%201.5h-2.002v2.002h2.001zm-8.34-7.498H3.501v1.165l.007.17l.028.232l.033.156l.05.172l.054.148l.04.094q.047.102.103.198l.103.162l.054.074l.129.156l.142.144l.096.085l.042.034c.315.25.695.422%201.112.483l.18.019l.16.005a2.33%202.33%200%200%200%202.327-2.173l.006-.16zm6.165%200H9.666v1.165c0%201.18.878%202.157%202.017%202.311l.156.016l.16.005a2.33%202.33%200%200%200%202.327-2.173l.006-.16zm6.167%200h-4.665l.001%201.165c0%201.18.878%202.157%202.016%202.311l.157.016l.16.005c.564%200%201.081-.2%201.485-.534l.09-.078l.116-.113l.146-.17q.081-.103.15-.216l.104-.186l.063-.138l.058-.155l.03-.096l.038-.152l.028-.157l.018-.167l.006-.17zM9.062%203.499H6.327L4.47%205.502h3.977zm4.307%200h-2.738l-.616%202.003h3.97zm4.303%200h-2.734l.616%202.003h3.976z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a.75.75%200%200%201%20.475.169l.075.07l3.273%203.53l.03.038c.102.136.148.29.148.44l-.002%201.92c0%20.994-.378%201.9-1%202.58V21.25a.75.75%200%200%201-.648.743l-.102.007H3.752a.75.75%200%200%201-.744-.648l-.006-.102L3%2010.748a3.82%203.82%200%200%201-.993-2.353L2%208.167V6.29a.73.73%200%200%201%20.096-.408l.065-.095l.04-.046L5.45%202.24a.75.75%200%200%201%20.446-.233L6%202zm-2.918%208.442l-.012.018A3.83%203.83%200%200%201%2012%2012a3.83%203.83%200%200%201-3.084-1.556A3.83%203.83%200%200%201%205.834%2012c-.469%200-.918-.084-1.334-.238l.001%208.738H6v-6.748a.75.75%200%200%201%20.649-.743L6.75%2013h4.496a.75.75%200%200%201%20.743.648l.007.102v6.748h7.502v-8.737a3.83%203.83%200%200%201-4.416-1.32M10.495%2014.5H7.5v5.998h2.995zm6.76-1.5a.75.75%200%200%201%20.743.648l.007.102v3.502a.75.75%200%200%201-.648.743l-.102.007h-3.501a.75.75%200%200%201-.743-.648l-.007-.102V13.75a.75.75%200%200%201%20.648-.743l.102-.007zm-.75%201.5h-2.002v2.002h2.001zm-8.34-7.498H3.501v1.165l.007.17l.028.232l.033.156l.05.172l.054.148l.04.094q.047.102.103.198l.103.162l.054.074l.129.156l.142.144l.096.085l.042.034c.315.25.695.422%201.112.483l.18.019l.16.005a2.33%202.33%200%200%200%202.327-2.173l.006-.16zm6.165%200H9.666v1.165c0%201.18.878%202.157%202.017%202.311l.156.016l.16.005a2.33%202.33%200%200%200%202.327-2.173l.006-.16zm6.167%200h-4.665l.001%201.165c0%201.18.878%202.157%202.016%202.311l.157.016l.16.005c.564%200%201.081-.2%201.485-.534l.09-.078l.116-.113l.146-.17q.081-.103.15-.216l.104-.186l.063-.138l.058-.155l.03-.096l.038-.152l.028-.157l.018-.167l.006-.17zM9.062%203.499H6.327L4.47%205.502h3.977zm4.307%200h-2.738l-.616%202.003h3.97zm4.303%200h-2.734l.616%202.003h3.976z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/building-shop-24-regular.svg?color=%231a73e8&size=48
