Whalar ikonu
logos:whalar
Whalar ikonu (logos:whalar), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 103 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 103
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="103" viewBox="0 0 512 103"><path fill="#090909" d="M224.573 28.632h11.362l-22.19 56.174H202.05l-14.035-42.874h-.2l-14.036 42.874h-11.362l-21.755-56.174h11.897l15.539 42.874h.2l13.935-42.874h11.796l14.27 42.874h.2zM243.42 7.617h10.727V37.09h.2c5.247-7.82 13.835-10.392 21.989-10.392c13.5 0 23.592 5.781 23.592 19.816v38.263h-10.727V48.653c0-8.254-5.046-12.966-16.608-12.966c-9.758 0-18.446 5.681-18.446 16.709v32.381H243.42zm69.433 38.56v.033c1.376-13.77 10.668-19.306 26.924-19.51l1.574-.003l1.27.023l.642.021l1.293.062l.65.042l1.302.105c9.996.931 20.047 4.678 20.047 15.718v30.209q0 4.812 4.813 4.812c1.17 0 2.572-.1 3.74-.434v7.518c-2.57.435-5.78.635-8.354.635c-5.48 0-8.887-1.503-9.655-7.82c-4.378 5.782-14.804 9.124-23.895 9.124c-15.896 0-21.31-7.096-22.532-13.71l-.132-.824a18 18 0 0 1-.09-.816l-.052-.804q-.009-.2-.013-.396l-.004-.393c0-9.412 5.016-14.439 19.341-16.818l1.84-.284q1.415-.203 2.945-.375l12.232-1.27l.614-.058l1.178-.132l1.11-.16c4.292-.703 6.856-2.224 6.856-6.4c0-6.334-5.062-8.484-11.66-9.051l-1.255-.089a49 49 0 0 0-.64-.031l-1.298-.04l-1.322-.013c-9.123 0-17.042 2.574-17.376 11.128zm43.609 9.256c-1.07 1.203-2.717 1.946-5.47 2.525l-1.248.24l-.678.113l-1.468.219l-1.627.211l-12.098 1.504c-8.454 1.17-12.765 3.208-12.765 9.223c0 5.247 5.246 8.89 13.066 8.89c12.098 0 22.288-6.317 22.288-15.74zm25.976-47.816h10.727v77.16H382.44zm23.696 38.56v.033c1.377-13.77 10.669-19.306 26.924-19.51l1.574-.003l1.271.023l.642.021l1.292.062l.65.042l1.302.105c9.997.931 20.048 4.678 20.048 15.718v30.209q0 4.812 4.81 4.812c1.172 0 2.574-.1 3.743-.434v7.518c-2.571.435-5.78.635-8.355.635c-5.479 0-8.886-1.503-9.655-7.82c-4.38 5.782-14.804 9.124-23.895 9.124c-15.895 0-21.31-7.096-22.532-13.71l-.131-.824a18 18 0 0 1-.09-.816l-.053-.804q-.009-.2-.013-.396l-.004-.393c0-9.412 5.014-14.439 19.341-16.818l1.84-.284q1.416-.203 2.945-.375l12.233-1.27l.614-.058l1.178-.132l1.109-.16c4.292-.703 6.856-2.224 6.856-6.4c0-6.334-5.062-8.484-11.66-9.051l-1.255-.089a49 49 0 0 0-.639-.031l-1.299-.04l-1.321-.013c-9.124 0-17.043 2.574-17.376 11.128zm43.61 9.256c-1.07 1.203-2.72 1.946-5.471 2.525l-1.248.24l-.678.113l-1.468.219l-1.627.211l-12.098 1.504c-8.454 1.17-12.764 3.208-12.764 9.223c0 5.247 5.245 8.89 13.065 8.89c12.095 0 22.288-6.317 22.288-15.74zm25.931-26.8h10.728v10.292h.199c5.046-8.89 12.098-12.23 19.284-12.23c2.674 0 4.076.1 6.113.634v11.562c-2.67-.735-4.71-1.069-7.618-1.069c-10.626 0-18.013 6.316-18.013 18.447v28.504h-10.725V28.6z"/><path fill="#22cace" d="M107.942 48.568v26.985c-.014.262-.844 13.362-26.984 13.362c-26.404 0-26.985 12.784-26.985 13.365l-.001-.051c-.033-1.071-1.108-13.314-26.984-13.314C1.081 88.915.022 77.355 0 75.736v-.124l.003-.063V48.57c.026.261 1.456 13.36 26.985 13.36c25.787 0 26.985 12.168 26.985 13.366c0-.908.29-13.365 26.985-13.365c26.175 0 26.96-12.85 26.984-13.355zm.001-48.564v26.997c-.01.513-.54 13.35-26.985 13.35c-26.175 0-26.96 11.994-26.984 13.277v.088c0-.581-.582-13.365-26.986-13.365C1.048 40.35.018 28.79 0 27.172v-.125l.003-.058V.016c.011.513.54 13.35 26.985 13.35c26.176 0 26.96 11.72 26.984 13.253l.002.027c.021-1.595.824-13.28 26.984-13.28c26.428 0 26.977-13.1 26.985-13.362"/></svg>Whalar ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:whalar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:whalar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:whalar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--whalar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:whalar"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:whalar"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/whalar.svg" alt="Whalar ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Whalar ikonu: sık sorulan sorular
Whalar ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Whalar ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:whalar" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Whalar 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/logos/whalar.svg" alt="Whalar ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.