cloud with rain emoji

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

Name
cloud-with-rain
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

cloud-with-rainFluent Emojicloud-with-rainFluent Emoji Flatcloud-with-rainFluent Emoji High Contrastcloud-with-rainNoto Emojicloud-with-rainOpenMojicloud-with-rainTwitter Emoji

More nature icons from Emoji One (Colored)

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

Use the cloud with rain emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#75d6ff" d="M23.6 45.4c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6M37.2 47c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.6 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6m2 12.7c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6M30 59.7c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6"/><path fill="#fff" d="M18.9 33.7c-.8 0-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3 1-4.5 2.7-6c.4-.4.9-.7 1.5-1l.5-1.8C17 12.4 21.3 9.2 26 9.2c.5 0 1 0 1.5.1c.4.1.9.2 1.3.3l.2-.4c1.9-3.5 5.6-5.6 9.5-5.6c6 0 10.9 4.9 10.9 10.9v1.1c.5.2.9.4 1.4.6c2.9 1.7 4.7 4.8 4.7 8.1c0 4.4-3 8.2-7.3 9.1c-.7.2-1.4.2-2.1.2z"/><path fill="#b6c1d1" d="M38.5 5.2c5.1 0 9.3 4.2 9.3 9.3v.7c-2.2.2-4.1 1-5.6 2.4c1.1-.7 2.5-1 3.9-1c.5 0 1 .1 1.5.1q1.2.3 2.4.9c2.3 1.3 3.9 3.9 3.9 6.8c0 3.7-2.6 6.8-6.1 7.6c-.6.1-1.1.2-1.8.2H18.9c-.7 0-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6 2.2-4.8q.9-.75 2.1-1.2c.7-.2 1.4-.4 2.1-.4c2 0 3.9 1 5 2.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8 4.6-6.6 8.8-6.6c.4 0 .9 0 1.3.1c.8.1 1.7.4 2.4.7c2.8 1.3 4.9 3.9 5.3 7v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9 4.6-4.8 8.1-4.8m0-3.2C34.2 2 30.2 4.2 28 7.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5 0-10.3 3.7-11.9 8.9l-.4 1.3c-.4.2-.8.5-1.1.8c-2.1 1.8-3.3 4.4-3.3 7.2c0 4.1 2.6 7.7 6.5 9c1 .3 2 .5 3 .5H46c.8 0 1.7-.1 2.5-.3c5-1.1 8.5-5.5 8.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51 7.6 45.4 2 38.5 2"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneCloudWithRain(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#75d6ff" d="M23.6 45.4c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6M37.2 47c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.6 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6m2 12.7c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6M30 59.7c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6"/><path fill="#fff" d="M18.9 33.7c-.8 0-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3 1-4.5 2.7-6c.4-.4.9-.7 1.5-1l.5-1.8C17 12.4 21.3 9.2 26 9.2c.5 0 1 0 1.5.1c.4.1.9.2 1.3.3l.2-.4c1.9-3.5 5.6-5.6 9.5-5.6c6 0 10.9 4.9 10.9 10.9v1.1c.5.2.9.4 1.4.6c2.9 1.7 4.7 4.8 4.7 8.1c0 4.4-3 8.2-7.3 9.1c-.7.2-1.4.2-2.1.2z"/><path fill="#b6c1d1" d="M38.5 5.2c5.1 0 9.3 4.2 9.3 9.3v.7c-2.2.2-4.1 1-5.6 2.4c1.1-.7 2.5-1 3.9-1c.5 0 1 .1 1.5.1q1.2.3 2.4.9c2.3 1.3 3.9 3.9 3.9 6.8c0 3.7-2.6 6.8-6.1 7.6c-.6.1-1.1.2-1.8.2H18.9c-.7 0-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6 2.2-4.8q.9-.75 2.1-1.2c.7-.2 1.4-.4 2.1-.4c2 0 3.9 1 5 2.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8 4.6-6.6 8.8-6.6c.4 0 .9 0 1.3.1c.8.1 1.7.4 2.4.7c2.8 1.3 4.9 3.9 5.3 7v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9 4.6-4.8 8.1-4.8m0-3.2C34.2 2 30.2 4.2 28 7.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5 0-10.3 3.7-11.9 8.9l-.4 1.3c-.4.2-.8.5-1.1.8c-2.1 1.8-3.3 4.4-3.3 7.2c0 4.1 2.6 7.7 6.5 9c1 .3 2 .5 3 .5H46c.8 0 1.7-.1 2.5-.3c5-1.1 8.5-5.5 8.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51 7.6 45.4 2 38.5 2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#75d6ff" d="M23.6 45.4c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6M37.2 47c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.6 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4-4.7 6m2 12.7c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6M30 59.7c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2m9.4-7.6c-2.3 2-4 4.1-4.7 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2 6c-.6 1.6-.1 3.3 1.1 3.8c1.2.4 2.7-.5 3.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3 2-4 4.1-4.7 6"/><path fill="#fff" d="M18.9 33.7c-.8 0-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3 1-4.5 2.7-6c.4-.4.9-.7 1.5-1l.5-1.8C17 12.4 21.3 9.2 26 9.2c.5 0 1 0 1.5.1c.4.1.9.2 1.3.3l.2-.4c1.9-3.5 5.6-5.6 9.5-5.6c6 0 10.9 4.9 10.9 10.9v1.1c.5.2.9.4 1.4.6c2.9 1.7 4.7 4.8 4.7 8.1c0 4.4-3 8.2-7.3 9.1c-.7.2-1.4.2-2.1.2z"/><path fill="#b6c1d1" d="M38.5 5.2c5.1 0 9.3 4.2 9.3 9.3v.7c-2.2.2-4.1 1-5.6 2.4c1.1-.7 2.5-1 3.9-1c.5 0 1 .1 1.5.1q1.2.3 2.4.9c2.3 1.3 3.9 3.9 3.9 6.8c0 3.7-2.6 6.8-6.1 7.6c-.6.1-1.1.2-1.8.2H18.9c-.7 0-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6 2.2-4.8q.9-.75 2.1-1.2c.7-.2 1.4-.4 2.1-.4c2 0 3.9 1 5 2.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8 4.6-6.6 8.8-6.6c.4 0 .9 0 1.3.1c.8.1 1.7.4 2.4.7c2.8 1.3 4.9 3.9 5.3 7v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9 4.6-4.8 8.1-4.8m0-3.2C34.2 2 30.2 4.2 28 7.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5 0-10.3 3.7-11.9 8.9l-.4 1.3c-.4.2-.8.5-1.1.8c-2.1 1.8-3.3 4.4-3.3 7.2c0 4.1 2.6 7.7 6.5 9c1 .3 2 .5 3 .5H46c.8 0 1.7-.1 2.5-.3c5-1.1 8.5-5.5 8.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51 7.6 45.4 2 38.5 2"/></svg>
</template>

