Overcast Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
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
Copied!