Heavy Rain Icon SVG
Icon Heavy rain SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Heavy rain Icon Svg Code | Path | Download
Download free Heavy Rain SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Heavy Rain Icon SVG code in HTML/Css from below.
Heavy Rain
Heavy rain SVG Icon Code | Customize color
You can get svg icon heavy rain in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 15V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 15V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 15V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 15V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 13V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 15V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Advance Editor
You can edit heavy rain as below. Change size color and background color of icon using below tool.
Advertisements
Heavy Rain Icon SVG - Faq(s)?
⭐Can I get Free Heavy Rain Icon SVG?Yes, you can get free Heavy Rain SVG icons.
⭐ How to download free Heavy Rain Icon SVG code?To download free Heavy Rain icons in SVG code click on the copy code button.
⭐How to find the Heavy Rain Icon SVG path file?You can get the Heavy Rain SVG file path from the above section.
⭐ What are the colors available for SVG Heavy Rain Icon?You can check the Heavy Rain SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements