Whisparr ikonu
selfhst:whisparr
Whisparr ikonu (selfhst:whisparr), 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"><circle cx="256" cy="256" r="243.1" fill="#ff69b4"/><path fill="#333" d="M491.9 156.4c-1.4-3.3-2.8-6.5-4.4-9.7c.3 0 .6-.1.9-.1c3.6-.5 6.8-1.8 9.7-3.7q7.95-4.2 9-8.7c.4-1.7-.3-2.5-2.3-2.5c-3.7 0-7.5 1.7-11.3 5c-2.9 2.5-5.8 4.1-8.5 4.7c-12.3-24.5-28.4-46.8-48-66.4c-23.5-23.5-50.9-42-81.3-54.9C324.1 6.8 290.6 0 256 0s-68.1 6.8-99.6 20.1C125.9 33 98.5 51.5 75 75s-42 50.9-54.9 81.3C6.8 187.9 0 221.4 0 256s6.8 68.1 20.1 99.6C33 386.1 51.5 413.5 75 437s50.9 42 81.3 54.9c31.6 13.3 65.1 20.1 99.7 20.1s68.1-6.8 99.6-20.1c30.5-12.9 57.9-31.4 81.4-54.9s42-50.9 54.9-81.2c13.3-31.6 20.1-65.1 20.1-99.7s-6.7-68.1-20.1-99.7M256 25.8c79.8 0 150.3 40.9 191.6 102.8c-.1.2-.1.5-.2.7c-.8 3.6.2 7 3.1 10.3c2.7 3.6 5.4 6.1 8.3 7.6c1.7 3.2 3.4 6.4 4.9 9.7v.1c-4.1 17.3-16.1 40.6-36 69.8c-25.4 37.2-56 71.8-91.7 103.7c-10 9.1-20.5 17.7-31.5 26c-11 8.2-21.7 15-32.1 20.2s-19.8 7.8-28.1 7.8q-11.4 0-16.8-6.6c-3.6-4.4-4.2-11.6-1.9-21.5c4-16.8 16.8-41.4 38.4-73.9c30.3-45.5 60.5-83.9 90.4-115.3c-1.3-3.9-5.5-5.8-12.6-5.8c-6.8 0-15.2 3.5-25.1 10.7s-20.2 15.2-30.8 24c-12.3 10.5-23 19.7-32.2 27.5s-17 14.4-23.4 19.6c-13 10.5-27.4 22.7-43 36.6c-15.7 13.9-32.6 29.7-50.7 47.3c-29.5 28.3-44.6 42.5-45.3 42.5c.2 0 15.4-16.7 45.6-50c36.4-40.2 66.3-74.9 89.6-104.1c33.3-42.4 52-72.2 56.1-89.6c3.4-14.3-4.6-21.5-23.9-21.5c-10.7 0-23.5 2.3-38.3 6.8c-14.7 4.5-29.7 10.3-44.8 17.3c-15.2 7-28.6 14.4-40.5 22.1c-28.8 18.4-54.4 39.5-76.6 63.2c-14.8 15.7-25.7 29.9-32.7 42.5v-.2c0-127 103.3-230.3 230.2-230.3M64.8 384c-15.6-23.3-27.1-49.5-33.4-77.7c4.4 1.9 9.5 2.9 15.2 2.9c6.1 0 13.4-1.2 21.9-3.5s17.2-5.6 26-9.9c8.9-4.3 16.7-9.1 23.6-14.3s11.8-10.7 14.6-16.5c.7-1.9.6-2.9-.4-2.9s-5.4 3-13.2 9.1c-10.2 7.7-20.2 14-30.2 19c-10 4.9-19.4 7.4-28.2 7.4c-4.7 0-8.7-.6-12.1-1.7c-9.2-2.5-12.4-9.7-9.6-21.5c3.6-15.4 15.5-34.4 35.5-57q15.3-16.95 32.1-31.8c11.2-10 23-18.9 35.4-26.9c44-28.7 76.4-43 97.2-43c3.4 0 7 .4 10.7 1.2s6.8 2.3 9.2 4.5c2.5 2.2 3.1 5.5 2.1 9.9c-2.2 9.3-11.2 25.4-27.1 47.9q-23.85 33.75-69 86.7l-98 114.8c-.8 1.1-1.6 2.2-2.3 3.3M256 486.2c-71.4 0-135.3-32.7-177.6-83.9c.6-.6 1.2-1.1 1.8-1.7l56.5-58.7c18.2-19 34-34.9 47.3-47.7s23.9-22.6 31.6-29.5c7.1-6.1 13.2-11.2 18.2-15.5s10.3-8.5 15.8-12.6c5.6-4.2 12.4-9.2 20.5-15.1c8.2-5.9 18.7-13.5 31.7-22.9L260 263.5c-10.1 15.7-19.3 31.5-27.7 47.3s-14.1 29.9-17 42.3c-6.3 26.5 3.2 39.7 28.4 39.7c23 0 52.6-14 88.9-42.1c18.2-13.8 35.1-28.5 50.8-44.2s30.3-32.4 43.8-50c23.6-30.8 38.9-56.6 45.8-77.4c8.6 24.1 13.2 49.9 13.2 76.9c0 126.9-103.3 230.2-230.2 230.2"/></svg>Whisparr ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:whisparr" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:whisparr" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:whisparr" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--whisparr]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:whisparr"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:whisparr"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/whisparr.svg" alt="Whisparr ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Whisparr ikonu: sık sorulan sorular
Whisparr 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.
Whisparr ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:whisparr" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Whisparr 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/whisparr.svg" alt="Whisparr ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.