Color

Advanced editing in SVG Editor

Mage Icons

Sun Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: sun light day bright weather warm

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/310335.svg" alt="Sun icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310335.svg" alt="Sun icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310335.svg"
  alt="Sun icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-sun {
  background-image: url('https://proicons.com/icon/310335.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8912 12C17.8912 13.1774 17.5414 14.3283 16.8862 15.307C16.2309 16.2858 15.2997 17.0485 14.2102 17.4986C13.1207 17.9486 11.9221 18.0658 10.7658 17.8354C9.60961 17.6049 8.54773 17.0372 7.71476 16.204C6.88179 15.3707 6.31513 14.3095 6.08638 13.1545C5.85764 11.9995 5.9771 10.8028 6.42973 9.71563C6.88237 8.62851 7.64782 7.69987 8.62916 7.04728C9.6105 6.3947 10.7636 6.0475 11.9426 6.04957C12.7247 6.04957 13.4991 6.20356 14.2215 6.50272C14.9439 6.80189 15.6002 7.24034 16.1527 7.79304C16.7052 8.34573 17.1431 9.00181 17.4415 9.72369C17.7398 10.4456 17.8926 11.2191 17.8912 12Z" fill="black"/>
<path d="M3.20314 13.0476H2.04913C1.77088 13.0476 1.50398 12.9372 1.30723 12.7408C1.11048 12.5443 1 12.2779 1 12C1 11.7222 1.11048 11.4557 1.30723 11.2592C1.50398 11.0627 1.77088 10.9524 2.04913 10.9524H3.20314C3.48139 10.9524 3.74828 11.0627 3.94503 11.2592C4.14178 11.4557 4.25227 11.7222 4.25227 12C4.25227 12.2779 4.14178 12.5443 3.94503 12.7408C3.74828 12.9372 3.48139 13.0476 3.20314 13.0476Z" fill="black"/>
<path d="M21.9509 13.0476H20.8074C20.5292 13.0476 20.2623 12.9372 20.0655 12.7408C19.8688 12.5443 19.7583 12.2779 19.7583 12C19.7583 11.7222 19.8688 11.4557 20.0655 11.2592C20.2623 11.0627 20.5292 10.9524 20.8074 10.9524H21.9509C22.2292 10.9524 22.4961 11.0627 22.6928 11.2592C22.8896 11.4557 23.0001 11.7222 23.0001 12C23.0001 12.2779 22.8896 12.5443 22.6928 12.7408C22.4961 12.9372 22.2292 13.0476 21.9509 13.0476Z" fill="black"/>
<path d="M11.9847 4.24763C11.7064 4.24763 11.4395 4.13724 11.2428 3.94077C11.046 3.74431 10.9355 3.47786 10.9355 3.20001V2.04762C10.9355 1.76977 11.046 1.50329 11.2428 1.30682C11.4395 1.11036 11.7064 1 11.9847 1C12.2629 1 12.5298 1.11036 12.7266 1.30682C12.9233 1.50329 13.0338 1.76977 13.0338 2.04762V3.20001C13.0338 3.47786 12.9233 3.74431 12.7266 3.94077C12.5298 4.13724 12.2629 4.24763 11.9847 4.24763Z" fill="black"/>
<path d="M11.9847 23.0001C11.7064 23.0001 11.4395 22.8897 11.2428 22.6932C11.046 22.4967 10.9355 22.2303 10.9355 21.9525V20.8001C10.9355 20.5222 11.046 20.2557 11.2428 20.0593C11.4395 19.8628 11.7064 19.7524 11.9847 19.7524C12.2629 19.7524 12.5298 19.8628 12.7266 20.0593C12.9233 20.2557 13.0338 20.5222 13.0338 20.8001V21.9525C13.0338 22.2303 12.9233 22.4967 12.7266 22.6932C12.5298 22.8897 12.2629 23.0001 11.9847 23.0001Z" fill="black"/>
<path d="M5.75269 6.82487C5.61388 6.8243 5.4765 6.79621 5.34864 6.74226C5.22078 6.68831 5.10489 6.60955 5.00772 6.51057L4.18937 5.70391C3.99182 5.50664 3.88086 5.23909 3.88086 4.96011C3.88086 4.68112 3.99182 4.41358 4.18937 4.21631C4.38693 4.01904 4.65496 3.9082 4.93434 3.9082C5.21372 3.9082 5.48163 4.01904 5.67918 4.21631L6.49753 5.03345C6.69293 5.22973 6.80259 5.49524 6.80259 5.77201C6.80259 6.04877 6.69293 6.31428 6.49753 6.51057C6.40036 6.60955 6.28448 6.68831 6.15661 6.74226C6.02875 6.79621 5.8915 6.8243 5.75269 6.82487Z" fill="black"/>
<path d="M19.0239 20.0458C18.7486 20.0447 18.4849 19.9356 18.2895 19.742L17.4712 18.9249C17.3613 18.831 17.2721 18.7154 17.2091 18.5854C17.1462 18.4554 17.1109 18.3139 17.1053 18.1696C17.0997 18.0253 17.124 17.8814 17.1767 17.747C17.2295 17.6126 17.3095 17.4905 17.4117 17.3884C17.514 17.2863 17.6362 17.2064 17.7708 17.1537C17.9055 17.101 18.0496 17.0768 18.1941 17.0823C18.3386 17.0879 18.4803 17.1232 18.6104 17.1861C18.7406 17.249 18.8564 17.3381 18.9505 17.4477L19.7688 18.2649C19.9642 18.4611 20.0739 18.7267 20.0739 19.0035C20.0739 19.2802 19.9642 19.5457 19.7688 19.742C19.6708 19.8391 19.5544 19.9159 19.4266 19.9681C19.2988 20.0202 19.1619 20.0466 19.0239 20.0458Z" fill="black"/>
<path d="M18.2164 6.82484C18.008 6.82605 17.8039 6.76524 17.6303 6.65021C17.4566 6.53518 17.3212 6.37114 17.2413 6.17896C17.1614 5.98678 17.1406 5.77519 17.1816 5.57116C17.2226 5.36714 17.3235 5.17995 17.4715 5.03341L18.2898 4.21627C18.4864 4.02115 18.7522 3.91162 19.0294 3.91162C19.3066 3.91162 19.5725 4.02115 19.7691 4.21627C19.8674 4.31366 19.9455 4.42951 19.9987 4.55718C20.052 4.68484 20.0794 4.82177 20.0794 4.96007C20.0794 5.09837 20.052 5.23531 19.9987 5.36297C19.9455 5.49063 19.8674 5.60648 19.7691 5.70387L18.9508 6.51053C18.7571 6.70792 18.4931 6.8209 18.2164 6.82484Z" fill="black"/>
<path d="M4.9343 20.0457C4.79623 20.0465 4.65935 20.02 4.53153 19.9679C4.40371 19.9158 4.28736 19.8389 4.18933 19.7418C3.99393 19.5456 3.88428 19.2801 3.88428 19.0033C3.88428 18.7265 3.99393 18.461 4.18933 18.2647L5.00768 17.4476C5.10521 17.3494 5.22126 17.2714 5.34911 17.2183C5.47696 17.1651 5.61415 17.1377 5.75265 17.1377C5.89115 17.1377 6.02822 17.1651 6.15606 17.2183C6.28391 17.2714 6.39996 17.3494 6.49749 17.4476C6.69289 17.6438 6.80255 17.9094 6.80255 18.1861C6.80255 18.4629 6.69289 18.7284 6.49749 18.9247L5.67914 19.7418C5.58111 19.8389 5.4649 19.9158 5.33707 19.9679C5.20925 20.02 5.07237 20.0465 4.9343 20.0457Z" fill="black"/>
</svg>

Sun in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Sun Icon

More from Mage Icons

Sun in other icon packs