Woocommerce Light ikonu
selfhst:woocommerce-light
Woocommerce Light ikonu (selfhst:woocommerce-light), 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
- Etiketler
- woocommercelight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M446.9 203.3c2.5 6.5 3.8 13 3.8 19c0 5.4-.7 10.7-1.5 15.5c-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.6m65.1-52v159.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.7h416.8c26.4 0 47.7 21.4 47.7 47.7m-296.7 82c5.4-35.2 12.1-60.5 20.3-75.6c1.7-3.1 2.3-6.2 2.1-10c-.4-4.8-2.5-8.8-6.5-11.9q-6-4.8-13.2-4.2c-6.1.4-10.7 3.3-13.8 9.2c-12.9 23.6-22.2 61.9-27.6 115.1c-8-20.1-14.7-43.8-19.9-71.6c-2.3-12.4-8-18.2-17.2-17.6c-6.3.5-11.5 4.6-15.7 12.6L78 266.6c-7.5-30.3-14.6-67.4-21.1-111.1c-1.5-10.9-7.5-15.9-18.2-15.1c-5.9.4-10.3 2.5-13.2 6.5c-2.9 3.8-3.9 8.6-3.3 14.1c12.3 78.5 23.9 131.4 34.4 158.8c4.2 10 9 14.8 14.7 14.4c8.8-.6 19.3-12.7 31.6-36.4c6.4-13.4 16.5-33.5 30.1-60.3c11.3 39.6 26.8 69.3 46.3 89.2c5.4 5.6 11.1 8.1 16.5 7.7c4.8-.4 8.6-2.9 11.1-7.5c2.1-4 2.9-8.6 2.5-13.8c-1.2-19.1.7-45.7 5.9-79.8m139-12.3c.1-16.3-3.3-29.9-10-41.2c-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.2m131.3 0c0-16.3-3.3-29.9-10-41.2c-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.2m-182.2-31.3c-7.6-1.4-14.9 2.7-21.8 13c-5.7 7.9-9.2 16.3-11.1 24.9c-1.1 4.8-1.5 10.1-1.5 15.3c0 6 1.3 12.5 3.8 19c3.1 8.2 7.3 12.6 12.3 13.6c5.3 1 10.9-1.3 17-6.7c7.7-6.9 13-17.2 15.9-31c1-4.8 1.4-10.1 1.5-15.5c0-6-1.3-12.5-3.8-19c-3.1-8.2-7.3-12.6-12.3-13.6"/></svg>Woocommerce Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:woocommerce-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:woocommerce-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:woocommerce-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--woocommerce-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:woocommerce-light"></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-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/woocommerce-light.svg" alt="Woocommerce Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Woocommerce Light ikonu: sık sorulan sorular
Woocommerce Light 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 Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:woocommerce-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Woocommerce Light 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-light.svg" alt="Woocommerce Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.