Info Circle ikonu
el:info-circle
Info Circle ikonu (el:info-circle), Elusive Icons setinden ücretsiz bir SVG ikondur (yapımcı: Team Redux). 1200 × 1200 ızgara üzerinde çizilmiştir. Elusive Icons, Open Font License ile yayınlanır. Bu lisans 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
- Elusive Icons
- Yazar
- Team Redux
- Lisans
- OFL-1.1
- Boyut
- 1200 × 1200
- Etiketler
- infocircle
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m-18.823 205.884c27.494.001 49.881 7.415 67.163 22.339c17.281 14.926 25.928 34.609 25.928 58.96c0 24.353-8.646 43.962-25.928 58.887c-17.282 14.926-39.669 22.413-67.163 22.412c-27.494.001-49.882-7.486-67.163-22.412c-16.496-14.925-24.756-34.534-24.756-58.887c0-24.351 8.26-44.034 24.756-58.96c17.281-14.925 39.669-22.338 67.163-22.339m85.986 262.72l23.584 27.1c-12.569 32.993-18.896 69.509-18.896 109.57v288.721c0 10.212.846 17.239 2.417 21.167c2.356 3.928 7.452 7.864 15.308 11.792c14.14 8.641 34.908 16.9 62.402 24.756l-8.203 42.407c-67.557-7.07-115.109-10.547-142.603-10.547s-74.587 3.477-141.357 10.547l-9.448-42.407c28.279-6.284 49.121-14.157 62.476-23.584c11.783-7.069 17.651-18.42 17.651-34.131v-294.58c0-27.493-10.65-41.235-31.86-41.235l-41.235 8.203l-9.375-47.095c28.279-11.782 65.567-23.206 111.914-34.204c46.345-10.998 82.087-16.48 107.225-16.48"/></svg>
Info Circle ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="el:info-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:info-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:info-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--info-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:info-circle"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:info-circle"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/el/info-circle.svg" alt="Info Circle ikonu" width="24" height="24">
Diğer ikon setlerinde Info Circle ikonu
Info Circle ikonu: sık sorulan sorular
Info Circle ikonu ticari kullanım için ücretsiz mi?
Evet. Elusive Icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Info Circle ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="el:info-circle" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Info Circle 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/el/info-circle.svg" alt="Info Circle ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Elusive Icons →
ICONYZ
