sun icon

sun from Font Awesome Regular by Dave Gandy · Regular · Energy · CC-BY-4.0 Attribution required.

Name
sun
Set
Font Awesome Regular
Style
Regular
Category
Energy
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

sunAkar Iconssun-filledAnt Design IconssunBootstrap IconssunBoxIcons v2sunBoxIcons v2 SolidsunCarbonsunEmoji One (Colored)sun-fillEva IconssunFont Awesome 6 RegularsunFont Awesome 6 SolidsunFont Awesome SolidsunFeather Iconssun-outlineFlowbite IconssunFluent EmojisunFluent Emoji FlatsunFluent Emoji High Contrastsuncss.ggsunHeroIconssunHumbleiconssunIconParksunIconPark OutlinesunIconPark SolidsunIconPark TwoTonesunJam Icons

More energy icons from Font Awesome Regular

lightbulb

Use the sun icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c8 0 15.4 4 19.9 10.6l58.8 87.4l103.4-20.2c7.8-1.5 15.9.9 21.6 6.6s8.1 13.8 6.6 21.6L510 241.3l87.4 58.8C604 304.5 608 312 608 320s-4 15.4-10.6 19.9L510 398.7L530.2 502c1.5 7.8-.9 15.9-6.6 21.6s-13.8 8.1-21.6 6.6L398.7 510l-58.8 87.4C335.4 604 328 608 320 608s-15.4-4-19.9-10.6L241.3 510l-103.4 20.2c-7.8 1.5-15.9-.9-21.6-6.6s-8.1-13.8-6.6-21.6L130 398.7l-87.4-58.8C36 335.4 32 328 32 320s4-15.4 10.6-19.9l87.4-58.8l-20.2-103.4c-1.5-7.8.9-15.9 6.6-21.6s13.8-8.1 21.6-6.6l103.3 20.2l58.8-87.4l1.8-2.3C306.4 35 313 32 320 32m-47.8 138c-5.4 8-15 12-24.5 10.2l-84-16.4l16.4 84c1.8 9.5-2.2 19.1-10.2 24.5L99 320l71 47.8c8 5.4 12 15 10.2 24.5l-16.4 84l84-16.4l3.5-.4c8.3-.4 16.3 3.6 21 10.6l47.8 71l47.8-71l2.2-2.8c5.6-6.1 14-9 22.3-7.3l84 16.4l-16.4-84c-1.8-9.5 2.2-19.1 10.2-24.5l71-47.8l-71-47.8c-8-5.4-12-15-10.2-24.5l16.4-84l-84 16.4c-9.5 1.8-19.1-2.2-24.5-10.2l-47.8-71l-47.8 71zM320 440c-66.3 0-120-53.7-120-120s53.7-120 120-120s120 53.7 120 120s-53.7 120-120 120m0-192c-39.8 0-72 32.2-72 72s32.2 72 72 72s72-32.2 72-72s-32.2-72-72-72"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularSun(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c8 0 15.4 4 19.9 10.6l58.8 87.4l103.4-20.2c7.8-1.5 15.9.9 21.6 6.6s8.1 13.8 6.6 21.6L510 241.3l87.4 58.8C604 304.5 608 312 608 320s-4 15.4-10.6 19.9L510 398.7L530.2 502c1.5 7.8-.9 15.9-6.6 21.6s-13.8 8.1-21.6 6.6L398.7 510l-58.8 87.4C335.4 604 328 608 320 608s-15.4-4-19.9-10.6L241.3 510l-103.4 20.2c-7.8 1.5-15.9-.9-21.6-6.6s-8.1-13.8-6.6-21.6L130 398.7l-87.4-58.8C36 335.4 32 328 32 320s4-15.4 10.6-19.9l87.4-58.8l-20.2-103.4c-1.5-7.8.9-15.9 6.6-21.6s13.8-8.1 21.6-6.6l103.3 20.2l58.8-87.4l1.8-2.3C306.4 35 313 32 320 32m-47.8 138c-5.4 8-15 12-24.5 10.2l-84-16.4l16.4 84c1.8 9.5-2.2 19.1-10.2 24.5L99 320l71 47.8c8 5.4 12 15 10.2 24.5l-16.4 84l84-16.4l3.5-.4c8.3-.4 16.3 3.6 21 10.6l47.8 71l47.8-71l2.2-2.8c5.6-6.1 14-9 22.3-7.3l84 16.4l-16.4-84c-1.8-9.5 2.2-19.1 10.2-24.5l71-47.8l-71-47.8c-8-5.4-12-15-10.2-24.5l16.4-84l-84 16.4c-9.5 1.8-19.1-2.2-24.5-10.2l-47.8-71l-47.8 71zM320 440c-66.3 0-120-53.7-120-120s53.7-120 120-120s120 53.7 120 120s-53.7 120-120 120m0-192c-39.8 0-72 32.2-72 72s32.2 72 72 72s72-32.2 72-72s-32.2-72-72-72"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 32c8 0 15.4 4 19.9 10.6l58.8 87.4l103.4-20.2c7.8-1.5 15.9.9 21.6 6.6s8.1 13.8 6.6 21.6L510 241.3l87.4 58.8C604 304.5 608 312 608 320s-4 15.4-10.6 19.9L510 398.7L530.2 502c1.5 7.8-.9 15.9-6.6 21.6s-13.8 8.1-21.6 6.6L398.7 510l-58.8 87.4C335.4 604 328 608 320 608s-15.4-4-19.9-10.6L241.3 510l-103.4 20.2c-7.8 1.5-15.9-.9-21.6-6.6s-8.1-13.8-6.6-21.6L130 398.7l-87.4-58.8C36 335.4 32 328 32 320s4-15.4 10.6-19.9l87.4-58.8l-20.2-103.4c-1.5-7.8.9-15.9 6.6-21.6s13.8-8.1 21.6-6.6l103.3 20.2l58.8-87.4l1.8-2.3C306.4 35 313 32 320 32m-47.8 138c-5.4 8-15 12-24.5 10.2l-84-16.4l16.4 84c1.8 9.5-2.2 19.1-10.2 24.5L99 320l71 47.8c8 5.4 12 15 10.2 24.5l-16.4 84l84-16.4l3.5-.4c8.3-.4 16.3 3.6 21 10.6l47.8 71l47.8-71l2.2-2.8c5.6-6.1 14-9 22.3-7.3l84 16.4l-16.4-84c-1.8-9.5 2.2-19.1 10.2-24.5l71-47.8l-71-47.8c-8-5.4-12-15-10.2-24.5l16.4-84l-84 16.4c-9.5 1.8-19.1-2.2-24.5-10.2l-47.8-71l-47.8 71zM320 440c-66.3 0-120-53.7-120-120s53.7-120 120-120s120 53.7 120 120s-53.7 120-120 120m0-192c-39.8 0-72 32.2-72 72s32.2 72 72 72s72-32.2 72-72s-32.2-72-72-72"/></svg>
</template>