CSS

.icon-cloud-with-rain {
  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%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M23.6%2045.4c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204-4.7%206M37.2%2047c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.6%203.3-2.2m9.4-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204-4.7%206m2%2012.7c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206M30%2059.7c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2m9.4-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.9%2033.7c-.8%200-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3%201-4.5%202.7-6c.4-.4.9-.7%201.5-1l.5-1.8C17%2012.4%2021.3%209.2%2026%209.2c.5%200%201%200%201.5.1c.4.1.9.2%201.3.3l.2-.4c1.9-3.5%205.6-5.6%209.5-5.6c6%200%2010.9%204.9%2010.9%2010.9v1.1c.5.2.9.4%201.4.6c2.9%201.7%204.7%204.8%204.7%208.1c0%204.4-3%208.2-7.3%209.1c-.7.2-1.4.2-2.1.2z%22%2F%3E%3Cpath%20fill%3D%22%23b6c1d1%22%20d%3D%22M38.5%205.2c5.1%200%209.3%204.2%209.3%209.3v.7c-2.2.2-4.1%201-5.6%202.4c1.1-.7%202.5-1%203.9-1c.5%200%201%20.1%201.5.1q1.2.3%202.4.9c2.3%201.3%203.9%203.9%203.9%206.8c0%203.7-2.6%206.8-6.1%207.6c-.6.1-1.1.2-1.8.2H18.9c-.7%200-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6%202.2-4.8q.9-.75%202.1-1.2c.7-.2%201.4-.4%202.1-.4c2%200%203.9%201%205%202.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8%204.6-6.6%208.8-6.6c.4%200%20.9%200%201.3.1c.8.1%201.7.4%202.4.7c2.8%201.3%204.9%203.9%205.3%207v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9%204.6-4.8%208.1-4.8m0-3.2C34.2%202%2030.2%204.2%2028%207.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5%200-10.3%203.7-11.9%208.9l-.4%201.3c-.4.2-.8.5-1.1.8c-2.1%201.8-3.3%204.4-3.3%207.2c0%204.1%202.6%207.7%206.5%209c1%20.3%202%20.5%203%20.5H46c.8%200%201.7-.1%202.5-.3c5-1.1%208.5-5.5%208.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51%207.6%2045.4%202%2038.5%202%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%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M23.6%2045.4c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204-4.7%206M37.2%2047c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.6%203.3-2.2m9.4-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.8-1.9.8-4.6.3-7.6m-32.2%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204-4.7%206m2%2012.7c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206M30%2059.7c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2m9.4-7.6c-2.3%202-4%204.1-4.7%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.8-1.9.8-4.5.3-7.6m-32.2%206c-.6%201.6-.1%203.3%201.1%203.8c1.2.4%202.7-.5%203.3-2.2c.7-1.9.7-4.6.3-7.6c-2.3%202-4%204.1-4.7%206%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.9%2033.7c-.8%200-1.7-.1-2.5-.4c-3.3-1.1-5.4-4.1-5.4-7.5c0-2.3%201-4.5%202.7-6c.4-.4.9-.7%201.5-1l.5-1.8C17%2012.4%2021.3%209.2%2026%209.2c.5%200%201%200%201.5.1c.4.1.9.2%201.3.3l.2-.4c1.9-3.5%205.6-5.6%209.5-5.6c6%200%2010.9%204.9%2010.9%2010.9v1.1c.5.2.9.4%201.4.6c2.9%201.7%204.7%204.8%204.7%208.1c0%204.4-3%208.2-7.3%209.1c-.7.2-1.4.2-2.1.2z%22%2F%3E%3Cpath%20fill%3D%22%23b6c1d1%22%20d%3D%22M38.5%205.2c5.1%200%209.3%204.2%209.3%209.3v.7c-2.2.2-4.1%201-5.6%202.4c1.1-.7%202.5-1%203.9-1c.5%200%201%20.1%201.5.1q1.2.3%202.4.9c2.3%201.3%203.9%203.9%203.9%206.8c0%203.7-2.6%206.8-6.1%207.6c-.6.1-1.1.2-1.8.2H18.9c-.7%200-1.4-.1-2-.3c-2.5-.8-4.4-3.2-4.4-6c0-1.9.8-3.6%202.2-4.8q.9-.75%202.1-1.2c.7-.2%201.4-.4%202.1-.4c2%200%203.9%201%205%202.5h.1c-1.3-2.5-3.9-4.2-6.8-4.5c1.1-3.8%204.6-6.6%208.8-6.6c.4%200%20.9%200%201.3.1c.8.1%201.7.4%202.4.7c2.8%201.3%204.9%203.9%205.3%207v-.1c0-3.6-1.8-6.8-4.6-8.6c1.5-2.9%204.6-4.8%208.1-4.8m0-3.2C34.2%202%2030.2%204.2%2028%207.8h-.3c-.7-.1-1.2-.1-1.8-.1c-5.5%200-10.3%203.7-11.9%208.9l-.4%201.3c-.4.2-.8.5-1.1.8c-2.1%201.8-3.3%204.4-3.3%207.2c0%204.1%202.6%207.7%206.5%209c1%20.3%202%20.5%203%20.5H46c.8%200%201.7-.1%202.5-.3c5-1.1%208.5-5.5%208.5-10.7c0-3.9-2.1-7.5-5.5-9.5c-.2-.1-.3-.2-.5-.3v-.1C51%207.6%2045.4%202%2038.5%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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