Woocommerce ikonu
selfhst:woocommerce
Woocommerce ikonu (selfhst:woocommerce), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. selfh.st/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
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#7f54b3" fill-rule="evenodd" d="M47.5 103.6h416.8c26.4 0 47.7 21.4 47.7 47.7v159.1c0 26.4-21.4 47.7-47.7 47.7H314.8l20.5 50.2l-90.2-50.2H47.7C21.4 358.1 0 336.8 0 310.4V151.3c-.2-26.1 21.1-47.7 47.5-47.7"/><path fill="#fff" d="M25.5 146.9c2.9-4 7.3-6.1 13.2-6.5c10.7-.8 16.7 4.2 18.2 15.1c6.5 43.7 13.6 80.8 21.1 111.1l45.8-87.3c4.2-8 9.4-12.1 15.7-12.6c9.2-.6 14.9 5.2 17.2 17.6c5.2 27.8 11.9 51.5 19.9 71.6c5.4-53.2 14.7-91.5 27.6-115.1c3.1-5.9 7.7-8.8 13.8-9.2q7.2-.6 13.2 4.2c4 3.1 6.1 7.1 6.5 11.9c.2 3.8-.4 6.9-2.1 10c-8.2 15.1-14.9 40.4-20.3 75.6c-5.2 34.1-7.1 60.7-5.9 79.8c.4 5.2-.4 9.8-2.5 13.8c-2.5 4.6-6.3 7.1-11.1 7.5c-5.4.4-11.1-2.1-16.5-7.7c-19.5-19.9-35-49.6-46.3-89.2c-13.6 26.8-23.7 46.9-30.1 60.3c-12.3 23.7-22.8 35.8-31.6 36.4c-5.7.4-10.5-4.4-14.7-14.4c-10.5-27.4-22.1-80.3-34.4-158.8c-.6-5.5.4-10.3 3.3-14.1m450.1 32.9c-7.5-13.2-18.6-21.1-33.5-24.3c-4-.8-7.7-1.3-11.3-1.3c-20.1 0-36.4 10.5-49.2 31.4c-10.9 17.8-16.3 37.5-16.3 59c0 16.1 3.3 29.9 10 41.4c7.5 13.2 18.6 21.1 33.5 24.3c4 .8 7.7 1.3 11.3 1.3c20.3 0 36.6-10.5 49.2-31.4c10.9-18 16.3-37.7 16.3-59.2c0-16.3-3.3-29.9-10-41.2m-26.4 58c-2.9 13.8-8.2 24.1-15.9 31c-6.1 5.4-11.7 7.7-17 6.7c-5-1-9.2-5.4-12.3-13.6c-2.5-6.5-3.8-13-3.8-19c0-5.2.4-10.5 1.5-15.3c1.9-8.6 5.4-17 11.1-24.9c6.9-10.3 14.2-14.4 21.8-13c5 1 9.2 5.4 12.3 13.6c2.5 6.5 3.8 13 3.8 19c0 5.4-.7 10.7-1.5 15.5m-104.9-58c-7.5-13.2-18.8-21.1-33.5-24.3c-4-.8-7.7-1.3-11.3-1.3c-20.1 0-36.4 10.5-49.2 31.4c-10.9 17.8-16.3 37.5-16.3 59c0 16.1 3.3 29.9 10 41.4c7.5 13.2 18.6 21.1 33.5 24.3c4 .8 7.7 1.3 11.3 1.3c20.3 0 36.6-10.5 49.2-31.4c10.9-18 16.3-37.7 16.3-59.2c.1-16.3-3.3-29.9-10-41.2m-26.3 58c-2.9 13.8-8.2 24.1-15.9 31c-6.1 5.4-11.7 7.7-17 6.7c-5-1-9.2-5.4-12.3-13.6c-2.5-6.5-3.8-13-3.8-19c0-5.2.4-10.5 1.5-15.3c1.9-8.6 5.4-17 11.1-24.9c6.9-10.3 14.2-14.4 21.8-13c5 1 9.2 5.4 12.3 13.6c2.5 6.5 3.8 13 3.8 19c-.1 5.4-.5 10.7-1.5 15.5"/></svg>Woocommerce ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:woocommerce" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:woocommerce" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:woocommerce" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--woocommerce]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:woocommerce"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:woocommerce"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/woocommerce.svg" alt="Woocommerce ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Diğer ikon setlerinde Woocommerce ikonu
Woocommerce ikonu: sık sorulan sorular
Woocommerce ikonu ticari kullanım için ücretsiz mi?
Evet. selfh.st/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.
Woocommerce ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:woocommerce" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Woocommerce 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/selfhst/woocommerce.svg" alt="Woocommerce ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.