Whalar icon

logos:whalar

The Whalar icon (logos:whalar) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 103 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 103

Download SVG

SVG code

<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>

How to use the Whalar icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/whalar.svg" alt="Whalar icon" width="24" height="24">

Related icons in SVG Logos

Whalar icon FAQ

Is the Whalar icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Whalar icon in React?

Install @iconify/react and render <Icon icon="logos:whalar" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Whalar icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/whalar.svg" alt="Whalar icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →