Ikon Whalar
logos:whalar
Ikon Whalar (logos:whalar) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 103. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 103
Kode SVG
<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>Cara memakai ikon Whalar
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:whalar"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/whalar.svg" alt="Ikon Whalar" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Whalar
Apakah ikon Whalar gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Whalar di React?
Pasang @iconify/react lalu render <Icon icon="logos:whalar" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Whalar ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/whalar.svg" alt="Ikon Whalar">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.