raincloud emoji

raincloud from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.

Name: raincloud
Set: Firefox OS Emoji
Style: Default
Category: Nature
Viewbox: 512×512
License: Apache 2.0

More nature icons from Firefox OS Emoji

acorn americasglobe ant asiaaustraliaglobe babychick bactriancamel bear bird blackrosette blossom blowfish boar bolt bouquet bouquetofflowers bug bunny bunnyside cactus cat catside cherryblossom chicken chilipepper

Use the raincloud emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#A7C1C9" d="M356.308 343.349a9.9 9.9 0 0 1-7.023-2.909c-3.879-3.879-3.879-10.168 0-14.047l33.274-33.274c3.879-3.879 10.168-3.879 14.047 0s3.879 10.168 0 14.047l-33.274 33.274a9.9 9.9 0 0 1-7.024 2.909M75.146 425.071l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.88-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.024-2.909m32.977 73.948l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.879-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909c2.542 0 5.085-.97 7.024-2.909M79.792 332.445l36.005-36.004c3.878-3.879 3.878-10.168 0-14.047s-10.167-3.879-14.047 0l-36.004 36.004c-3.878 3.879-3.879 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.023-2.909m345.795-185.298c-5.053 0-9.959.626-14.654 1.784a63.4 63.4 0 0 0 1.62-14.204c0-34.961-28.341-63.302-63.302-63.302a63 63 0 0 0-35.749 11.065C301.627 36.737 260.053 2.954 210.586 2.954c-58.72 0-106.322 47.602-106.322 106.322c-44.148 0-79.937 35.714-79.937 79.862S60.116 269 104.264 269h98.71l-61.37 61.445c-3.878 3.879-3.878 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L231.067 269h78.215l-43.608 43.683c-3.879 3.879-3.879 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L337.376 269h88.211c33.69 0 61.002-27.236 61.002-60.927s-27.312-60.926-61.002-60.926M183.058 423.469l62.763-62.764c3.878-3.879 3.878-10.168 0-14.047s-10.168-3.879-14.047 0l-62.763 62.764c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909m56.071 50.951l84.809-84.809c3.879-3.879 3.879-10.168 0-14.047s-10.168-3.879-14.047 0l-84.809 84.809c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiRaincloud(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#A7C1C9" d="M356.308 343.349a9.9 9.9 0 0 1-7.023-2.909c-3.879-3.879-3.879-10.168 0-14.047l33.274-33.274c3.879-3.879 10.168-3.879 14.047 0s3.879 10.168 0 14.047l-33.274 33.274a9.9 9.9 0 0 1-7.024 2.909M75.146 425.071l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.88-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.024-2.909m32.977 73.948l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.879-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909c2.542 0 5.085-.97 7.024-2.909M79.792 332.445l36.005-36.004c3.878-3.879 3.878-10.168 0-14.047s-10.167-3.879-14.047 0l-36.004 36.004c-3.878 3.879-3.879 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.023-2.909m345.795-185.298c-5.053 0-9.959.626-14.654 1.784a63.4 63.4 0 0 0 1.62-14.204c0-34.961-28.341-63.302-63.302-63.302a63 63 0 0 0-35.749 11.065C301.627 36.737 260.053 2.954 210.586 2.954c-58.72 0-106.322 47.602-106.322 106.322c-44.148 0-79.937 35.714-79.937 79.862S60.116 269 104.264 269h98.71l-61.37 61.445c-3.878 3.879-3.878 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L231.067 269h78.215l-43.608 43.683c-3.879 3.879-3.879 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L337.376 269h88.211c33.69 0 61.002-27.236 61.002-60.927s-27.312-60.926-61.002-60.926M183.058 423.469l62.763-62.764c3.878-3.879 3.878-10.168 0-14.047s-10.168-3.879-14.047 0l-62.763 62.764c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909m56.071 50.951l84.809-84.809c3.879-3.879 3.879-10.168 0-14.047s-10.168-3.879-14.047 0l-84.809 84.809c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#A7C1C9" d="M356.308 343.349a9.9 9.9 0 0 1-7.023-2.909c-3.879-3.879-3.879-10.168 0-14.047l33.274-33.274c3.879-3.879 10.168-3.879 14.047 0s3.879 10.168 0 14.047l-33.274 33.274a9.9 9.9 0 0 1-7.024 2.909M75.146 425.071l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.88-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.024-2.909m32.977 73.948l36.836-36.836c3.879-3.879 3.879-10.168 0-14.047c-3.879-3.878-10.168-3.88-14.046 0l-36.837 36.836c-3.878 3.879-3.878 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909c2.542 0 5.085-.97 7.024-2.909M79.792 332.445l36.005-36.004c3.878-3.879 3.878-10.168 0-14.047s-10.167-3.879-14.047 0l-36.004 36.004c-3.878 3.879-3.879 10.168 0 14.047a9.9 9.9 0 0 0 7.023 2.909a9.9 9.9 0 0 0 7.023-2.909m345.795-185.298c-5.053 0-9.959.626-14.654 1.784a63.4 63.4 0 0 0 1.62-14.204c0-34.961-28.341-63.302-63.302-63.302a63 63 0 0 0-35.749 11.065C301.627 36.737 260.053 2.954 210.586 2.954c-58.72 0-106.322 47.602-106.322 106.322c-44.148 0-79.937 35.714-79.937 79.862S60.116 269 104.264 269h98.71l-61.37 61.445c-3.878 3.879-3.878 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L231.067 269h78.215l-43.608 43.683c-3.879 3.879-3.879 10.205 0 14.084c1.939 1.939 4.481 2.928 7.023 2.928s5.084-1.035 7.023-2.975L337.376 269h88.211c33.69 0 61.002-27.236 61.002-60.927s-27.312-60.926-61.002-60.926M183.058 423.469l62.763-62.764c3.878-3.879 3.878-10.168 0-14.047s-10.168-3.879-14.047 0l-62.763 62.764c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909m56.071 50.951l84.809-84.809c3.879-3.879 3.879-10.168 0-14.047s-10.168-3.879-14.047 0l-84.809 84.809c-3.878 3.879-3.878 10.168 0 14.047c1.939 1.939 4.481 2.909 7.023 2.909s5.084-.97 7.024-2.909"/></svg>
</template>

