Mostly Cloudy Icon

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

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: mostly cloudy

The Mostly Cloudy 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/318418.svg" alt="Mostly Cloudy icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/318418.svg"
  alt="Mostly Cloudy icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>partly-cloudy</title><path d="M21.743,18.6872A6.05,6.05,0,0,0,22.8,17.6006a5.9977,5.9977,0,1,0-10.7334-4.4444,7.5568,7.5568,0,0,0-5.7158,5.0879A5.9926,5.9926,0,0,0,8,30H19a5.9854,5.9854,0,0,0,2.743-11.3128ZM18,10a4.0042,4.0042,0,0,1,4,4,3.9613,3.9613,0,0,1-.8,2.3994,4.0122,4.0122,0,0,1-.94.8917,7.5416,7.5416,0,0,0-6.1339-4.2395A3.9985,3.9985,0,0,1,18,10Zm1,18H8a3.9928,3.9928,0,0,1-.6729-7.93L7.99,19.958l.1456-.6562a5.4958,5.4958,0,0,1,10.729,0l.1464.6562.6622.1123A3.9928,3.9928,0,0,1,19,28Z" transform="translate(0 0.0049)"/><rect x="26" y="13.0049" width="4" height="2"/><rect x="23.0713" y="5.9291" width="3.9999" height="1.9998" transform="translate(2.4437 19.7624) rotate(-45)"/><rect x="17" y="2.0049" width="2" height="4"/><rect x="9.9291" y="4.9288" width="1.9998" height="4.0003" transform="translate(-1.6985 9.7623) rotate(-45)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>

Mostly Cloudy in other icon packs

Element Plus Icons

Copied!

Mostly Cloudy Icon

More from Carbon Icons

Mostly Cloudy in other icon packs