whale emoji

whale from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
whale
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

whaleFluent EmojiwhaleFluent Emoji FlatwhaleFluent Emoji High ContrastwhaleFirefox OS EmojiwhaleIconParkwhaleIconPark OutlinewhaleIconPark SolidwhaleIconPark TwoTonewhaleLucide LabwhaleNoto EmojiwhaleOpenMojiwhaleWeb3 IconswhaleWeb3 Icons BrandedwhaleTwitter Emoji

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the whale emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#0dccd1"><path d="M35.3 45.7c.6 3.7-.5 8.7-2.6 9.2s-4.5-3.8-5.1-7.5s.9-5.6 3.1-6c2.1-.5 4.1.6 4.6 4.3"/><path d="M54.1 11.3c-3.8 0-6.8-4.3-7.3-2.3c-.5 2.3 3.5 6.7 6 6.7c0 0-8.6 6.2-46.7 6.2c-3.5 0-3.9 4.4-3.9 4.4c11 10.5 27.7 30.7 44.5 18.1c7.9-6 9.7-24.9 9.8-27.7c4.6-1.6 5.6-4.2 5.6-7.6c-.1-3.4-2.4 2.2-8 2.2"/></g><path fill="#dae5ef" d="M2.2 26.4s-.4 3.3 0 6c1.3 7.9 7.5 18.4 24.9 18.4c10.8 0 13-1.4 17.8-4.9q1.05-.75 1.8-1.5C31.5 48.5 20 37 20 27.9c0-1.6-11.8-2.1-17.8-1.5"/><g fill="#fff"><path d="M45.1 45.5c-3.2 1.4-6.8 2.1-10.4 1.9s-7.1-1.3-10.2-3.1s-5.8-4.4-7.6-7.5c-1.9-3.1-2.9-6.7-2.7-10.4l1.9.1c-.3 3.3.5 6.7 2.1 9.6c1.6 3 4 5.5 6.9 7.4s6.2 3.1 9.7 3.4c3.5.4 7.1-.1 10.3-1.4"/><path d="M39 49.3c-3.6.3-7.2.2-10.7-.5s-7-2-10-4.1s-5.5-4.8-7.2-8.1C9.4 33.4 8.5 29.7 8.7 26l1.9.1c-.3 3.3.3 6.8 1.8 9.9c1.4 3.1 3.7 5.8 6.5 7.9s6.1 3.6 9.5 4.4c3.5 1 7.1 1.2 10.6 1"/><path d="M28.7 50.8c-3.2-.4-6.4-1-9.4-2.1S13.4 46 11 43.8s-4.3-4.9-5.5-8c-1.2-3-1.8-6.3-1.8-9.5h1.9c-.1 3.1.2 6.1 1.2 9.1c1 2.9 2.6 5.6 4.9 7.8c2.2 2.2 4.9 3.9 7.8 5.2c2.9 1.1 6 1.9 9.2 2.4"/><ellipse cx="29.3" cy="27" rx="2.2" ry="2.3"/></g><path fill="#3e4347" d="M30.8 27c0 .9-.7 1.6-1.5 1.6s-1.5-.7-1.5-1.6s.7-1.6 1.5-1.6c.8-.1 1.5.6 1.5 1.6"/><path fill="#0dccd1" d="M26.6 28.6c.1 0 4.1 2.8 5.4-.6c.7-1.8-5.4.6-5.4.6"/><g fill="#3e4347"><path d="M29.3 28.5c.3.1.5.1.8.1s.6.1.8.3c.5.4.6 1 .7 1.5c-.1-.3-.2-.5-.3-.7s-.3-.4-.5-.6c-.2-.1-.5-.2-.7-.3c-.2 0-.5-.1-.8-.3"/><path d="M2.2 26.4c2.4-.4 4.8-.7 7.3-.7c2.5-.1 4.9.1 7.4.6c2.4.5 4.8 1.4 6.9 2.5c1.1.5 2.1 1.2 3.3 1.4c1.1.2 2.3-.3 3.4-.9c-.9.8-2.1 1.4-3.4 1.3s-2.4-.7-3.5-1.2c-2.2-1-4.5-1.8-6.8-2.3s-4.8-.7-7.2-.8c-2.5 0-5 0-7.4.1"/></g><path fill="#0dccd1" d="M47 44.2c.7 4.8-.6 11.2-3.3 11.8s-5.8-4.8-6.5-9.6s1.2-7.1 3.9-7.7c2.7-.7 5.2.7 5.9 5.5"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneWhale(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#0dccd1"><path d="M35.3 45.7c.6 3.7-.5 8.7-2.6 9.2s-4.5-3.8-5.1-7.5s.9-5.6 3.1-6c2.1-.5 4.1.6 4.6 4.3"/><path d="M54.1 11.3c-3.8 0-6.8-4.3-7.3-2.3c-.5 2.3 3.5 6.7 6 6.7c0 0-8.6 6.2-46.7 6.2c-3.5 0-3.9 4.4-3.9 4.4c11 10.5 27.7 30.7 44.5 18.1c7.9-6 9.7-24.9 9.8-27.7c4.6-1.6 5.6-4.2 5.6-7.6c-.1-3.4-2.4 2.2-8 2.2"/></g><path fill="#dae5ef" d="M2.2 26.4s-.4 3.3 0 6c1.3 7.9 7.5 18.4 24.9 18.4c10.8 0 13-1.4 17.8-4.9q1.05-.75 1.8-1.5C31.5 48.5 20 37 20 27.9c0-1.6-11.8-2.1-17.8-1.5"/><g fill="#fff"><path d="M45.1 45.5c-3.2 1.4-6.8 2.1-10.4 1.9s-7.1-1.3-10.2-3.1s-5.8-4.4-7.6-7.5c-1.9-3.1-2.9-6.7-2.7-10.4l1.9.1c-.3 3.3.5 6.7 2.1 9.6c1.6 3 4 5.5 6.9 7.4s6.2 3.1 9.7 3.4c3.5.4 7.1-.1 10.3-1.4"/><path d="M39 49.3c-3.6.3-7.2.2-10.7-.5s-7-2-10-4.1s-5.5-4.8-7.2-8.1C9.4 33.4 8.5 29.7 8.7 26l1.9.1c-.3 3.3.3 6.8 1.8 9.9c1.4 3.1 3.7 5.8 6.5 7.9s6.1 3.6 9.5 4.4c3.5 1 7.1 1.2 10.6 1"/><path d="M28.7 50.8c-3.2-.4-6.4-1-9.4-2.1S13.4 46 11 43.8s-4.3-4.9-5.5-8c-1.2-3-1.8-6.3-1.8-9.5h1.9c-.1 3.1.2 6.1 1.2 9.1c1 2.9 2.6 5.6 4.9 7.8c2.2 2.2 4.9 3.9 7.8 5.2c2.9 1.1 6 1.9 9.2 2.4"/><ellipse cx="29.3" cy="27" rx="2.2" ry="2.3"/></g><path fill="#3e4347" d="M30.8 27c0 .9-.7 1.6-1.5 1.6s-1.5-.7-1.5-1.6s.7-1.6 1.5-1.6c.8-.1 1.5.6 1.5 1.6"/><path fill="#0dccd1" d="M26.6 28.6c.1 0 4.1 2.8 5.4-.6c.7-1.8-5.4.6-5.4.6"/><g fill="#3e4347"><path d="M29.3 28.5c.3.1.5.1.8.1s.6.1.8.3c.5.4.6 1 .7 1.5c-.1-.3-.2-.5-.3-.7s-.3-.4-.5-.6c-.2-.1-.5-.2-.7-.3c-.2 0-.5-.1-.8-.3"/><path d="M2.2 26.4c2.4-.4 4.8-.7 7.3-.7c2.5-.1 4.9.1 7.4.6c2.4.5 4.8 1.4 6.9 2.5c1.1.5 2.1 1.2 3.3 1.4c1.1.2 2.3-.3 3.4-.9c-.9.8-2.1 1.4-3.4 1.3s-2.4-.7-3.5-1.2c-2.2-1-4.5-1.8-6.8-2.3s-4.8-.7-7.2-.8c-2.5 0-5 0-7.4.1"/></g><path fill="#0dccd1" d="M47 44.2c.7 4.8-.6 11.2-3.3 11.8s-5.8-4.8-6.5-9.6s1.2-7.1 3.9-7.7c2.7-.7 5.2.7 5.9 5.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#0dccd1"><path d="M35.3 45.7c.6 3.7-.5 8.7-2.6 9.2s-4.5-3.8-5.1-7.5s.9-5.6 3.1-6c2.1-.5 4.1.6 4.6 4.3"/><path d="M54.1 11.3c-3.8 0-6.8-4.3-7.3-2.3c-.5 2.3 3.5 6.7 6 6.7c0 0-8.6 6.2-46.7 6.2c-3.5 0-3.9 4.4-3.9 4.4c11 10.5 27.7 30.7 44.5 18.1c7.9-6 9.7-24.9 9.8-27.7c4.6-1.6 5.6-4.2 5.6-7.6c-.1-3.4-2.4 2.2-8 2.2"/></g><path fill="#dae5ef" d="M2.2 26.4s-.4 3.3 0 6c1.3 7.9 7.5 18.4 24.9 18.4c10.8 0 13-1.4 17.8-4.9q1.05-.75 1.8-1.5C31.5 48.5 20 37 20 27.9c0-1.6-11.8-2.1-17.8-1.5"/><g fill="#fff"><path d="M45.1 45.5c-3.2 1.4-6.8 2.1-10.4 1.9s-7.1-1.3-10.2-3.1s-5.8-4.4-7.6-7.5c-1.9-3.1-2.9-6.7-2.7-10.4l1.9.1c-.3 3.3.5 6.7 2.1 9.6c1.6 3 4 5.5 6.9 7.4s6.2 3.1 9.7 3.4c3.5.4 7.1-.1 10.3-1.4"/><path d="M39 49.3c-3.6.3-7.2.2-10.7-.5s-7-2-10-4.1s-5.5-4.8-7.2-8.1C9.4 33.4 8.5 29.7 8.7 26l1.9.1c-.3 3.3.3 6.8 1.8 9.9c1.4 3.1 3.7 5.8 6.5 7.9s6.1 3.6 9.5 4.4c3.5 1 7.1 1.2 10.6 1"/><path d="M28.7 50.8c-3.2-.4-6.4-1-9.4-2.1S13.4 46 11 43.8s-4.3-4.9-5.5-8c-1.2-3-1.8-6.3-1.8-9.5h1.9c-.1 3.1.2 6.1 1.2 9.1c1 2.9 2.6 5.6 4.9 7.8c2.2 2.2 4.9 3.9 7.8 5.2c2.9 1.1 6 1.9 9.2 2.4"/><ellipse cx="29.3" cy="27" rx="2.2" ry="2.3"/></g><path fill="#3e4347" d="M30.8 27c0 .9-.7 1.6-1.5 1.6s-1.5-.7-1.5-1.6s.7-1.6 1.5-1.6c.8-.1 1.5.6 1.5 1.6"/><path fill="#0dccd1" d="M26.6 28.6c.1 0 4.1 2.8 5.4-.6c.7-1.8-5.4.6-5.4.6"/><g fill="#3e4347"><path d="M29.3 28.5c.3.1.5.1.8.1s.6.1.8.3c.5.4.6 1 .7 1.5c-.1-.3-.2-.5-.3-.7s-.3-.4-.5-.6c-.2-.1-.5-.2-.7-.3c-.2 0-.5-.1-.8-.3"/><path d="M2.2 26.4c2.4-.4 4.8-.7 7.3-.7c2.5-.1 4.9.1 7.4.6c2.4.5 4.8 1.4 6.9 2.5c1.1.5 2.1 1.2 3.3 1.4c1.1.2 2.3-.3 3.4-.9c-.9.8-2.1 1.4-3.4 1.3s-2.4-.7-3.5-1.2c-2.2-1-4.5-1.8-6.8-2.3s-4.8-.7-7.2-.8c-2.5 0-5 0-7.4.1"/></g><path fill="#0dccd1" d="M47 44.2c.7 4.8-.6 11.2-3.3 11.8s-5.8-4.8-6.5-9.6s1.2-7.1 3.9-7.7c2.7-.7 5.2.7 5.9 5.5"/></svg>
</template>

