Owl ikonu
boxicons:owl
Owl ikonu (boxicons:owl), Boxicons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Boxicons, MIT lisansı 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
- Boxicons
- Yazar
- Boxicons
- Lisans
- MIT
- Boyut
- 24 × 24
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 1 0 0-3m-9 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 1 0 0-3m4.5 3c-.83 0-1.5.62-1.5 2s1.5 3 1.5 3s1.5-1.62 1.5-3s-.67-2-1.5-2"/><path fill="currentColor" d="M22 3h-2c0 .77-.11 1.74-.59 2.27C17.56 3.22 14.9 2 12 2S6.45 3.22 4.59 5.27C4.11 4.74 4 3.76 4 3H2c0 1.79.48 3.1 1.4 3.89c-.27.46-.51.94-.71 1.45A9.8 9.8 0 0 0 2 11.99c0 .17.02.33.03.5H2v9.5h2v-4.03c1.83 2.44 4.73 4.03 8 4.03s6.17-1.59 8-4.03v4.03h2v-9.5h-.03c0-.17.03-.33.03-.5c0-1.27-.23-2.49-.69-3.65c-.2-.51-.44-.99-.71-1.45c.93-.8 1.4-2.1 1.4-3.89M12 4c1.73 0 3.36.54 4.69 1.5h-.18c-.13 0-.26.02-.39.02h-.16a5.5 5.5 0 0 0-3.95 2.3c-.18-.25-.39-.5-.61-.72a5.44 5.44 0 0 0-3.89-1.62h-.19a7.97 7.97 0 0 1 4.69-1.5Zm0 16c-4.41 0-8-3.59-8-8c0-.98.17-1.93.52-2.82c.04-.06.08-.12.13-.18c.04-.06.08-.12.12-.17c.05-.06.11-.12.16-.18c.05-.05.09-.1.14-.15c.06-.06.12-.11.19-.16c.05-.04.1-.09.15-.13c.07-.05.14-.09.21-.14c.05-.04.11-.07.16-.11c.07-.04.15-.08.23-.11c.06-.03.11-.06.17-.08c.08-.03.17-.06.26-.09l.11-.03c.2-.03.37-.07.51-.11q.225-.03.45-.03c.94 0 1.82.36 2.48 1.03c.66.65 1.02 1.53 1.02 2.47c0 .55.45 1 1 1s1-.45 1-1a3.504 3.504 0 0 1 3.95-3.47c.13.04.31.07.51.11l.11.03c.09.03.17.05.26.09c.06.02.11.05.17.08c.08.04.16.07.23.11c.06.03.11.07.16.11c.07.04.14.09.21.14c.05.04.1.09.15.13c.06.05.13.1.19.16c.05.05.09.1.14.15c.06.06.11.12.16.18c.04.05.08.11.12.17s.09.12.13.18c.34.89.52 1.84.52 2.82c0 4.41-3.59 8-8 8Z"/></svg>
Owl ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:owl" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:owl" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:owl" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--owl]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:owl"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:owl"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/boxicons/owl.svg" alt="Owl ikonu" width="24" height="24">
Boxicons setindeki benzer ikonlar
Diğer ikon setlerinde Owl ikonu
Owl ikonu: sık sorulan sorular
Owl ikonu ticari kullanım için ücretsiz mi?
Evet. Boxicons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Owl ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="boxicons:owl" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Owl 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/boxicons/owl.svg" alt="Owl ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Boxicons →
ICONYZ
