Shop ikonu
lets-icons:shop
Shop ikonu (lets-icons:shop), Lets Icons setinden ücretsiz bir SVG ikondur (yapımcı: Leonid Tsvetkov). 24 × 24 ızgara üzerinde çizilmiştir. Lets Icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Lets Icons
- Yazar
- Leonid Tsvetkov
- Lisans
- CC-BY-4.0
- Boyut
- 24 × 24
- Kategori
- Mağaza ve e-ticaret
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.621 4.515c.182-.728.273-1.091.544-1.303C5.437 3 5.812 3 6.562 3h10.876c.75 0 1.125 0 1.397.212c.27.212.362.575.544 1.303l1.203 4.814c.097.388.146.581.135.739a1 1 0 0 1-.69.883c-.15.049-.354.049-.763.049c-.533 0-.8 0-1.023-.052a2 2 0 0 1-1.393-1.18c-.089-.212-.132-.47-.217-.983c-.024-.144-.036-.216-.05-.235a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235l-.081.489l-.018.1A2 2 0 0 1 14.352 11h-.204a2 2 0 0 1-1.936-1.726l-.081-.49c-.024-.143-.036-.215-.05-.234a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235l-.081.489l-.018.1A2 2 0 0 1 9.852 11h-.204A2 2 0 0 1 7.73 9.374l-.018-.1l-.081-.49c-.024-.143-.036-.215-.05-.234a.1.1 0 0 0-.162 0c-.014.019-.026.09-.05.235c-.085.514-.128.77-.217.983a2 2 0 0 1-1.392 1.18C5.536 11 5.27 11 4.736 11c-.409 0-.613 0-.763-.049a1 1 0 0 1-.69-.883c-.01-.158.038-.351.135-.739z"/><path fill="currentColor" fill-rule="evenodd" d="M5.017 12.5C5 12.921 5 13.415 5 14v6c0 .943 0 1.414.293 1.707S6.057 22 7 22h3v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4h3c.943 0 1.414 0 1.707-.293S19 20.943 19 20v-6c0-.585 0-1.079-.017-1.5c-.365 0-.738-.011-1.083-.091a3.5 3.5 0 0 1-1.4-.682c-.584.47-1.32.754-2.113.772l-.126.001h-.148A3.5 3.5 0 0 1 12 11.726c-.584.47-1.32.754-2.113.772l-.126.001h-.148a3.5 3.5 0 0 1-2.113-.773c-.404.325-.88.56-1.4.682c-.345.08-.718.09-1.083.091" clip-rule="evenodd"/></svg>
Shop ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:shop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:shop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:shop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--shop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:shop"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:shop"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/lets-icons/shop.svg" alt="Shop ikonu" width="24" height="24">
Lets Icons setindeki benzer ikonlar
Diğer ikon setlerinde Shop ikonu
Shop ikonu: sık sorulan sorular
Shop ikonu ticari kullanım için ücretsiz mi?
Evet. Lets Icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Shop ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="lets-icons:shop" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Shop ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/lets-icons/shop.svg" alt="Shop ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Lets Icons →
ICONYZ
