Wattbox ikonu
selfhst:wattbox
Wattbox ikonu (selfhst:wattbox), 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="#f5893b" d="M181.4 256.7C239.4 170.8 296.7 85.9 354.5.1h-6C289.3.1 224.9.2 165.7 0C121 99.9 73.4 205 28.6 304.9c-.5 1.2-1 2.5-1.8 4.5h130.7C114.4 377.2 71.7 444.1 29.1 511c.4.3.7.6 1.1 1l279.9-254.1c-.1-.4-.3-.8-.4-1.2zm-71.8 159.8c-.4-.4-.8-.7-1.2-1.1c28.7-39.5 57.4-79 87-119.6H51.9L76 270c19.6-20.4 39.2-40.8 58.8-61.3c10.9-11.4 21.8-22.9 32.7-34.3c17.1-18 34.3-35.9 51.4-53.9c11.2-11.7 22.4-23.5 33.6-35.2c13.8-14.6 27.6-29.2 41.5-43.8c1.2-1.3 2.8-2.1 4.3-3.1c0-.1.1-.2.1-.2s0 .1-.1.2c-1.6 2.5-3.1 5.1-4.7 7.6l-2.4 3.9c-2.4 3.8-4.7 7.7-7.2 11.4c-26.9 41.9-53.9 83.8-80.8 125.7l-54.6 85.2c-.7 1-1.2 2.1-2.3 4.1c36.6 0 74.4-.5 110.2-.5c-48.4 46.4-98.4 94.4-146.9 140.7"/><path fill="#f9ae40" d="M298.2 38.4c-1.4 1-3.1 1.9-4.3 3.1c-13.9 14.6-27.6 29.2-41.5 43.8c-11.2 11.8-22.4 23.5-33.6 35.2c-17.1 18-34.3 35.9-51.4 53.9c-10.9 11.4-21.8 22.9-32.7 34.3c-19.5 20.5-39.1 40.9-58.7 61.3l-24 25.8h143.5c-29.6 40.7-58.3 80.1-87 119.6c.4.4.8.7 1.2 1.1c48.5-46.3 98.4-94.4 146.9-140.7c-35.8 0-73.6.5-110.2.5c1.1-2 1.6-3.1 2.3-4.1l54.6-85.2c26.9-41.9 53.9-83.8 80.8-125.7c4.8-7.5 9.4-15.3 14.1-22.9"/><path fill="#211e1e" d="M358.1 53.2c-29 43-58 85.9-87.1 129l15.5 54h76.3c.1.4.3.8.4 1.2c-20.2 18.3-40.4 36.7-60.5 55l24.8 86.4h157.6z"/></svg>Wattbox ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:wattbox" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:wattbox" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:wattbox" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--wattbox]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:wattbox"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:wattbox"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/wattbox.svg" alt="Wattbox ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Wattbox ikonu: sık sorulan sorular
Wattbox 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.
Wattbox ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:wattbox" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Wattbox 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/wattbox.svg" alt="Wattbox ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.