CSS

.icon-sun {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2032c8%200%2015.4%204%2019.9%2010.6l58.8%2087.4l103.4-20.2c7.8-1.5%2015.9.9%2021.6%206.6s8.1%2013.8%206.6%2021.6L510%20241.3l87.4%2058.8C604%20304.5%20608%20312%20608%20320s-4%2015.4-10.6%2019.9L510%20398.7L530.2%20502c1.5%207.8-.9%2015.9-6.6%2021.6s-13.8%208.1-21.6%206.6L398.7%20510l-58.8%2087.4C335.4%20604%20328%20608%20320%20608s-15.4-4-19.9-10.6L241.3%20510l-103.4%2020.2c-7.8%201.5-15.9-.9-21.6-6.6s-8.1-13.8-6.6-21.6L130%20398.7l-87.4-58.8C36%20335.4%2032%20328%2032%20320s4-15.4%2010.6-19.9l87.4-58.8l-20.2-103.4c-1.5-7.8.9-15.9%206.6-21.6s13.8-8.1%2021.6-6.6l103.3%2020.2l58.8-87.4l1.8-2.3C306.4%2035%20313%2032%20320%2032m-47.8%20138c-5.4%208-15%2012-24.5%2010.2l-84-16.4l16.4%2084c1.8%209.5-2.2%2019.1-10.2%2024.5L99%20320l71%2047.8c8%205.4%2012%2015%2010.2%2024.5l-16.4%2084l84-16.4l3.5-.4c8.3-.4%2016.3%203.6%2021%2010.6l47.8%2071l47.8-71l2.2-2.8c5.6-6.1%2014-9%2022.3-7.3l84%2016.4l-16.4-84c-1.8-9.5%202.2-19.1%2010.2-24.5l71-47.8l-71-47.8c-8-5.4-12-15-10.2-24.5l16.4-84l-84%2016.4c-9.5%201.8-19.1-2.2-24.5-10.2l-47.8-71l-47.8%2071zM320%20440c-66.3%200-120-53.7-120-120s53.7-120%20120-120s120%2053.7%20120%20120s-53.7%20120-120%20120m0-192c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072s72-32.2%2072-72s-32.2-72-72-72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2032c8%200%2015.4%204%2019.9%2010.6l58.8%2087.4l103.4-20.2c7.8-1.5%2015.9.9%2021.6%206.6s8.1%2013.8%206.6%2021.6L510%20241.3l87.4%2058.8C604%20304.5%20608%20312%20608%20320s-4%2015.4-10.6%2019.9L510%20398.7L530.2%20502c1.5%207.8-.9%2015.9-6.6%2021.6s-13.8%208.1-21.6%206.6L398.7%20510l-58.8%2087.4C335.4%20604%20328%20608%20320%20608s-15.4-4-19.9-10.6L241.3%20510l-103.4%2020.2c-7.8%201.5-15.9-.9-21.6-6.6s-8.1-13.8-6.6-21.6L130%20398.7l-87.4-58.8C36%20335.4%2032%20328%2032%20320s4-15.4%2010.6-19.9l87.4-58.8l-20.2-103.4c-1.5-7.8.9-15.9%206.6-21.6s13.8-8.1%2021.6-6.6l103.3%2020.2l58.8-87.4l1.8-2.3C306.4%2035%20313%2032%20320%2032m-47.8%20138c-5.4%208-15%2012-24.5%2010.2l-84-16.4l16.4%2084c1.8%209.5-2.2%2019.1-10.2%2024.5L99%20320l71%2047.8c8%205.4%2012%2015%2010.2%2024.5l-16.4%2084l84-16.4l3.5-.4c8.3-.4%2016.3%203.6%2021%2010.6l47.8%2071l47.8-71l2.2-2.8c5.6-6.1%2014-9%2022.3-7.3l84%2016.4l-16.4-84c-1.8-9.5%202.2-19.1%2010.2-24.5l71-47.8l-71-47.8c-8-5.4-12-15-10.2-24.5l16.4-84l-84%2016.4c-9.5%201.8-19.1-2.2-24.5-10.2l-47.8-71l-47.8%2071zM320%20440c-66.3%200-120-53.7-120-120s53.7-120%20120-120s120%2053.7%20120%20120s-53.7%20120-120%20120m0-192c-39.8%200-72%2032.2-72%2072s32.2%2072%2072%2072s72-32.2%2072-72s-32.2-72-72-72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/sun.svg?color=%231a73e8&size=48