Storefront icon
ph:storefront
The Storefront icon (ph:storefront) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- shops, shopping, markets, stores, buildings, places, locations
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232 96a8 8 0 0 0-.3-2.2l-14.35-50.2A16.07 16.07 0 0 0 202 32H54a16.07 16.07 0 0 0-15.35 11.6L24.31 93.8A8 8 0 0 0 24 96v16a40 40 0 0 0 16 32v72a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-72a40 40 0 0 0 16-32zM54 48h148l11.42 40H42.61Zm50 56h48v8a24 24 0 0 1-48 0Zm-16 0v8a24 24 0 0 1-35.12 21.26a8 8 0 0 0-1.82-1.06A24 24 0 0 1 40 112v-8Zm112 104H56v-56.8a40.6 40.6 0 0 0 8 .8a40 40 0 0 0 32-16a40 40 0 0 0 64 0a40 40 0 0 0 32 16a40.6 40.6 0 0 0 8-.8Zm4.93-75.8a8 8 0 0 0-1.8 1.05A24 24 0 0 1 168 112v-8h48v8a24 24 0 0 1-11.07 20.2"/></svg>
How to use the Storefront icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:storefront" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:storefront" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:storefront" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--storefront]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:storefront"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:storefront"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ph/storefront.svg" alt="Storefront icon" width="24" height="24">
Related icons in Phosphor
Storefront icon in other icon sets
Storefront icon FAQ
Is the Storefront icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Storefront icon in React?
Install @iconify/react and render <Icon icon="ph:storefront" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Storefront icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/storefront.svg" alt="Storefront icon">, or paste the SVG code inline to style it with CSS.
Browse all Phosphor icons →
ICONYZ
