Rain icon
cil:rain
The Rain icon (cil:rain) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M398.2 137.208a144.013 144.013 0 0 0-284.545.979a122.36 122.36 0 0 0-64.357 32.926A109.4 109.4 0 0 0 16 249.619c0 31.119 12.789 60.762 36.01 83.469q2.84 2.776 5.845 5.347l11.327-33.981C56.091 289.3 48 270.017 48 249.619c0-42.362 35.724-78.015 81.329-81.168l14.055-.972l.814-14.065a111.995 111.995 0 0 1 223.589-.22l.891 14.888l14.913.155c46.592.488 80.409 34.714 80.409 81.382c0 33.152-16.706 61.38-41.84 75.9L409.032 364.9a110 110 0 0 0 54.938-32.358c20.655-22.203 32.03-51.653 32.03-82.923c0-59.112-41.141-105.219-97.8-112.411"/><path fill="currentColor" d="M126.029 496h33.788l63.336-186.864l-30.306-10.272zm168 0h33.788l63.336-186.864l-30.306-10.272zm-3.919-244.967L225.781 448h33.664l61.084-187.033zm-161.319 0L64.461 448h33.664l61.084-187.033z"/></svg>
How to use the Rain icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:rain" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:rain" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:rain" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--rain]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:rain"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:rain"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cil/rain.svg" alt="Rain icon" width="24" height="24">
Rain icon in other icon sets
Rain icon FAQ
Is the Rain icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Rain icon in React?
Install @iconify/react and render <Icon icon="cil:rain" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rain icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/rain.svg" alt="Rain icon">, or paste the SVG code inline to style it with CSS.
Browse all CoreUI Free icons →
ICONYZ
