Sun Alt Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Sun Alt 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/306605.svg" alt="Sun Alt icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306605.svg" alt="Sun Alt icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306605.svg" alt="Sun Alt icon" :width="24" :height="24" />
CSS background
.icon-sun-alt {
background-image: url('https://proicons.com/icon/306605.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="M501 261c-131 0-236 105-236 234-1 130 104 236 234 236s236-105 236-235c0-129-104-234-234-235zM267 630c-9-16-29-21-45-12-5 2-9 5-13 7-25 15-51 29-75 44-15 8-20 23-16 38 5 15 18 24 34 24 4 1 9-1 14-3 30-18 61-35 91-53 16-9 19-30 10-45zm463-275c4 14 18 24 32 24 5 0 11-1 15-3 31-18 61-35 91-53 16-9 20-29 11-44-8-16-27-23-43-14-32 17-63 35-94 54-12 7-16 23-12 36zM507 232c19 0 34-15 34-35V98c-1-19-15-34-34-34s-34 14-34 34v99c0 20 15 35 34 35zm0 536c-19 0-34 14-34 34v100c0 19 15 34 34 34s33-15 34-35v-99c-1-19-15-34-34-34zM197 530c19 0 33-14 34-32 1-19-13-35-32-35-35-1-70-1-104 0-19 0-33 17-32 34 0 19 15 33 34 33h100zm708-67c-34-1-69-1-104 0-18 0-32 17-32 34 1 19 16 33 35 33h99c19 0 34-14 35-32 0-19-13-35-33-35zM655 275c12 0 22-4 28-15 18-30 36-60 53-91 8-15 2-35-13-43-16-9-36-6-45 9-18 31-36 61-53 92-12 22 5 48 30 48zm211 394c-28-17-57-34-86-50-18-10-38-5-47 12-10 16-4 36 14 46 28 16 56 33 84 49 6 3 12 6 18 5 16 0 29-10 33-24 4-15-1-30-16-38zM319 252c7 11 17 16 30 16 26 0 42-27 29-50l-51-87c-10-17-30-22-46-12-16 9-21 29-12 46 17 29 33 58 50 87zm-185 73c29 17 58 34 86 50 6 3 11 5 16 5 17 0 30-10 34-24 4-15-1-30-15-38-29-18-58-34-88-51-17-10-37-4-46 12-10 17-4 36 13 46zm236 411c-17-10-37-5-48 13l-48 84c-3 6-6 12-5 18-1 16 9 29 23 33 16 4 31-1 39-15 17-29 33-57 50-86 10-18 5-38-11-47zm311 6c-10-18-30-24-47-14-16 10-21 30-11 48 8 14 17 28 25 42 8 15 16 30 25 44 8 14 24 19 39 14 14-4 23-17 23-33 1-5-2-11-5-17-16-28-32-56-49-84z"/></svg>
Copied!