Ideon Light ikonu
selfhst:ideon-light
Ideon Light ikonu (selfhst:ideon-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
- ideonlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M320.3 361.6c6.2-.1 11.4 4.7 11.5 10.7c.1 5.8-5.2 11.1-11.1 11.3c-5.7.1-11.3-5.3-11.3-11.1c0-5.7 5.1-10.8 10.9-10.9m28.5-135.4c-6.9-11-16.4-19.4-27.3-26.2c-17.6-10.9-37-16.2-57.5-17.5c-18.8-1.2-37.2.7-55 7.2c-9.4 3.4-18.1 8-24.9 15.6c-9.8 10.9-11.3 23.4-7.1 37c.5 0 .9 0 1.2-.1c2-.4 4.1-.8 6.1-1.3c13.8-3.5 26.6-9.2 39.5-15.1c17.5-8 35.4-14.7 55-15.4c10.8-.3 21.2.9 31.1 5.7c11.5 5.7 19 14.4 20.7 27.4c1.7 13.8-3.1 25.7-11.6 36.3c-9.3 11.6-21.2 19.5-35.4 23.9c-1.2.4-2.4.7-3.6 1.1c-1.1.3-2.2.7-3.7 1.1c16.9 7.5 34.1 8.9 51.7 6.1c.7-.1 1.6-.6 2-1.2c6.9-9.5 14.3-18.8 19.9-29.3c9.8-18.7 10.4-37.1-1.1-55.3m-33.6 32.5c5.2-14.2 0-26.4-13.2-31.5c-9.5-3.6-19.3-4.1-29.2-2.9c-13.9 1.6-26.9 6.5-39.7 11.9c-11.9 5-23.9 10-35.9 14.7c-4.4 1.7-9.2 2.6-14.1 3.9c.9 1.4 1.6 2.6 2.5 3.7c10.9 14.2 25 23.9 41.5 30.4c21 8.2 41.9 8 62.3-2.3c12-6 21.1-15.1 25.8-27.9m53.7-80.3c-15.8-16.4-34.8-27.9-55.9-36.1c-22.8-8.8-46.4-13.2-70.8-13.9c-13.9-.4-27.6.6-41.2 3.2c-21.1 4-40.9 10.9-58.3 23.8c-10.7 7.9-19.7 17.5-25.1 29.8c-4.8 10.8-6.1 21.9-1.2 33.1c4.4 9.9 12.3 16.4 22.1 20.6c8 3.4 16.4 5.1 25.3 4.8c-.2-.7-.3-1.2-.4-1.6s-.3-.8-.4-1.2c-4.2-16-1.2-30.5 9.5-43.2c7.8-9.2 17.9-15.3 29-19.6c19.9-7.8 40.6-10.3 61.9-9.1c21.1 1.2 41 6.1 59.6 16.3c16.1 8.9 29.7 20.4 39 36.6c7.7 13.6 10.7 28.1 7.9 43.7c-1.8 10.1-6 19.1-11.2 27.8c-2.2 3.6-4.6 7.1-6.9 10.6c.1.2.3.4.4.5c4.4-2.4 9-4.7 13.3-7.3c11.3-7 20.7-15.9 26.7-28c7.7-15.4 7.9-31.4 3.2-47.6c-4.7-16.7-14.4-30.7-26.5-43.2M512 152.9v206.2c0 84.5-68.5 152.9-152.9 152.9H152.9C68.5 512 0 443.5 0 359.1V152.9C0 68.5 68.5 0 152.9 0h206.2C443.5 0 512 68.5 512 152.9m-109.5 49.3c-12.2-24.4-30.7-42.9-53.7-57.1c-30.9-19.1-64.8-28.2-100.9-30c-17.1-.8-34.1.1-51 3.4c-21.8 4.3-42.2 11.7-60.5 24.5c-15.5 10.9-27.6 24.5-33.7 42.7c-5.3 15.9-4.1 31.2 5.3 45.3c8.3 12.5 20.6 19.5 34.8 23.4c8.5 2.3 17.2 3 25.7 2.4c2 3.2 3.7 6.3 5.8 9c20.1 25 45.9 39.5 78.2 42.1c.5 0 1.1.2 1.6.5c2.3 1.4 4.4 2.9 6.7 4.2c12.9 7.5 26.7 12.2 41.6 13.2c5.8.4 11.6.1 17.6.1c-.3.6-.4 1-.6 1.3c-3.3 6.6-5.9 13.5-6.8 21c-.1.6-1 1.2-1.7 1.7c-3 2.1-6.6 3.7-9.1 6.4c-7.3 8.1-8.2 19.1-2.8 28.2c5.4 9.2 15.9 13.9 26.5 11.8c10-1.9 18.4-10.9 19.7-20.7c1.3-10.9-4.2-20.8-14.2-25.3c-1.6-.7-3.2-1.3-4.9-1.9c.1-.6.2-1.1.3-1.6c1.9-8 5.9-14.9 10.3-21.7c1.1-1.6 2.2-2.4 4.1-2.9c20.7-5.9 39.2-15.6 53.5-32.2c11-12.7 17.1-27.5 17.9-44.2c.9-15.2-2.8-29.8-9.7-43.6"/></svg>Ideon Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ideon-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ideon-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ideon-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ideon-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ideon-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:ideon-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/ideon-light.svg" alt="Ideon Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Ideon Light ikonu: sık sorulan sorular
Ideon 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.
Ideon Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:ideon-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Ideon 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/ideon-light.svg" alt="Ideon Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.