Cloud Sunny Icon SVG
Icon Cloud sunny 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.
Cloud sunny Icon Svg Code | Path | Download
Download free Cloud Sunny SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Cloud Sunny Icon SVG code in HTML/Css from below.
Cloud Sunny
Cloud sunny SVG Icon Code | Customize color
You can get svg icon cloud sunny in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg 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="M6 13C4.33333 13 1 14 1 18C1 22 4.33333 23 6 23H18C19.6667 23 23 22 23 18C23 14 19.6667 13 18 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 3.5L17.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.5 3.5L6.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L5 9" 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="M6 13C4.33333 13 1 14 1 18C1 22 4.33333 23 6 23H18C19.6667 23 23 22 23 18C23 14 19.6667 13 18 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 3.5L17.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.5 3.5L6.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L5 9" 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="M6 13C4.33333 13 1 14 1 18C1 22 4.33333 23 6 23H18C19.6667 23 23 22 23 18C23 14 19.6667 13 18 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 3.5L17.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.5 3.5L6.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L5 9" 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="M6 13C4.33333 13 1 14 1 18C1 22 4.33333 23 6 23H18C19.6667 23 23 22 23 18C23 14 19.6667 13 18 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 3.5L17.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.5 3.5L6.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L5 9" 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="M6 13C4.33333 13 1 14 1 18C1 22 4.33333 23 6 23H18C19.6667 23 23 22 23 18C23 14 19.6667 13 18 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 9L20 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.5 3.5L17.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.5 3.5L6.5 4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 9L5 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit cloud sunny as below. Change size color and background color of icon using below tool.
Advertisements
Cloud Sunny Icon SVG - Faq(s)?
⭐Can I get Free Cloud Sunny Icon SVG?Yes, you can get free Cloud Sunny SVG icons.
⭐ How to download free Cloud Sunny Icon SVG code?To download free Cloud Sunny icons in SVG code click on the copy code button.
⭐How to find the Cloud Sunny Icon SVG path file?You can get the Cloud Sunny SVG file path from the above section.
⭐ What are the colors available for SVG Cloud Sunny Icon?You can check the Cloud Sunny SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements