Breezyweather Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Breezyweather 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/337515.svg" alt="Breezyweather icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/337515.svg" alt="Breezyweather icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/337515.svg" alt="Breezyweather icon" :width="24" :height="24" />
CSS background
.icon-breezyweather {
background-image: url('https://proicons.com/icon/337515.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="a" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48">
<defs>
<style>
.cls-1 {
fill: none;
stroke:#fff;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<path class="cls-1" d="M24,24c0-5.9,4.8-10.8,10.8-10.8s10.8,4.8,10.8,10.8h-21.5Z"/>
<path class="cls-1" d="M24,24c5.9,0,10.8,4.8,10.8,10.8s-4.8,10.8-10.8,10.8v-21.5Z"/>
<path class="cls-1" d="M24,24c0,5.9-4.8,10.8-10.8,10.8S2.5,29.9,2.5,24h21.5Z"/>
<path class="cls-1" d="M24,24c-5.9,0-10.8-4.8-10.8-10.8S18.1,2.5,24,2.5v21.5Z"/>
<circle class="cls-1" cx="24" cy="24" r="12.8"/>
</svg>
Copied!