Ghostboard Light ikonu
selfhst:ghostboard-light
Ghostboard Light ikonu (selfhst:ghostboard-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
- ghostboardlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M357.8 13.5h-204C68.8 13.5 0 82.3 0 167.3v177c0 84.9 68.8 153.8 153.8 153.8h204c84.9 0 153.8-68.8 153.8-153.8v-177c-.1-85-68.9-153.8-153.8-153.8m102.5 321.3c-3.5 9-8.7 16.7-17.3 21.6c-11.6 6.6-23.7 8.6-36.7 5c-10-2.8-20.2-3.7-30.5-1.9c-16.1 2.8-28.6 11.3-38.2 24.2c-6 8-11.2 16.6-17.3 24.5c-12.3 15.8-28.3 26.6-47.5 32c-15.9 4.5-31.5 2.8-46.8-3.6c-18.1-7.5-31.8-19.7-42.6-35.7c-5.8-8.5-11.7-16.9-19.2-24.1c-17-16.5-36.7-21.6-59.6-15.1c-22.5 6.4-45.3-4.1-55.1-24.8c-3.2-6.8-3.5-13.4 1.9-19.3c8.8-9.5 17.5-19.1 26.6-28.3c13.5-13.7 27.4-27.1 41.1-40.7c5.9-5.8 11.8-11.7 19.1-15.8c.8-.5 1.6-1.7 1.7-2.7c.5-2.8.8-5.7.8-8.5c.2-12.6.3-25.2.2-37.9s2.8-24.8 5.9-37c6.4-25 21-44.3 40.9-60.1c15.8-12.6 34-18.9 54-21c13.4-1.4 26.7-1.5 39.9 1.4c17.5 3.8 33.1 11.7 46.9 23.1c15.9 13.1 26.8 29.8 35 48.5c4.2 9.6 8.1 19.4 9 29.9c.7 8.3.6 16.7.9 25.1c.1 2.4 0 4.8 0 7.3h-.4c0 9.1.2 18.2-.1 27.2c-.2 4.8 1.4 8.5 4.7 11.8c16.5 16.4 32.9 32.8 49.3 49.3c9.8 9.9 19.4 19.9 29 30c4.2 4.5 6.7 9.6 4.4 15.6M299.5 138.5c-12.4-.5-25.9 10.5-28.4 22.8c-2.2 10.7 1.7 19.7 8.4 27.7c4.3 5.2 10 7.8 16.9 7.9c2.8-.5 5.7-.6 8.4-1.5c17.6-5.5 26-27.9 16.3-43.6c-4.9-7.9-12-13-21.6-13.3m-66.3 9.3c-.9-1-1.9-1.9-2.9-2.7c-.6-.5-1.3-1-1.9-1.5c-1.8-1.2-3.7-2.3-5.7-3.2c-10.1-4.3-20.3-2.3-27.6 5.8s-10 17.7-7.2 28.3c2.1 8 6.6 14.7 14 18.5c9.5 4.8 18.9 3.4 27.2-3c1.4-1.1 2.8-2.2 4-3.5c5.3-5.3 8.3-11.8 8.3-19.9c-.4-7-3.3-13.6-8.2-18.8"/></svg>Ghostboard Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ghostboard-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ghostboard-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ghostboard-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ghostboard-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ghostboard-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:ghostboard-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/ghostboard-light.svg" alt="Ghostboard Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Ghostboard Light ikonu: sık sorulan sorular
Ghostboard 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.
Ghostboard Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:ghostboard-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Ghostboard 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/ghostboard-light.svg" alt="Ghostboard Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.