storefront-outline-rounded from Material Symbols by Google · Outline Rounded · Business · Apache-2.0 Free for personal and commercial use.

Name
storefront-outline-rounded
Set
Material Symbols
Style
Outline Rounded
Category
Business
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

The same icon in other sets

More business icons from Material Symbols

Use the storefront icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.025 21q-.825 0-1.412-.587T3.025 19v-7.95q-.575-.525-.887-1.35t-.013-1.8l1.05-3.4q.2-.65.713-1.075T5.075 3h13.9q.675 0 1.175.413t.725 1.087l1.05 3.4q.3.975-.012 1.775t-.888 1.375V19q0 .825-.587 1.413T19.025 21zm9.2-11q.675 0 1.025-.462t.275-1.038l-.55-3.5h-1.95v3.7q0 .525.35.913t.85.387m-4.5 0q.575 0 .938-.388t.362-.912V5h-1.95l-.55 3.5q-.1.6.262 1.05t.938.45m-4.45 0q.45 0 .787-.325t.413-.825L7.025 5h-1.95l-1 3.35q-.15.5.162 1.075T5.275 10m13.5 0q.725 0 1.05-.575t.15-1.075L18.925 5h-1.9l.55 3.85q.075.5.413.825t.787.325m-13.75 9h14v-7.05q-.125.05-.162.05h-.088q-.675 0-1.187-.225t-1.013-.725q-.45.45-1.025.7t-1.225.25q-.675 0-1.263-.25t-1.037-.7q-.425.45-.987.7T9.825 12q-.725 0-1.312-.25t-1.038-.7q-.525.525-1.037.738T5.275 12h-.112q-.063 0-.138-.05zm14 0h-14z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsStorefrontOutlineRounded(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="M5.025 21q-.825 0-1.412-.587T3.025 19v-7.95q-.575-.525-.887-1.35t-.013-1.8l1.05-3.4q.2-.65.713-1.075T5.075 3h13.9q.675 0 1.175.413t.725 1.087l1.05 3.4q.3.975-.012 1.775t-.888 1.375V19q0 .825-.587 1.413T19.025 21zm9.2-11q.675 0 1.025-.462t.275-1.038l-.55-3.5h-1.95v3.7q0 .525.35.913t.85.387m-4.5 0q.575 0 .938-.388t.362-.912V5h-1.95l-.55 3.5q-.1.6.262 1.05t.938.45m-4.45 0q.45 0 .787-.325t.413-.825L7.025 5h-1.95l-1 3.35q-.15.5.162 1.075T5.275 10m13.5 0q.725 0 1.05-.575t.15-1.075L18.925 5h-1.9l.55 3.85q.075.5.413.825t.787.325m-13.75 9h14v-7.05q-.125.05-.162.05h-.088q-.675 0-1.187-.225t-1.013-.725q-.45.45-1.025.7t-1.225.25q-.675 0-1.263-.25t-1.037-.7q-.425.45-.987.7T9.825 12q-.725 0-1.312-.25t-1.038-.7q-.525.525-1.037.738T5.275 12h-.112q-.063 0-.138-.05zm14 0h-14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.025 21q-.825 0-1.412-.587T3.025 19v-7.95q-.575-.525-.887-1.35t-.013-1.8l1.05-3.4q.2-.65.713-1.075T5.075 3h13.9q.675 0 1.175.413t.725 1.087l1.05 3.4q.3.975-.012 1.775t-.888 1.375V19q0 .825-.587 1.413T19.025 21zm9.2-11q.675 0 1.025-.462t.275-1.038l-.55-3.5h-1.95v3.7q0 .525.35.913t.85.387m-4.5 0q.575 0 .938-.388t.362-.912V5h-1.95l-.55 3.5q-.1.6.262 1.05t.938.45m-4.45 0q.45 0 .787-.325t.413-.825L7.025 5h-1.95l-1 3.35q-.15.5.162 1.075T5.275 10m13.5 0q.725 0 1.05-.575t.15-1.075L18.925 5h-1.9l.55 3.85q.075.5.413.825t.787.325m-13.75 9h14v-7.05q-.125.05-.162.05h-.088q-.675 0-1.187-.225t-1.013-.725q-.45.45-1.025.7t-1.225.25q-.675 0-1.263-.25t-1.037-.7q-.425.45-.987.7T9.825 12q-.725 0-1.312-.25t-1.038-.7q-.525.525-1.037.738T5.275 12h-.112q-.063 0-.138-.05zm14 0h-14z"/></svg>
</template>

CSS

.icon-storefront-outline-rounded {
  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%22M5.025%2021q-.825%200-1.412-.587T3.025%2019v-7.95q-.575-.525-.887-1.35t-.013-1.8l1.05-3.4q.2-.65.713-1.075T5.075%203h13.9q.675%200%201.175.413t.725%201.087l1.05%203.4q.3.975-.012%201.775t-.888%201.375V19q0%20.825-.587%201.413T19.025%2021zm9.2-11q.675%200%201.025-.462t.275-1.038l-.55-3.5h-1.95v3.7q0%20.525.35.913t.85.387m-4.5%200q.575%200%20.938-.388t.362-.912V5h-1.95l-.55%203.5q-.1.6.262%201.05t.938.45m-4.45%200q.45%200%20.787-.325t.413-.825L7.025%205h-1.95l-1%203.35q-.15.5.162%201.075T5.275%2010m13.5%200q.725%200%201.05-.575t.15-1.075L18.925%205h-1.9l.55%203.85q.075.5.413.825t.787.325m-13.75%209h14v-7.05q-.125.05-.162.05h-.088q-.675%200-1.187-.225t-1.013-.725q-.45.45-1.025.7t-1.225.25q-.675%200-1.263-.25t-1.037-.7q-.425.45-.987.7T9.825%2012q-.725%200-1.312-.25t-1.038-.7q-.525.525-1.037.738T5.275%2012h-.112q-.063%200-.138-.05zm14%200h-14z%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%22M5.025%2021q-.825%200-1.412-.587T3.025%2019v-7.95q-.575-.525-.887-1.35t-.013-1.8l1.05-3.4q.2-.65.713-1.075T5.075%203h13.9q.675%200%201.175.413t.725%201.087l1.05%203.4q.3.975-.012%201.775t-.888%201.375V19q0%20.825-.587%201.413T19.025%2021zm9.2-11q.675%200%201.025-.462t.275-1.038l-.55-3.5h-1.95v3.7q0%20.525.35.913t.85.387m-4.5%200q.575%200%20.938-.388t.362-.912V5h-1.95l-.55%203.5q-.1.6.262%201.05t.938.45m-4.45%200q.45%200%20.787-.325t.413-.825L7.025%205h-1.95l-1%203.35q-.15.5.162%201.075T5.275%2010m13.5%200q.725%200%201.05-.575t.15-1.075L18.925%205h-1.9l.55%203.85q.075.5.413.825t.787.325m-13.75%209h14v-7.05q-.125.05-.162.05h-.088q-.675%200-1.187-.225t-1.013-.725q-.45.45-1.025.7t-1.225.25q-.675%200-1.263-.25t-1.037-.7q-.425.45-.987.7T9.825%2012q-.725%200-1.312-.25t-1.038-.7q-.525.525-1.037.738T5.275%2012h-.112q-.063%200-.138-.05zm14%200h-14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/storefront-outline-rounded.svg?color=%231a73e8&size=48