Sunny Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Sunny 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/306610.svg" alt="Sunny icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306610.svg" alt="Sunny icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306610.svg" alt="Sunny icon" :width="24" :height="24" />
CSS background
.icon-sunny {
background-image: url('https://proicons.com/icon/306610.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M886 563c-55-53-120-68-192-42-13 5-19 6-25-10-47-117-157-182-281-167-114 13-203 103-224 225-1 7 0 16-9 20-20 9-36 21-49 35s-96 90-3 194c3 3 6 6 8 9 1 1 1 1 2 1 22 22 51 35 87 38 36 4 73 1 110 2l315-1c48 0 92 1 135 0 76-3 132-40 163-110 29-66 14-144-37-194zM431 306c-3 5-5 10-7 15 91-2 171 38 222 109 2-4 5-8 7-12 31-62 6-136-55-167-62-31-136-7-167 55zm253 44c-1 7 3 15 10 18 2 2 5 3 7 2 19-1 38-1 56-3 10-1 16-9 16-18-1-10-8-17-17-17l-57 3c-8 1-14 7-15 15zm-76-112c9 5 19 1 24-8 4-8 8-16 12-23l11-23 1-1c4-9 1-19-8-24-9-4-20-1-24 8-8 16-16 31-24 47-4 9-1 20 8 24zm-264 44c7 4 15 8 23 12l24 12c9 4 19 1 23-7 5-9 2-20-6-24-17-9-33-17-50-25-8-4-19 0-23 9-4 8 0 19 9 23zm348 135c-9-4-19 0-23 9s-1 19 8 23l24 12 24 12c9 4 19 1 23-7 5-9 2-19-7-24-16-9-32-17-49-25zm-24-123c5 3 11 3 16 0 16-10 31-20 47-31 7-5 9-16 4-24-5-7-15-11-23-6-16 10-32 21-47 31-11 8-9 24 3 30zm-143-76c12 6 26-3 25-16l-3-54c-1-10-9-17-19-16-10 0-17 8-16 18 0 18 2 36 3 53 0 7 3 12 10 15zm-86 20c1 3 4 5 6 6 8 4 16 3 22-3 5-6 6-15 2-22-10-15-20-30-30-44-6-9-16-11-25-6-8 6-10 16-4 25 9 15 19 30 29 44z"/></svg>
More from IcoFont
View all
Sunny in other icon packs
Copied!