Ikon Storefront Light
ph:storefront-light
Ikon Storefront Light (ph:storefront-light) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- shops, shopping, markets, stores, buildings, places, locations, storefrontlight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>Cara memakai ikon Storefront Light
React
import { Icon } from "@iconify/react";
<Icon icon="ph:storefront-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:storefront-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:storefront-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--storefront-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:storefront-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:storefront-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/storefront-light.svg" alt="Ikon Storefront Light" width="24" height="24">Ikon terkait di Phosphor
FAQ Ikon Storefront Light
Apakah ikon Storefront Light gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Storefront Light di React?
Pasang @iconify/react lalu render <Icon icon="ph:storefront-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Storefront Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/storefront-light.svg" alt="Ikon Storefront Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.