sun emoji

sun from Noto Emoji by Google Inc · Default · Travel & Places · Apache-2.0 Free for personal and commercial use.

Name
sun
Set
Noto Emoji
Style
Default
Category
Travel & Places
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

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

More travel & places icons from Noto Emoji

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the sun emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc11a" d="M37.41 41.95c-9.71 12.48-9.54 34.65 2.87 45.64c14.09 12.47 33.92 12.34 46.39.87c14.95-13.76 14.09-36.66.87-49.63c-13.29-13.04-37.04-13.72-50.13 3.12"/><path fill="#fee269" d="M53 37.67c-3.84-1.7-8.04 2.93-9.87 6.09c-1.83 3.17-3.53 9.38.37 10.97c3.9 1.58 6.7-1.1 9.51-5.73c2.79-4.63 4.38-9.38-.01-11.33"/><path fill="#ffa722" d="M63 20.27c-.93 1.74-.62 3.08 1.23 3.52s13.36 2.31 14.33 2.37c1.41.09 1.93-.97 1.76-2.2c-.18-1.23-2.99-18.46-3.25-20.04S75.14.76 73.55 2.87S63.7 18.96 63 20.27m29.8 11.96c-1.81.56-1.76 1.67-.79 3.08s7.65 11.6 8.26 12.31c.62.7 1.67.88 2.55-.18c.88-1.05 11.86-16.45 12.66-17.41c1.32-1.58.53-3.25-1.49-2.73c-1.54.41-20.05 4.58-21.19 4.93m13.8 29.63c-1.3-.74-2.99-.53-3.43 1.14s-2.37 13.8-2.55 14.86s.62 2.11 1.93 1.85s19.45-2.95 20.66-3.25c2.11-.53 2.81-2.64.62-4.22c-1.42-1.03-16-9.68-17.23-10.38M92.09 90.6c1.4-.75 2.64-.18 2.99 1.41c.35 1.58 4.22 17.76 4.84 20.75c.31 1.5-1.41 2.73-2.81 1.85c-1.41-.88-16.69-11.53-17.67-12.4c-1.41-1.23-.43-2.51.26-3.16c1.4-1.33 11.07-7.74 12.39-8.45m-42.55 8.88c-1.77-.17-2.29 1.41-2.02 2.81c.26 1.41 2.9 19.24 3.08 20.57c.26 1.93 2.29 2.73 3.6.79s10.35-16.4 11.08-17.76c1.32-2.46.35-2.99-.97-3.6c-1.31-.61-12.92-2.63-14.77-2.81M24.23 79c1.23-2.02 2.81-1.49 3.96.44c.78 1.32 7.38 10.2 8 11.16c.62.97.88 2.81-1.05 3.25c-1.95.45-17.68 4.58-20.14 5.02s-3.87-1.49-2.29-3.6c.92-1.24 10.82-15.12 11.52-16.27m-3.34-15.3c2.25 1 3.31.64 3.78-.97c.62-2.11 2.46-11.78 2.55-13.98c.06-1.43-.53-2.81-2.73-2.46S6.47 48.85 4.45 49.55c-2.35.82-2.18 3.4-.62 4.22c1.85.97 15.47 9.23 17.06 9.93m27.34-36.92c1.27-1.01.88-2.46-.26-3.25s-15.26-11-17.05-12.4c-1.58-1.23-3.52-.79-2.99 2.02c.38 2.02 4.88 19.7 5.19 20.92c.35 1.41 1.41 2.11 2.64 1.23c1.21-.87 11.15-7.46 12.47-8.52"/></svg>

React

import type { SVGProps } from "react";

