Color

Advanced editing in SVG Editor

IcoFont

Rainy Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: rainy

The Rainy icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/306319.svg" alt="Rainy icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/306319.svg" alt="Rainy icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/306319.svg"
  alt="Rainy icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-rainy {
  background-image: url('https://proicons.com/icon/306319.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M886 342c-55-53-120-68-192-42-13 5-19 6-25-10-47-117-156-181-281-167-114 13-203 103-224 225-1 7 0 16-9 20-20 9-36 21-49 35s-96 90-3 194c3 3 6 7 8 9l2 2v-1c22 22 51 35 87 39 36 3 73 0 110 1l315-1c48 0 92 1 135 0 76-3 132-40 163-110 29-66 14-144-37-194zM221 726c-12-6-21-1-29 7l-98 98c-12 12-20 25-5 40 14 14 28 7 40-6 32-31 63-62 94-94 7-6 13-12 12-21 1-12-4-20-14-24zm300 4c-10-5-17-1-24 6-26 26-51 52-77 77-10 10-16 21-5 32 12 11 23 6 33-4l75-75c5-5 10-10 9-17 1-9-3-16-11-19zm141 3c-35 34-69 68-103 102-7 8-8 17-3 27 5 8 12 14 26 14 3 0 9-3 13-8 34-33 68-67 101-101 10-10 10-23-1-33-10-11-23-11-33-1zm127 51c-2 0-4 0-6 2-24 15-44 35-59 58-6 9 0 18 7 25 8 7 18 10 26 4 21-15 40-33 54-54 10-15-4-35-22-35zm-467-2c-19 15-37 32-51 51-10 16 3 37 22 37 1-1 4-1 6-2 23-15 42-34 57-57 6-9 2-20-6-27-9-7-19-9-28-2z"/></svg>

Rainy in other icon packs

Carbon Icons

Ionicons

Iconhub

Copied!

Rainy Icon

More from IcoFont

Rainy in other icon packs