Sunny Hazy Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Sunny 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/320777.svg" alt="Sunny Hazy icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320777.svg" alt="Sunny Hazy icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320777.svg" alt="Sunny Hazy icon" :width="24" :height="24" />
CSS background
.icon-sunny-hazy {
background-image: url('https://proicons.com/icon/320777.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="sunny_hazy_1_" d="M25,28.36H13v-0.72h12V28.36z M30,24.36H15v-0.72h15V24.36z M9,24.36H2v-0.72h7V24.36z M25,20.36H10 v-0.72h15V20.36z M30,16.36H15v-0.72h15V16.36z M12,16.36c-2.404,0-4.36-1.956-4.36-4.36S9.596,7.64,12,7.64s4.36,1.956,4.36,4.36 h-0.72c0-2.007-1.633-3.64-3.64-3.64S8.36,9.993,8.36,12s1.633,3.64,3.64,3.64V16.36z M20,12.36h-2c-0.199,0-0.36-0.161-0.36-0.36 s0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36S20.199,12.36,20,12.36z M6,12.36H4c-0.199,0-0.36-0.161-0.36-0.36 S3.801,11.64,4,11.64h2c0.199,0,0.36,0.161,0.36,0.36S6.199,12.36,6,12.36z M16.243,8.117c-0.092,0-0.184-0.035-0.254-0.105 c-0.141-0.141-0.141-0.369,0-0.509l1.414-1.414c0.141-0.141,0.369-0.141,0.51,0s0.141,0.369,0,0.509l-1.415,1.414 C16.427,8.082,16.335,8.117,16.243,8.117z M7.757,8.117c-0.092,0-0.184-0.035-0.254-0.105L6.089,6.598 c-0.141-0.141-0.141-0.368,0-0.509s0.368-0.141,0.509,0l1.414,1.414c0.141,0.141,0.141,0.368,0,0.509 C7.941,8.082,7.85,8.117,7.757,8.117z M12,6.36c-0.199,0-0.36-0.161-0.36-0.36V4c0-0.199,0.161-0.36,0.36-0.36S12.36,3.801,12.36,4 v2C12.36,6.199,12.199,6.36,12,6.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!