Whale icon
fluent-emoji:whale
The Whale icon (fluent-emoji:whale) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT 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
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iNV3NFc)" d="M8.363 29.971c-1.735 0-3.64-2.437-3.11-5.922c.313.2 2.615 2.052 3.75 3.14c.328.845.11 2.782-.64 2.782"/><path fill="url(#i99q9Ub)" d="M8.363 29.971c-1.735 0-3.64-2.437-3.11-5.922c.313.2 2.615 2.052 3.75 3.14c.328.845.11 2.782-.64 2.782"/><path fill="url(#ighox5d)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><path fill="url(#ib10yFg)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><path fill="url(#irLQzKX)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><path fill="url(#i04Q1Rb)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><path fill="url(#i3u8MTb)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><path fill="url(#iaLvfae)" d="M29 16.936c0-3.985-1.89-7.579-4.82-10.344c-.113-.106-.314-.36-.149-.68c.383-.742.831-1.326.453-3.062c-.092-.426-.148-1.235-.953-1.157s-1.586 1.211-1.586 1.211c-.503.705-.687 1.156-.687 2.516c.022.38-.056.58-.445.625c-.54.062-1.68.21-2.454 1.117c0 0-1.16 1.166-1.203 1.719s.408.666.727.726c1.648.313 2.61.024 3.742-1.047c.169-.159.322-.087.438.04c1.875 2.039 2.843 5.539 2.547 8.226c-.283 2.561-3.735 2.14-4.047-.442c-.172-3.605-2.204-6.37-6.07-6.37l-6.55-.085c-2.35 0-5.194 1.593-5.6 5.163c-.839 7.39 6.173 15.094 13.735 14.875C23.87 29.74 29 25.717 29 16.936"/><g filter="url(#iF1kckd)"><path fill="url(#iJHWcuV)" d="M19.589 27.993c-2.909-4.544-2.234-8.68 0-11.71c0 .947.805 3.493 2.802 3.493c2.72 0 5.245-2.069 5.566-3.055c0 9.438-6.313 10.875-8.368 11.272"/></g><path fill="#7DD7FF" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#iLaLRqa)" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#idBz6Oe)" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#ikQhO3b)" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#iEyWyFe)" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#ic51eGc)" d="M22.285 28.778c-5.285-1.604-5.366-3.05-5.625-7.688l-.016-.28c-.164-2.912-2.813-4.72-5.625-4.72c-1.86 0-8.173-.01-8.74 0c-.18 7.088 6.557 14.143 13.8 13.933c2.328-.067 4.418-.474 6.206-1.245"/><path fill="url(#irvZWie)" d="M19.207 29.784c-1.112-.633-2.657-1.936-2.657-6.157c0-1.265.563-3.484 1.14-4.015c.239-.219 1.048-.672 2.391.703c1.076 1.1.938 3.146.86 3.656l-.11 5.11c-.104.562-.484 1.352-1.625.703"/><path fill="url(#iQErRbd)" d="M19.207 29.784c-1.112-.633-2.657-1.936-2.657-6.157c0-1.265.563-3.484 1.14-4.015c.239-.219 1.048-.672 2.391.703c1.076 1.1.938 3.146.86 3.656l-.11 5.11c-.104.562-.484 1.352-1.625.703"/><path fill="url(#iqTVxqK)" d="M19.207 29.784c-1.112-.633-2.657-1.936-2.657-6.157c0-1.265.563-3.484 1.14-4.015c.239-.219 1.048-.672 2.391.703c1.076 1.1.938 3.146.86 3.656l-.11 5.11c-.104.562-.484 1.352-1.625.703"/><path fill="url(#ifv8cUd)" d="M19.207 29.784c-1.112-.633-2.657-1.936-2.657-6.157c0-1.265.563-3.484 1.14-4.015c.239-.219 1.048-.672 2.391.703c1.076 1.1.938 3.146.86 3.656l-.11 5.11c-.104.562-.484 1.352-1.625.703"/><path fill="url(#iIP5NSe)" d="M19.207 29.784c-1.112-.633-2.657-1.936-2.657-6.157c0-1.265.563-3.484 1.14-4.015c.239-.219 1.048-.672 2.391.703c1.076 1.1.938 3.146.86 3.656l-.11 5.11c-.104.562-.484 1.352-1.625.703"/><g filter="url(#iKuU1MO)"><rect width=".992" height="1.961" x="14.724" y="13.244" fill="#33A8FF" rx=".496"/></g><rect width=".992" height="1.961" x="15.165" y="13.068" fill="url(#iqQ6uDb)" rx=".496"/><rect width=".992" height="1.961" x="15.165" y="13.068" fill="url(#ipS5IUd)" rx=".496"/><rect width=".992" height="1.961" x="15.165" y="13.068" fill="url(#iY8gWWd)" rx=".496"/><g filter="url(#i0vhvDv)"><path stroke="url(#iLWC1Hd)" stroke-linecap="round" stroke-width=".75" d="M23.175 6.896c1.01.844 2.953 3.239 3.938 5.719c.843 2.125 1.062 5.344-.219 8.937"/></g><g filter="url(#iYeabvO)"><path fill="url(#iz7BXHe)" d="M22.05 3.877c-.525 1.175-.114 2.386.156 2.844c.573-.364 1.532-.64 1.922-1.969c.23-.778-.008-1.769-.23-2.309a.336.336 0 0 0-.485-.174c-.4.228-.965.72-1.363 1.608"/></g><g filter="url(#iVeBUse)"><path stroke="url(#irA4Xtd)" stroke-linecap="round" stroke-width=".25" d="M23.769 2.284c.266.552.6 1.972-.187 3.234"/></g><defs><radialGradient id="i99q9Ub" cx="0" cy="0" r="1" gradientTransform="rotate(154.861 1.253 14.288)scale(3.08953 4.78447)" gradientUnits="userSpaceOnUse"><stop offset=".867" stop-color="#7BABFF" stop-opacity="0"/><stop offset="1" stop-color="#7BABFF"/></radialGradient><radialGradient id="ighox5d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.1875 11.25 -10.91257 -1.15189 17.644 14.221)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDCFF"/><stop offset="1" stop-color="#3C99EF"/></radialGradient><radialGradient id="ib10yFg" cx="0" cy="0" r="1" gradientTransform="matrix(4.62497 3.4834 -4.4591 5.92044 2.644 12.346)" gradientUnits="userSpaceOnUse"><stop stop-color="#7CBCE7"/><stop offset="1" stop-color="#7CBCE7" stop-opacity="0"/></radialGradient><radialGradient id="irLQzKX" cx="0" cy="0" r="1" gradientTransform="matrix(3.3125 -4.0625 2.88203 2.34997 5.144 17.659)" gradientUnits="userSpaceOnUse"><stop stop-color="#3B9AF0"/><stop offset="1" stop-color="#3B9AF0" stop-opacity="0"/></radialGradient><radialGradient id="i04Q1Rb" cx="0" cy="0" r="1" gradientTransform="rotate(62.053 1.909 12.882)scale(26.0718 24.6351)" gradientUnits="userSpaceOnUse"><stop offset=".9" stop-color="#7C88FF" stop-opacity="0"/><stop offset="1" stop-color="#7C88FF"/></radialGradient><radialGradient id="iaLvfae" cx="0" cy="0" r="1" gradientTransform="matrix(-1.1875 5.09576 -4.81497 -1.12207 24.706 1.688)" gradientUnits="userSpaceOnUse"><stop stop-color="#4BBFF9"/><stop offset="1" stop-color="#4BBFF9" stop-opacity="0"/></radialGradient><radialGradient id="iLaLRqa" cx="0" cy="0" r="1" gradientTransform="matrix(6 0 0 11.6635 6.831 25.034)" gradientUnits="userSpaceOnUse"><stop stop-color="#6DACFF"/><stop offset="1" stop-color="#6DACFF" stop-opacity="0"/></radialGradient><radialGradient id="idBz6Oe" cx="0" cy="0" r="1" gradientTransform="matrix(.00597 16.06 -22.7917 .00847 17.326 14.474)" gradientUnits="userSpaceOnUse"><stop offset=".662" stop-color="#CA99FF" stop-opacity="0"/><stop offset="1" stop-color="#CA99FF"/></radialGradient><radialGradient id="ikQhO3b" cx="0" cy="0" r="1" gradientTransform="rotate(87.907 1.157 16.222)scale(15.5645 22.0885)" gradientUnits="userSpaceOnUse"><stop offset=".91" stop-color="#D09BFF" stop-opacity="0"/><stop offset="1" stop-color="#D09BFF"/></radialGradient><radialGradient id="iEyWyFe" cx="0" cy="0" r="1" gradientTransform="matrix(-10.06249 -2.83564 1.3523 -4.79876 17.394 23.057)" gradientUnits="userSpaceOnUse"><stop stop-color="#B0D8FF"/><stop offset="1" stop-color="#B0D8FF" stop-opacity="0"/></radialGradient><radialGradient id="ic51eGc" cx="0" cy="0" r="1" gradientTransform="matrix(-5.12504 5.49997 -12.46294 -11.61334 11.832 21.284)" gradientUnits="userSpaceOnUse"><stop offset=".819" stop-color="#B0CFFF" stop-opacity="0"/><stop offset="1" stop-color="#B0CFFF"/></radialGradient><radialGradient id="iqTVxqK" cx="0" cy="0" r="1" gradientTransform="rotate(167.935 8.979 13.653)scale(4.18622 9.4331)" gradientUnits="userSpaceOnUse"><stop offset=".682" stop-color="#3782FF" stop-opacity="0"/><stop offset="1" stop-color="#3782FF"/></radialGradient><radialGradient id="ifv8cUd" cx="0" cy="0" r="1" gradientTransform="rotate(-88.877 25.235 5.41)scale(1.59406 3.592)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#3782FF"/><stop offset="1" stop-color="#3782FF" stop-opacity="0"/></radialGradient><radialGradient id="iIP5NSe" cx="0" cy="0" r="1" gradientTransform="matrix(1.375 5.64052 -2.16764 .52841 17.081 19.362)" gradientUnits="userSpaceOnUse"><stop stop-color="#53BBF8"/><stop offset="1" stop-color="#53BBF8" stop-opacity="0"/></radialGradient><radialGradient id="iY8gWWd" cx="0" cy="0" r="1" gradientTransform="rotate(-104.953 13.338 1.047)scale(1.14848 1.24581)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#594C4F" stop-opacity="0"/><stop offset="1" stop-color="#594C4F"/></radialGradient><linearGradient id="iNV3NFc" x1="9.956" x2="5.519" y1="28.096" y2="28.096" gradientUnits="userSpaceOnUse"><stop offset=".082" stop-color="#296DFD"/><stop offset="1" stop-color="#3F8BFF"/></linearGradient><linearGradient id="i3u8MTb" x1="1.05" x2="3.191" y1="14.409" y2="14.409" gradientUnits="userSpaceOnUse"><stop stop-color="#ADDBFD"/><stop offset="1" stop-color="#ADDBFD" stop-opacity="0"/></linearGradient><linearGradient id="iJHWcuV" x1="18.3" x2="29.113" y1="18.659" y2="21.846" gradientUnits="userSpaceOnUse"><stop stop-color="#63D2FF"/><stop offset="1" stop-color="#63D2FF" stop-opacity="0"/></linearGradient><linearGradient id="irvZWie" x1="20.331" x2="20.331" y1="20.315" y2="29.096" gradientUnits="userSpaceOnUse"><stop stop-color="#5DC8FC"/><stop offset="1" stop-color="#4D99FF"/></linearGradient><linearGradient id="iQErRbd" x1="21.238" x2="20.175" y1="25.002" y2="25.002" gradientUnits="userSpaceOnUse"><stop stop-color="#65C9FF"/><stop offset="1" stop-color="#65C9FF" stop-opacity="0"/></linearGradient><linearGradient id="iqQ6uDb" x1="16.157" x2="15.583" y1="13.926" y2="13.926" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#594C4F"/><stop offset="1" stop-color="#392833"/></linearGradient><linearGradient id="ipS5IUd" x1="16.312" x2="16.312" y1="14.937" y2="14.003" gradientUnits="userSpaceOnUse"><stop stop-color="#492847"/><stop offset="1" stop-color="#552D52" stop-opacity="0"/></linearGradient><linearGradient id="iLWC1Hd" x1="25.161" x2="26.891" y1="6.814" y2="25.277" gradientUnits="userSpaceOnUse"><stop stop-color="#6AD3FF"/><stop offset="1" stop-color="#6AD3FF" stop-opacity="0"/></linearGradient><linearGradient id="iz7BXHe" x1="24.222" x2="20.394" y1="-1.341" y2="9.877" gradientUnits="userSpaceOnUse"><stop stop-color="#53BEFF"/><stop offset="1" stop-color="#53BEFF" stop-opacity="0"/></linearGradient><linearGradient id="irA4Xtd" x1="23.827" x2="23.827" y1="2.284" y2="5.518" gradientUnits="userSpaceOnUse"><stop stop-color="#6CCFFF"/><stop offset="1" stop-color="#6CCFFF" stop-opacity="0"/></linearGradient><filter id="iF1kckd" width="14.305" height="15.71" x="15.652" y="14.284" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5847" stdDeviation="1"/></filter><filter id="iKuU1MO" width="1.992" height="2.961" x="14.224" y="12.744" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5847" stdDeviation=".25"/></filter><filter id="i0vhvDv" width="7.375" height="17.406" x="21.8" y="5.521" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5847" stdDeviation=".5"/></filter><filter id="iYeabvO" width="4.425" height="6.498" x="20.797" y="1.223" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5847" stdDeviation=".5"/></filter><filter id="iVeBUse" width="1.541" height="4.284" x="23.056" y="1.759" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_5847" stdDeviation=".2"/></filter></defs></g></svg>How to use the Whale icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:whale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:whale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:whale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--whale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:whale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:whale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/whale.svg" alt="Whale icon" width="24" height="24">Whale icon in other icon sets
Whale icon FAQ
Is the Whale icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Whale icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:whale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/whale.svg" alt="Whale icon">, or paste the SVG code inline to style it with CSS.