Raincloud icon
fxemoji:raincloud
The Raincloud icon (fxemoji:raincloud) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Nature
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>How to use the Raincloud icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:raincloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:raincloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:raincloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--raincloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:raincloud"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:raincloud"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/raincloud.svg" alt="Raincloud icon" width="24" height="24">Raincloud icon FAQ
Is the Raincloud icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Raincloud icon in React?
Install @iconify/react and render <Icon icon="fxemoji:raincloud" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Raincloud icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/raincloud.svg" alt="Raincloud icon">, or paste the SVG code inline to style it with CSS.