Whatsapp Dark ikonu
selfhst:whatsapp-dark
Whatsapp Dark ikonu (selfhst:whatsapp-dark), 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
- whatsappdark
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M401.7 109.3c-38-38.1-90.6-59.9-144.2-59.9h-.4C144.4 49.4 52.7 141 52.6 253.7c0 38.4 10.9 76.1 31.4 108.8l6.5 10.4l-19.1 69.7l71.5-18.7l10.1 5.9c31.4 18.6 67.3 28.4 104 28.4c112.8 0 204.4-91.7 204.5-204.3c.2-54-21.6-106.7-59.8-144.6m-20.4 235c-5.3 14.8-31.2 29-42.8 30.2c-11.7 1-22.5 5.2-76.1-15.9c-64.5-25.4-105.1-91.5-108.4-95.7c-3.2-4.2-25.9-34.4-25.9-65.5s16.4-46.5 22.2-52.9c5.8-6.3 12.7-7.9 16.9-7.9l12.2.1c4.5.2 9.5.4 14.3 11c5.6 12.6 17.9 43.9 19.7 46.9c1.6 3.2 2.6 6.9.5 11.2c-2.1 4.2-3.1 6.8-6.3 10.6c-3.2 3.7-6.7 8.3-9.5 11.2c-3.2 3.2-6.5 6.6-2.8 13c3.7 6.3 16.4 27.1 35.3 43.9c24.2 21.6 44.6 28.2 51 31.5c6.3 3.1 10.1 2.6 13.8-1.6s15.9-18.5 20.1-24.8c4.2-6.4 8.4-5.3 14.3-3.2c5.8 2.1 37 17.4 43.3 20.6s10.6 4.8 12.2 7.4s1.4 15.2-4 29.9m55.3-269.9C388.7 26.4 325 0 257.1 0C117.2 0 3.3 113.8 3.3 253.7c-.1 44.5 11.6 88.2 33.9 126.8L1.1 512l134.6-35.3c37.1 20.2 78.8 30.9 121.3 30.9h.1c139.8 0 253.7-113.8 253.8-253.7c0-67.9-26.3-131.6-74.3-179.5M257.1 471.2c-39.1 0-77.4-10.5-110.8-30.3l-5.3-3.1l-88.1 23.1L76.4 375l-3.5-5.5c-21.8-34.9-33.4-74.9-33.4-115.8c.1-119.9 97.7-217.4 217.6-217.4h.4c28.5 0 56.5 5.5 82.9 16.5c26.5 11 50.3 26.9 70.6 47.2c20.4 20.3 36.3 44 47.2 70.6c11 26.5 16.5 54.6 16.4 83.3c-.1 119.8-97.7 217.3-217.5 217.3"/></svg>Whatsapp Dark ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:whatsapp-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:whatsapp-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:whatsapp-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--whatsapp-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:whatsapp-dark"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:whatsapp-dark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/whatsapp-dark.svg" alt="Whatsapp Dark ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Whatsapp Dark ikonu: sık sorulan sorular
Whatsapp Dark 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.
Whatsapp Dark ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:whatsapp-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Whatsapp Dark 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/whatsapp-dark.svg" alt="Whatsapp Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.