Color

Advanced editing in SVG Editor

Carbon Icons

Overcast 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: overcast

The Overcast 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/320475.svg" alt="Overcast icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="overcast_1_" d="M28,28.36H10v-0.72h18V28.36z M19,25.36H1v-0.72h18V25.36z M5.631,20.36
	c-2.894-0.038-4.991-2.015-4.991-4.702c0-2.767,2.239-5.018,4.991-5.018c0.691,0,1.377,0.145,2.01,0.422
	c0.647-4.138,4.261-7.422,8.286-7.422c3.281,0,6.332,2.085,7.689,5.223c0.599-0.153,1.309-0.223,1.811-0.223
	c3.271,0,5.934,2.662,5.934,5.934c0,3.208-2.604,5.75-5.93,5.787h-19.8V20.36z M5.631,11.36c-2.355,0-4.271,1.928-4.271,4.298
	c0,2.275,1.798,3.95,4.276,3.981h19.791c2.922-0.031,5.213-2.257,5.213-5.066c0-2.875-2.338-5.214-5.213-5.214
	c-0.636,0-1.419,0.115-1.905,0.28c-0.183,0.063-0.38-0.031-0.451-0.21c-1.18-3.032-4.051-5.07-7.144-5.07
	c-3.829,0-7.253,3.269-7.634,7.287c-0.012,0.122-0.084,0.229-0.192,0.286c-0.109,0.057-0.239,0.053-0.344-0.007
	C7.108,11.556,6.373,11.36,5.631,11.36z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Overcast in other icon packs

Simple Icons

Meteocons Filled

Meteocons Outline

Meteocons

Meteocons Filled

Copied!

Overcast Icon

More from Carbon Icons

Overcast in other icon packs