Snapcast Light ikonu
selfhst:snapcast-light
Snapcast Light ikonu (selfhst:snapcast-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
- snapcastlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M477.7 128C407 5.6 250.4-36.3 128 34.3S-36.3 261.6 34.3 384S261.6 548.3 384 477.7S548.3 250.4 477.7 128M62.9 143.3c19.7-34 48-62.4 82.1-82.1c34-19.7 72.8-30 112.1-30c5.7 0 10.4 4.7 10.4 10.4S262.8 52 257.1 52c-72.5 0-140 39-176.2 101.7c-1.9 3.3-5.4 5.2-9 5.2c-1.8 0-3.5-.4-5.2-1.4c-5-2.9-6.7-9.3-3.8-14.2m187.5 254.9c-.6 5.3-5.1 9.3-10.3 9.3c-.4 0-.7 0-1.1-.1c-43-4.5-82.3-27.2-107.7-62.2c-3.4-4.6-2.3-11.1 2.3-14.5s11.1-2.3 14.5 2.3c22 30.3 55.9 49.8 93.1 53.8c5.7.6 9.8 5.7 9.2 11.4m5.6 35.5c-.3 5.5-4.9 9.8-10.4 9.8h-.6c-29.6-1.5-58.7-10.2-84.4-25c-25.6-14.8-47.7-35.7-63.8-60.6c-3.1-4.8-1.8-11.2 3.1-14.4c4.8-3.1 11.2-1.8 14.4 3.1c29.1 44.9 78.4 73.3 131.8 76.1c5.8.4 10.2 5.3 9.9 11M150.1 177.8c-2 2.8-5.2 4.3-8.4 4.3c-2.1 0-4.3-.6-6.1-2c-4.6-3.4-5.7-9.9-2.3-14.5c25.4-35 64.7-57.7 107.7-62.2c5.7-.6 10.8 3.5 11.4 9.2s-3.5 10.8-9.2 11.4c-37.1 3.9-71.1 23.5-93.1 53.8M248.3 88c-53.4 2.8-102.7 31.3-131.8 76.1c-2 3.1-5.3 4.7-8.7 4.7c-1.9 0-3.9-.5-5.6-1.7c-4.8-3.1-6.2-9.6-3.1-14.4c16.1-24.8 38.2-45.8 63.8-60.6s54.8-23.4 84.4-25c5.7-.3 10.6 4.1 10.9 9.8c.2 5.9-4.2 10.8-9.9 11.1m6.7 391.6c-39.3 0-78.1-10.4-112.1-30c-34-19.7-62.4-48-82.1-82.1c-2.9-5-1.2-11.3 3.8-14.2s11.3-1.2 14.2 3.8C115 419.8 182.5 458.8 255 458.8c5.7 0 10.4 4.7 10.4 10.4s-4.7 10.4-10.4 10.4m76.9-126.7c0 3.9-2.3 7.4-5.8 9c-1.3.6-2.7.9-4.1.9c-2.3 0-4.6-.8-6.5-2.4l-66.1-57.1h-59.6c-5.5 0-9.9-4.4-9.9-9.9v-75.5c0-5.5 4.4-9.9 9.9-9.9h60.6l65.1-56.3c2.9-2.5 7.1-3.1 10.6-1.5s5.8 5.1 5.8 9zm54.3-27.3q-2.1 0-4.2-.9c-5.2-2.3-7.6-8.5-5.3-13.7c15.2-34.2 15.2-73.3 0-107.5c-2.3-5.2 0-11.4 5.3-13.7c5.2-2.3 11.4 0 13.7 5.3c17.6 39.5 17.6 84.9 0 124.4c-1.7 3.8-5.5 6.1-9.5 6.1m28.4 22.8c-1.6 0-3.2-.4-4.7-1.1c-5.1-2.6-7.1-8.9-4.5-14c24.3-47.7 24.3-104.6 0-152.2c-2.6-5.1-.6-11.4 4.5-14s11.4-.6 14 4.5c13.4 26.4 20.5 56 20.5 85.5c0 29.6-7.1 59.2-20.5 85.5c-1.8 3.8-5.5 5.8-9.3 5.8m26.6 26.1c-1.8 0-3.5-.4-5.2-1.4c-5-2.9-6.7-9.2-3.8-14.2c36.2-62.7 36.2-140.7 0-203.5c-2.9-5-1.2-11.3 3.8-14.2s11.3-1.2 14.2 3.8c19.7 34 30 72.8 30 112.1s-10.4 78.1-30 112.1c-1.9 3.5-5.4 5.3-9 5.3m-188-91h-53.4v-55.8h54.3c2.4 0 4.7-.9 6.5-2.4l51.5-44.6v150.5l-52.5-45.4c-1.7-1.5-4-2.3-6.4-2.3"/></svg>Snapcast Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:snapcast-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:snapcast-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:snapcast-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--snapcast-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:snapcast-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:snapcast-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/snapcast-light.svg" alt="Snapcast Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Snapcast Light ikonu: sık sorulan sorular
Snapcast 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.
Snapcast Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:snapcast-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Snapcast 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/snapcast-light.svg" alt="Snapcast Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.