CSS

.icon-raincloud {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23A7C1C9%22%20d%3D%22M356.308%20343.349a9.9%209.9%200%200%201-7.023-2.909c-3.879-3.879-3.879-10.168%200-14.047l33.274-33.274c3.879-3.879%2010.168-3.879%2014.047%200s3.879%2010.168%200%2014.047l-33.274%2033.274a9.9%209.9%200%200%201-7.024%202.909M75.146%20425.071l36.836-36.836c3.879-3.879%203.879-10.168%200-14.047c-3.88-3.878-10.168-3.88-14.046%200l-36.837%2036.836c-3.878%203.879-3.878%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909a9.9%209.9%200%200%200%207.024-2.909m32.977%2073.948l36.836-36.836c3.879-3.879%203.879-10.168%200-14.047c-3.879-3.878-10.168-3.88-14.046%200l-36.837%2036.836c-3.878%203.879-3.878%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909c2.542%200%205.085-.97%207.024-2.909M79.792%20332.445l36.005-36.004c3.878-3.879%203.878-10.168%200-14.047s-10.167-3.879-14.047%200l-36.004%2036.004c-3.878%203.879-3.879%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909a9.9%209.9%200%200%200%207.023-2.909m345.795-185.298c-5.053%200-9.959.626-14.654%201.784a63.4%2063.4%200%200%200%201.62-14.204c0-34.961-28.341-63.302-63.302-63.302a63%2063%200%200%200-35.749%2011.065C301.627%2036.737%20260.053%202.954%20210.586%202.954c-58.72%200-106.322%2047.602-106.322%20106.322c-44.148%200-79.937%2035.714-79.937%2079.862S60.116%20269%20104.264%20269h98.71l-61.37%2061.445c-3.878%203.879-3.878%2010.205%200%2014.084c1.939%201.939%204.481%202.928%207.023%202.928s5.084-1.035%207.023-2.975L231.067%20269h78.215l-43.608%2043.683c-3.879%203.879-3.879%2010.205%200%2014.084c1.939%201.939%204.481%202.928%207.023%202.928s5.084-1.035%207.023-2.975L337.376%20269h88.211c33.69%200%2061.002-27.236%2061.002-60.927s-27.312-60.926-61.002-60.926M183.058%20423.469l62.763-62.764c3.878-3.879%203.878-10.168%200-14.047s-10.168-3.879-14.047%200l-62.763%2062.764c-3.878%203.879-3.878%2010.168%200%2014.047c1.939%201.939%204.481%202.909%207.023%202.909s5.084-.97%207.024-2.909m56.071%2050.951l84.809-84.809c3.879-3.879%203.879-10.168%200-14.047s-10.168-3.879-14.047%200l-84.809%2084.809c-3.878%203.879-3.878%2010.168%200%2014.047c1.939%201.939%204.481%202.909%207.023%202.909s5.084-.97%207.024-2.909%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23A7C1C9%22%20d%3D%22M356.308%20343.349a9.9%209.9%200%200%201-7.023-2.909c-3.879-3.879-3.879-10.168%200-14.047l33.274-33.274c3.879-3.879%2010.168-3.879%2014.047%200s3.879%2010.168%200%2014.047l-33.274%2033.274a9.9%209.9%200%200%201-7.024%202.909M75.146%20425.071l36.836-36.836c3.879-3.879%203.879-10.168%200-14.047c-3.88-3.878-10.168-3.88-14.046%200l-36.837%2036.836c-3.878%203.879-3.878%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909a9.9%209.9%200%200%200%207.024-2.909m32.977%2073.948l36.836-36.836c3.879-3.879%203.879-10.168%200-14.047c-3.879-3.878-10.168-3.88-14.046%200l-36.837%2036.836c-3.878%203.879-3.878%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909c2.542%200%205.085-.97%207.024-2.909M79.792%20332.445l36.005-36.004c3.878-3.879%203.878-10.168%200-14.047s-10.167-3.879-14.047%200l-36.004%2036.004c-3.878%203.879-3.879%2010.168%200%2014.047a9.9%209.9%200%200%200%207.023%202.909a9.9%209.9%200%200%200%207.023-2.909m345.795-185.298c-5.053%200-9.959.626-14.654%201.784a63.4%2063.4%200%200%200%201.62-14.204c0-34.961-28.341-63.302-63.302-63.302a63%2063%200%200%200-35.749%2011.065C301.627%2036.737%20260.053%202.954%20210.586%202.954c-58.72%200-106.322%2047.602-106.322%20106.322c-44.148%200-79.937%2035.714-79.937%2079.862S60.116%20269%20104.264%20269h98.71l-61.37%2061.445c-3.878%203.879-3.878%2010.205%200%2014.084c1.939%201.939%204.481%202.928%207.023%202.928s5.084-1.035%207.023-2.975L231.067%20269h78.215l-43.608%2043.683c-3.879%203.879-3.879%2010.205%200%2014.084c1.939%201.939%204.481%202.928%207.023%202.928s5.084-1.035%207.023-2.975L337.376%20269h88.211c33.69%200%2061.002-27.236%2061.002-60.927s-27.312-60.926-61.002-60.926M183.058%20423.469l62.763-62.764c3.878-3.879%203.878-10.168%200-14.047s-10.168-3.879-14.047%200l-62.763%2062.764c-3.878%203.879-3.878%2010.168%200%2014.047c1.939%201.939%204.481%202.909%207.023%202.909s5.084-.97%207.024-2.909m56.071%2050.951l84.809-84.809c3.879-3.879%203.879-10.168%200-14.047s-10.168-3.879-14.047%200l-84.809%2084.809c-3.878%203.879-3.878%2010.168%200%2014.047c1.939%201.939%204.481%202.909%207.023%202.909s5.084-.97%207.024-2.909%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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