Windy Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Windy 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/320998.svg" alt="Windy icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320998.svg" alt="Windy icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320998.svg" alt="Windy icon" :width="24" :height="24" />
CSS background
.icon-windy {
background-image: url('https://proicons.com/icon/320998.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="windy_1_" d="M14,28.36c-2.404,0-4.36-1.956-4.36-4.36h0.72c0,2.007,1.633,3.64,3.64,3.64s3.64-1.633,3.64-3.64 s-1.632-3.64-3.64-3.64H3v-0.72h11c2.404,0,4.36,1.956,4.36,4.36S16.404,28.36,14,28.36z M27,24.36c-2.404,0-4.36-1.956-4.36-4.36 h0.721c0,2.007,1.633,3.64,3.64,3.64s3.64-1.633,3.64-3.64s-1.633-3.64-3.64-3.64H1v-0.72h26c2.404,0,4.36,1.956,4.36,4.36 S29.404,24.36,27,24.36z M21,12.36H6v-0.72h15c2.007,0,3.64-1.633,3.64-3.64S23.007,4.36,21,4.36S17.36,5.993,17.36,8h-0.72 c0-2.404,1.956-4.36,4.36-4.36S25.36,5.596,25.36,8S23.404,12.36,21,12.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Windy in other icon packs
Copied!