Sun Outline

By Akveo in Eva Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <g id="evaSunOutline0">
    <g id="evaSunOutline1">
      <path id="evaSunOutline2" fill="currentColor" d="M12 6a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1Zm9 5h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2ZM6 12a1 1 0 0 0-1-1H3a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1Zm.22-7a1 1 0 0 0-1.39 1.47l1.44 1.39a1 1 0 0 0 .73.28a1 1 0 0 0 .72-.31a1 1 0 0 0 0-1.41ZM17 8.14a1 1 0 0 0 .69-.28l1.44-1.39A1 1 0 0 0 17.78 5l-1.44 1.42a1 1 0 0 0 0 1.41a1 1 0 0 0 .66.31ZM12 18a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1Zm5.73-1.86a1 1 0 0 0-1.39 1.44L17.78 19a1 1 0 0 0 .69.28a1 1 0 0 0 .72-.3a1 1 0 0 0 0-1.42Zm-11.46 0l-1.44 1.39a1 1 0 0 0 0 1.42a1 1 0 0 0 .72.3a1 1 0 0 0 .67-.25l1.44-1.39a1 1 0 0 0-1.39-1.44ZM12 8a4 4 0 1 0 4 4a4 4 0 0 0-4-4Zm0 6a2 2 0 1 1 2-2a2 2 0 0 1-2 2Z"/>
    </g>
  </g>
</svg>


Sun Outline Icons examples

See what this icon looks like in some mockup designs
Sun OutlineHome

Related icons in Eva Icons

copy save
activity-fill
copy save
activity-outline
copy save
alert-circle-fill
copy save
alert-circle-outline
copy save
alert-triangle-fill
copy save
alert-triangle-outline
copy save
archive-fill
copy save
archive-outline
copy save
arrow-back-fill
copy save
arrow-back-outline
copy save
arrow-circle-down-fill
copy save
arrow-circle-down-outline
copy save
arrow-circle-left-fill
copy save
arrow-circle-left-outline
copy save
arrow-circle-right-fill
copy save
arrow-circle-right-outline
copy save
arrow-circle-up-fill
copy save
arrow-circle-up-outline
copy save
arrow-down-fill
copy save
arrow-down-outline