Cloudy Hazy Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Cloudy Hazy 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/319742.svg" alt="Cloudy Hazy icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319742.svg" alt="Cloudy Hazy icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319742.svg" alt="Cloudy Hazy icon" :width="24" :height="24" />
CSS background
.icon-cloudy-hazy {
background-image: url('https://proicons.com/icon/319742.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="cloudy--hazy_1_" d="M24,28.36H12v-0.72h12V28.36z M28,24.36H14v-0.72h14V24.36z M8,24.36H1v-0.72h7V24.36z M24,20.36H9 v-0.72h15V20.36z M28,16.36H14v-0.72h14V16.36z M5.636,19.64c-2.478-0.031-4.276-1.706-4.276-3.981c0-2.37,1.916-4.298,4.271-4.298 c0.742,0,1.477,0.196,2.125,0.565c0.105,0.06,0.235,0.063,0.344,0.007c0.108-0.056,0.181-0.164,0.192-0.286 c0.38-4.018,3.805-7.287,7.634-7.287c3.093,0,5.964,2.038,7.144,5.07c0.071,0.18,0.269,0.274,0.451,0.21 c0.486-0.165,1.27-0.28,1.905-0.28c2.875,0,5.213,2.339,5.213,5.214h0.721c0-3.272-2.662-5.934-5.934-5.934 c-0.502,0-1.212,0.069-1.811,0.223c-1.357-3.137-4.408-5.223-7.689-5.223c-4.024,0-7.639,3.285-8.286,7.422 c-0.633-0.277-1.319-0.422-2.01-0.422c-2.752,0-4.991,2.251-4.991,5.018c0,2.688,2.097,4.664,4.986,4.702L5.636,19.64z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!