Whalar Icon icon
logos:whalar-icon
The Whalar Icon icon (logos:whalar-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 243 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
- 256 × 243
- Tags
- whalaricon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="243" viewBox="0 0 256 243"><path fill="#22cace" d="M255.998 115.176v64.007c-.033.621-2.003 31.689-63.997 31.689c-62.62 0-63.998 30.319-63.998 31.697c0-1.464-1.378-31.697-63.998-31.697c-61.44 0-63.953-27.416-64.004-31.254v-.215c.001-.15.006-.23.006-.23v-63.997s2.843 31.697 63.998 31.697s63.998 28.856 63.998 31.698c0-2.153.689-31.698 63.998-31.698c62.078 0 63.94-30.472 63.996-31.671zM256 0v63.998s0 31.698-63.998 31.698c-63.358 0-63.992 29.631-63.998 31.645l-.002-.065c-.078-2.461-2.628-31.58-63.996-31.58C2.486 95.696.041 68.28.001 64.442v-.214c.002-.15.007-.23.007-.23V.038c.026 1.217 1.28 31.66 63.998 31.66s63.972 28.374 63.997 31.536v.161c0-2.842.69-31.698 63.999-31.698C255.31 31.697 256 0 256 0"/></svg>How to use the Whalar Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:whalar-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:whalar-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:whalar-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--whalar-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:whalar-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:whalar-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/whalar-icon.svg" alt="Whalar Icon icon" width="24" height="24">Related icons in SVG Logos
Whalar Icon icon FAQ
Is the Whalar Icon 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 icon in React?
Install @iconify/react and render <Icon icon="logos:whalar-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whalar Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/whalar-icon.svg" alt="Whalar Icon icon">, or paste the SVG code inline to style it with CSS.