CSS

.icon-whale {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22%230dccd1%22%3E%3Cpath%20d%3D%22M35.3%2045.7c.6%203.7-.5%208.7-2.6%209.2s-4.5-3.8-5.1-7.5s.9-5.6%203.1-6c2.1-.5%204.1.6%204.6%204.3%22%2F%3E%3Cpath%20d%3D%22M54.1%2011.3c-3.8%200-6.8-4.3-7.3-2.3c-.5%202.3%203.5%206.7%206%206.7c0%200-8.6%206.2-46.7%206.2c-3.5%200-3.9%204.4-3.9%204.4c11%2010.5%2027.7%2030.7%2044.5%2018.1c7.9-6%209.7-24.9%209.8-27.7c4.6-1.6%205.6-4.2%205.6-7.6c-.1-3.4-2.4%202.2-8%202.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23dae5ef%22%20d%3D%22M2.2%2026.4s-.4%203.3%200%206c1.3%207.9%207.5%2018.4%2024.9%2018.4c10.8%200%2013-1.4%2017.8-4.9q1.05-.75%201.8-1.5C31.5%2048.5%2020%2037%2020%2027.9c0-1.6-11.8-2.1-17.8-1.5%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M45.1%2045.5c-3.2%201.4-6.8%202.1-10.4%201.9s-7.1-1.3-10.2-3.1s-5.8-4.4-7.6-7.5c-1.9-3.1-2.9-6.7-2.7-10.4l1.9.1c-.3%203.3.5%206.7%202.1%209.6c1.6%203%204%205.5%206.9%207.4s6.2%203.1%209.7%203.4c3.5.4%207.1-.1%2010.3-1.4%22%2F%3E%3Cpath%20d%3D%22M39%2049.3c-3.6.3-7.2.2-10.7-.5s-7-2-10-4.1s-5.5-4.8-7.2-8.1C9.4%2033.4%208.5%2029.7%208.7%2026l1.9.1c-.3%203.3.3%206.8%201.8%209.9c1.4%203.1%203.7%205.8%206.5%207.9s6.1%203.6%209.5%204.4c3.5%201%207.1%201.2%2010.6%201%22%2F%3E%3Cpath%20d%3D%22M28.7%2050.8c-3.2-.4-6.4-1-9.4-2.1S13.4%2046%2011%2043.8s-4.3-4.9-5.5-8c-1.2-3-1.8-6.3-1.8-9.5h1.9c-.1%203.1.2%206.1%201.2%209.1c1%202.9%202.6%205.6%204.9%207.8c2.2%202.2%204.9%203.9%207.8%205.2c2.9%201.1%206%201.9%209.2%202.4%22%2F%3E%3Cellipse%20cx%3D%2229.3%22%20cy%3D%2227%22%20rx%3D%222.2%22%20ry%3D%222.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M30.8%2027c0%20.9-.7%201.6-1.5%201.6s-1.5-.7-1.5-1.6s.7-1.6%201.5-1.6c.8-.1%201.5.6%201.5%201.6%22%2F%3E%3Cpath%20fill%3D%22%230dccd1%22%20d%3D%22M26.6%2028.6c.1%200%204.1%202.8%205.4-.6c.7-1.8-5.4.6-5.4.6%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M29.3%2028.5c.3.1.5.1.8.1s.6.1.8.3c.5.4.6%201%20.7%201.5c-.1-.3-.2-.5-.3-.7s-.3-.4-.5-.6c-.2-.1-.5-.2-.7-.3c-.2%200-.5-.1-.8-.3%22%2F%3E%3Cpath%20d%3D%22M2.2%2026.4c2.4-.4%204.8-.7%207.3-.7c2.5-.1%204.9.1%207.4.6c2.4.5%204.8%201.4%206.9%202.5c1.1.5%202.1%201.2%203.3%201.4c1.1.2%202.3-.3%203.4-.9c-.9.8-2.1%201.4-3.4%201.3s-2.4-.7-3.5-1.2c-2.2-1-4.5-1.8-6.8-2.3s-4.8-.7-7.2-.8c-2.5%200-5%200-7.4.1%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%230dccd1%22%20d%3D%22M47%2044.2c.7%204.8-.6%2011.2-3.3%2011.8s-5.8-4.8-6.5-9.6s1.2-7.1%203.9-7.7c2.7-.7%205.2.7%205.9%205.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22%230dccd1%22%3E%3Cpath%20d%3D%22M35.3%2045.7c.6%203.7-.5%208.7-2.6%209.2s-4.5-3.8-5.1-7.5s.9-5.6%203.1-6c2.1-.5%204.1.6%204.6%204.3%22%2F%3E%3Cpath%20d%3D%22M54.1%2011.3c-3.8%200-6.8-4.3-7.3-2.3c-.5%202.3%203.5%206.7%206%206.7c0%200-8.6%206.2-46.7%206.2c-3.5%200-3.9%204.4-3.9%204.4c11%2010.5%2027.7%2030.7%2044.5%2018.1c7.9-6%209.7-24.9%209.8-27.7c4.6-1.6%205.6-4.2%205.6-7.6c-.1-3.4-2.4%202.2-8%202.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23dae5ef%22%20d%3D%22M2.2%2026.4s-.4%203.3%200%206c1.3%207.9%207.5%2018.4%2024.9%2018.4c10.8%200%2013-1.4%2017.8-4.9q1.05-.75%201.8-1.5C31.5%2048.5%2020%2037%2020%2027.9c0-1.6-11.8-2.1-17.8-1.5%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M45.1%2045.5c-3.2%201.4-6.8%202.1-10.4%201.9s-7.1-1.3-10.2-3.1s-5.8-4.4-7.6-7.5c-1.9-3.1-2.9-6.7-2.7-10.4l1.9.1c-.3%203.3.5%206.7%202.1%209.6c1.6%203%204%205.5%206.9%207.4s6.2%203.1%209.7%203.4c3.5.4%207.1-.1%2010.3-1.4%22%2F%3E%3Cpath%20d%3D%22M39%2049.3c-3.6.3-7.2.2-10.7-.5s-7-2-10-4.1s-5.5-4.8-7.2-8.1C9.4%2033.4%208.5%2029.7%208.7%2026l1.9.1c-.3%203.3.3%206.8%201.8%209.9c1.4%203.1%203.7%205.8%206.5%207.9s6.1%203.6%209.5%204.4c3.5%201%207.1%201.2%2010.6%201%22%2F%3E%3Cpath%20d%3D%22M28.7%2050.8c-3.2-.4-6.4-1-9.4-2.1S13.4%2046%2011%2043.8s-4.3-4.9-5.5-8c-1.2-3-1.8-6.3-1.8-9.5h1.9c-.1%203.1.2%206.1%201.2%209.1c1%202.9%202.6%205.6%204.9%207.8c2.2%202.2%204.9%203.9%207.8%205.2c2.9%201.1%206%201.9%209.2%202.4%22%2F%3E%3Cellipse%20cx%3D%2229.3%22%20cy%3D%2227%22%20rx%3D%222.2%22%20ry%3D%222.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M30.8%2027c0%20.9-.7%201.6-1.5%201.6s-1.5-.7-1.5-1.6s.7-1.6%201.5-1.6c.8-.1%201.5.6%201.5%201.6%22%2F%3E%3Cpath%20fill%3D%22%230dccd1%22%20d%3D%22M26.6%2028.6c.1%200%204.1%202.8%205.4-.6c.7-1.8-5.4.6-5.4.6%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Cpath%20d%3D%22M29.3%2028.5c.3.1.5.1.8.1s.6.1.8.3c.5.4.6%201%20.7%201.5c-.1-.3-.2-.5-.3-.7s-.3-.4-.5-.6c-.2-.1-.5-.2-.7-.3c-.2%200-.5-.1-.8-.3%22%2F%3E%3Cpath%20d%3D%22M2.2%2026.4c2.4-.4%204.8-.7%207.3-.7c2.5-.1%204.9.1%207.4.6c2.4.5%204.8%201.4%206.9%202.5c1.1.5%202.1%201.2%203.3%201.4c1.1.2%202.3-.3%203.4-.9c-.9.8-2.1%201.4-3.4%201.3s-2.4-.7-3.5-1.2c-2.2-1-4.5-1.8-6.8-2.3s-4.8-.7-7.2-.8c-2.5%200-5%200-7.4.1%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%230dccd1%22%20d%3D%22M47%2044.2c.7%204.8-.6%2011.2-3.3%2011.8s-5.8-4.8-6.5-9.6s1.2-7.1%203.9-7.7c2.7-.7%205.2.7%205.9%205.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/whale.svg?color=%231a73e8&size=48