export function NotoSun(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc11a" d="M37.41 41.95c-9.71 12.48-9.54 34.65 2.87 45.64c14.09 12.47 33.92 12.34 46.39.87c14.95-13.76 14.09-36.66.87-49.63c-13.29-13.04-37.04-13.72-50.13 3.12"/><path fill="#fee269" d="M53 37.67c-3.84-1.7-8.04 2.93-9.87 6.09c-1.83 3.17-3.53 9.38.37 10.97c3.9 1.58 6.7-1.1 9.51-5.73c2.79-4.63 4.38-9.38-.01-11.33"/><path fill="#ffa722" d="M63 20.27c-.93 1.74-.62 3.08 1.23 3.52s13.36 2.31 14.33 2.37c1.41.09 1.93-.97 1.76-2.2c-.18-1.23-2.99-18.46-3.25-20.04S75.14.76 73.55 2.87S63.7 18.96 63 20.27m29.8 11.96c-1.81.56-1.76 1.67-.79 3.08s7.65 11.6 8.26 12.31c.62.7 1.67.88 2.55-.18c.88-1.05 11.86-16.45 12.66-17.41c1.32-1.58.53-3.25-1.49-2.73c-1.54.41-20.05 4.58-21.19 4.93m13.8 29.63c-1.3-.74-2.99-.53-3.43 1.14s-2.37 13.8-2.55 14.86s.62 2.11 1.93 1.85s19.45-2.95 20.66-3.25c2.11-.53 2.81-2.64.62-4.22c-1.42-1.03-16-9.68-17.23-10.38M92.09 90.6c1.4-.75 2.64-.18 2.99 1.41c.35 1.58 4.22 17.76 4.84 20.75c.31 1.5-1.41 2.73-2.81 1.85c-1.41-.88-16.69-11.53-17.67-12.4c-1.41-1.23-.43-2.51.26-3.16c1.4-1.33 11.07-7.74 12.39-8.45m-42.55 8.88c-1.77-.17-2.29 1.41-2.02 2.81c.26 1.41 2.9 19.24 3.08 20.57c.26 1.93 2.29 2.73 3.6.79s10.35-16.4 11.08-17.76c1.32-2.46.35-2.99-.97-3.6c-1.31-.61-12.92-2.63-14.77-2.81M24.23 79c1.23-2.02 2.81-1.49 3.96.44c.78 1.32 7.38 10.2 8 11.16c.62.97.88 2.81-1.05 3.25c-1.95.45-17.68 4.58-20.14 5.02s-3.87-1.49-2.29-3.6c.92-1.24 10.82-15.12 11.52-16.27m-3.34-15.3c2.25 1 3.31.64 3.78-.97c.62-2.11 2.46-11.78 2.55-13.98c.06-1.43-.53-2.81-2.73-2.46S6.47 48.85 4.45 49.55c-2.35.82-2.18 3.4-.62 4.22c1.85.97 15.47 9.23 17.06 9.93m27.34-36.92c1.27-1.01.88-2.46-.26-3.25s-15.26-11-17.05-12.4c-1.58-1.23-3.52-.79-2.99 2.02c.38 2.02 4.88 19.7 5.19 20.92c.35 1.41 1.41 2.11 2.64 1.23c1.21-.87 11.15-7.46 12.47-8.52"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fcc11a" d="M37.41 41.95c-9.71 12.48-9.54 34.65 2.87 45.64c14.09 12.47 33.92 12.34 46.39.87c14.95-13.76 14.09-36.66.87-49.63c-13.29-13.04-37.04-13.72-50.13 3.12"/><path fill="#fee269" d="M53 37.67c-3.84-1.7-8.04 2.93-9.87 6.09c-1.83 3.17-3.53 9.38.37 10.97c3.9 1.58 6.7-1.1 9.51-5.73c2.79-4.63 4.38-9.38-.01-11.33"/><path fill="#ffa722" d="M63 20.27c-.93 1.74-.62 3.08 1.23 3.52s13.36 2.31 14.33 2.37c1.41.09 1.93-.97 1.76-2.2c-.18-1.23-2.99-18.46-3.25-20.04S75.14.76 73.55 2.87S63.7 18.96 63 20.27m29.8 11.96c-1.81.56-1.76 1.67-.79 3.08s7.65 11.6 8.26 12.31c.62.7 1.67.88 2.55-.18c.88-1.05 11.86-16.45 12.66-17.41c1.32-1.58.53-3.25-1.49-2.73c-1.54.41-20.05 4.58-21.19 4.93m13.8 29.63c-1.3-.74-2.99-.53-3.43 1.14s-2.37 13.8-2.55 14.86s.62 2.11 1.93 1.85s19.45-2.95 20.66-3.25c2.11-.53 2.81-2.64.62-4.22c-1.42-1.03-16-9.68-17.23-10.38M92.09 90.6c1.4-.75 2.64-.18 2.99 1.41c.35 1.58 4.22 17.76 4.84 20.75c.31 1.5-1.41 2.73-2.81 1.85c-1.41-.88-16.69-11.53-17.67-12.4c-1.41-1.23-.43-2.51.26-3.16c1.4-1.33 11.07-7.74 12.39-8.45m-42.55 8.88c-1.77-.17-2.29 1.41-2.02 2.81c.26 1.41 2.9 19.24 3.08 20.57c.26 1.93 2.29 2.73 3.6.79s10.35-16.4 11.08-17.76c1.32-2.46.35-2.99-.97-3.6c-1.31-.61-12.92-2.63-14.77-2.81M24.23 79c1.23-2.02 2.81-1.49 3.96.44c.78 1.32 7.38 10.2 8 11.16c.62.97.88 2.81-1.05 3.25c-1.95.45-17.68 4.58-20.14 5.02s-3.87-1.49-2.29-3.6c.92-1.24 10.82-15.12 11.52-16.27m-3.34-15.3c2.25 1 3.31.64 3.78-.97c.62-2.11 2.46-11.78 2.55-13.98c.06-1.43-.53-2.81-2.73-2.46S6.47 48.85 4.45 49.55c-2.35.82-2.18 3.4-.62 4.22c1.85.97 15.47 9.23 17.06 9.93m27.34-36.92c1.27-1.01.88-2.46-.26-3.25s-15.26-11-17.05-12.4c-1.58-1.23-3.52-.79-2.99 2.02c.38 2.02 4.88 19.7 5.19 20.92c.35 1.41 1.41 2.11 2.64 1.23c1.21-.87 11.15-7.46 12.47-8.52"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fcc11a%22%20d%3D%22M37.41%2041.95c-9.71%2012.48-9.54%2034.65%202.87%2045.64c14.09%2012.47%2033.92%2012.34%2046.39.87c14.95-13.76%2014.09-36.66.87-49.63c-13.29-13.04-37.04-13.72-50.13%203.12%22%2F%3E%3Cpath%20fill%3D%22%23fee269%22%20d%3D%22M53%2037.67c-3.84-1.7-8.04%202.93-9.87%206.09c-1.83%203.17-3.53%209.38.37%2010.97c3.9%201.58%206.7-1.1%209.51-5.73c2.79-4.63%204.38-9.38-.01-11.33%22%2F%3E%3Cpath%20fill%3D%22%23ffa722%22%20d%3D%22M63%2020.27c-.93%201.74-.62%203.08%201.23%203.52s13.36%202.31%2014.33%202.37c1.41.09%201.93-.97%201.76-2.2c-.18-1.23-2.99-18.46-3.25-20.04S75.14.76%2073.55%202.87S63.7%2018.96%2063%2020.27m29.8%2011.96c-1.81.56-1.76%201.67-.79%203.08s7.65%2011.6%208.26%2012.31c.62.7%201.67.88%202.55-.18c.88-1.05%2011.86-16.45%2012.66-17.41c1.32-1.58.53-3.25-1.49-2.73c-1.54.41-20.05%204.58-21.19%204.93m13.8%2029.63c-1.3-.74-2.99-.53-3.43%201.14s-2.37%2013.8-2.55%2014.86s.62%202.11%201.93%201.85s19.45-2.95%2020.66-3.25c2.11-.53%202.81-2.64.62-4.22c-1.42-1.03-16-9.68-17.23-10.38M92.09%2090.6c1.4-.75%202.64-.18%202.99%201.41c.35%201.58%204.22%2017.76%204.84%2020.75c.31%201.5-1.41%202.73-2.81%201.85c-1.41-.88-16.69-11.53-17.67-12.4c-1.41-1.23-.43-2.51.26-3.16c1.4-1.33%2011.07-7.74%2012.39-8.45m-42.55%208.88c-1.77-.17-2.29%201.41-2.02%202.81c.26%201.41%202.9%2019.24%203.08%2020.57c.26%201.93%202.29%202.73%203.6.79s10.35-16.4%2011.08-17.76c1.32-2.46.35-2.99-.97-3.6c-1.31-.61-12.92-2.63-14.77-2.81M24.23%2079c1.23-2.02%202.81-1.49%203.96.44c.78%201.32%207.38%2010.2%208%2011.16c.62.97.88%202.81-1.05%203.25c-1.95.45-17.68%204.58-20.14%205.02s-3.87-1.49-2.29-3.6c.92-1.24%2010.82-15.12%2011.52-16.27m-3.34-15.3c2.25%201%203.31.64%203.78-.97c.62-2.11%202.46-11.78%202.55-13.98c.06-1.43-.53-2.81-2.73-2.46S6.47%2048.85%204.45%2049.55c-2.35.82-2.18%203.4-.62%204.22c1.85.97%2015.47%209.23%2017.06%209.93m27.34-36.92c1.27-1.01.88-2.46-.26-3.25s-15.26-11-17.05-12.4c-1.58-1.23-3.52-.79-2.99%202.02c.38%202.02%204.88%2019.7%205.19%2020.92c.35%201.41%201.41%202.11%202.64%201.23c1.21-.87%2011.15-7.46%2012.47-8.52%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fcc11a%22%20d%3D%22M37.41%2041.95c-9.71%2012.48-9.54%2034.65%202.87%2045.64c14.09%2012.47%2033.92%2012.34%2046.39.87c14.95-13.76%2014.09-36.66.87-49.63c-13.29-13.04-37.04-13.72-50.13%203.12%22%2F%3E%3Cpath%20fill%3D%22%23fee269%22%20d%3D%22M53%2037.67c-3.84-1.7-8.04%202.93-9.87%206.09c-1.83%203.17-3.53%209.38.37%2010.97c3.9%201.58%206.7-1.1%209.51-5.73c2.79-4.63%204.38-9.38-.01-11.33%22%2F%3E%3Cpath%20fill%3D%22%23ffa722%22%20d%3D%22M63%2020.27c-.93%201.74-.62%203.08%201.23%203.52s13.36%202.31%2014.33%202.37c1.41.09%201.93-.97%201.76-2.2c-.18-1.23-2.99-18.46-3.25-20.04S75.14.76%2073.55%202.87S63.7%2018.96%2063%2020.27m29.8%2011.96c-1.81.56-1.76%201.67-.79%203.08s7.65%2011.6%208.26%2012.31c.62.7%201.67.88%202.55-.18c.88-1.05%2011.86-16.45%2012.66-17.41c1.32-1.58.53-3.25-1.49-2.73c-1.54.41-20.05%204.58-21.19%204.93m13.8%2029.63c-1.3-.74-2.99-.53-3.43%201.14s-2.37%2013.8-2.55%2014.86s.62%202.11%201.93%201.85s19.45-2.95%2020.66-3.25c2.11-.53%202.81-2.64.62-4.22c-1.42-1.03-16-9.68-17.23-10.38M92.09%2090.6c1.4-.75%202.64-.18%202.99%201.41c.35%201.58%204.22%2017.76%204.84%2020.75c.31%201.5-1.41%202.73-2.81%201.85c-1.41-.88-16.69-11.53-17.67-12.4c-1.41-1.23-.43-2.51.26-3.16c1.4-1.33%2011.07-7.74%2012.39-8.45m-42.55%208.88c-1.77-.17-2.29%201.41-2.02%202.81c.26%201.41%202.9%2019.24%203.08%2020.57c.26%201.93%202.29%202.73%203.6.79s10.35-16.4%2011.08-17.76c1.32-2.46.35-2.99-.97-3.6c-1.31-.61-12.92-2.63-14.77-2.81M24.23%2079c1.23-2.02%202.81-1.49%203.96.44c.78%201.32%207.38%2010.2%208%2011.16c.62.97.88%202.81-1.05%203.25c-1.95.45-17.68%204.58-20.14%205.02s-3.87-1.49-2.29-3.6c.92-1.24%2010.82-15.12%2011.52-16.27m-3.34-15.3c2.25%201%203.31.64%203.78-.97c.62-2.11%202.46-11.78%202.55-13.98c.06-1.43-.53-2.81-2.73-2.46S6.47%2048.85%204.45%2049.55c-2.35.82-2.18%203.4-.62%204.22c1.85.97%2015.47%209.23%2017.06%209.93m27.34-36.92c1.27-1.01.88-2.46-.26-3.25s-15.26-11-17.05-12.4c-1.58-1.23-3.52-.79-2.99%202.02c.38%202.02%204.88%2019.7%205.19%2020.92c.35%201.41%201.41%202.11%202.64%201.23c1.21-.87%2011.15-7.46%2012.47-8.52%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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