Sun Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Sun 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/306608.svg" alt="Sun icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306608.svg" alt="Sun icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306608.svg" alt="Sun icon" :width="24" :height="24" />
CSS background
.icon-sun {
background-image: url('https://proicons.com/icon/306608.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="M508 291c-112-5-214 87-217 203-4 111 88 214 201 215 109 7 213-84 217-201 5-114-87-213-201-217zm-236 22c2 2 5 5 8 7 12 8 27 6 37-4s12-27 2-37c-41-42-82-83-123-123-9-9-20-8-30-3-11 5-16 14-16 25l-3 2c5 8 9 16 15 23 36 37 73 73 110 110zm455 1c38-37 75-75 113-113 5-6 8-14 13-21-3-14-9-23-20-28s-23-3-32 6L684 275c-8 8-11 17-8 28 6 23 32 29 51 11zM306 677c-14-5-25 0-34 10-37 37-74 73-110 110-3 3-6 6-8 9-5 9-6 19-1 29s14 15 27 15c8 1 16-5 23-11 37-37 73-74 110-111 2-2 5-5 6-7 12-16 5-37-13-44zm424 12c-3-3-6-6-9-8-16-12-38-5-45 15-4 13 2 23 11 33l110 109c2 2 5 5 8 7 9 7 20 7 30 2s15-14 15-27c1-9-5-16-12-23-36-37-72-73-108-108zM238 529c19 0 32-12 32-29-1-17-13-29-32-29H95c-20 0-33 12-32 30 0 16 13 28 32 28h143zm669-58H761c-6 0-13 3-19 6-10 7-14 20-10 32 3 12 14 20 28 20h146c19 0 31-12 32-29 0-16-13-29-31-29zM478 259c7 10 20 13 31 9 12-3 20-15 20-28v-74c0-25 1-49 0-74 0-17-13-30-29-30s-29 13-29 31v146c0 7 3 14 7 20zm44 482c-6-10-20-13-32-9-11 4-19 15-19 28v146c0 19 12 31 29 32 16 0 29-13 29-31 0-49 1-97 0-146 0-7-3-14-7-20z"/></svg>
More from IcoFont
View all
Copied!