sun with face emoji

sun-with-face from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
sun-with-face
Set
Fluent Emoji Flat
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

sun-with-faceEmoji One (Colored)sun-with-faceFluent Emojisun-with-faceFluent Emoji High Contrastsun-with-faceNoto Emojisun-with-faceOpenMojisun-with-faceStreamline Emojissun-with-faceTwitter Emoji

More travel & places icons from Fluent Emoji Flat

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

Use the sun with face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M13.071 3.785c1.07-2.34 4.37-2.39 5.52-.09c.43.86 1.49 1.19 2.33.72l.52-.29c2.04-1.16 4.49.57 4.1 2.87l-.1.59c-.16.95.51 1.84 1.47 1.95l.59.07c2.32.27 3.29 3.1 1.62 4.73l-.43.42c-.69.67-.67 1.79.04 2.44l.44.4c1.72 1.58.84 4.44-1.47 4.78l-.59.09c-.95.14-1.59 1.05-1.4 2l.12.59c.46 2.29-1.93 4.09-4 3l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07 2.34-4.37 2.39-5.52.09a1.685 1.685 0 0 0-2.33-.72l-.52.29c-2.03 1.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44 1.47-4.78l.59-.09c.95-.14 1.59-1.05 1.4-2l-.12-.58c-.46-2.29 1.93-4.09 4-3l.53.28c.85.44 1.9.08 2.3-.79"/><path fill="#fcd53f" d="M15.991 27.165c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="#321b41" d="M10.661 9.205a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 1 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 0 1 0 1m.24 8.54a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06m10.14-9.54a.5.5 0 1 0 0 1a2.48 2.48 0 0 1 2.48 2.48a.5.5 0 1 0 1 0a3.48 3.48 0 0 0-3.48-3.48m-9.46 4.48a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37 1.37 0 0 1 1.282-.864c.608 0 1.127.394 1.308.945a.75.75 0 0 0 1.425-.47a2.88 2.88 0 0 0-2.733-1.975a2.87 2.87 0 0 0-2.678 1.816a.75.75 0 1 0 1.396.548"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatSunWithFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M13.071 3.785c1.07-2.34 4.37-2.39 5.52-.09c.43.86 1.49 1.19 2.33.72l.52-.29c2.04-1.16 4.49.57 4.1 2.87l-.1.59c-.16.95.51 1.84 1.47 1.95l.59.07c2.32.27 3.29 3.1 1.62 4.73l-.43.42c-.69.67-.67 1.79.04 2.44l.44.4c1.72 1.58.84 4.44-1.47 4.78l-.59.09c-.95.14-1.59 1.05-1.4 2l.12.59c.46 2.29-1.93 4.09-4 3l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07 2.34-4.37 2.39-5.52.09a1.685 1.685 0 0 0-2.33-.72l-.52.29c-2.03 1.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44 1.47-4.78l.59-.09c.95-.14 1.59-1.05 1.4-2l-.12-.58c-.46-2.29 1.93-4.09 4-3l.53.28c.85.44 1.9.08 2.3-.79"/><path fill="#fcd53f" d="M15.991 27.165c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="#321b41" d="M10.661 9.205a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 1 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 0 1 0 1m.24 8.54a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06m10.14-9.54a.5.5 0 1 0 0 1a2.48 2.48 0 0 1 2.48 2.48a.5.5 0 1 0 1 0a3.48 3.48 0 0 0-3.48-3.48m-9.46 4.48a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37 1.37 0 0 1 1.282-.864c.608 0 1.127.394 1.308.945a.75.75 0 0 0 1.425-.47a2.88 2.88 0 0 0-2.733-1.975a2.87 2.87 0 0 0-2.678 1.816a.75.75 0 1 0 1.396.548"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ff822d" d="M13.071 3.785c1.07-2.34 4.37-2.39 5.52-.09c.43.86 1.49 1.19 2.33.72l.52-.29c2.04-1.16 4.49.57 4.1 2.87l-.1.59c-.16.95.51 1.84 1.47 1.95l.59.07c2.32.27 3.29 3.1 1.62 4.73l-.43.42c-.69.67-.67 1.79.04 2.44l.44.4c1.72 1.58.84 4.44-1.47 4.78l-.59.09c-.95.14-1.59 1.05-1.4 2l.12.59c.46 2.29-1.93 4.09-4 3l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07 2.34-4.37 2.39-5.52.09a1.685 1.685 0 0 0-2.33-.72l-.52.29c-2.03 1.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44 1.47-4.78l.59-.09c.95-.14 1.59-1.05 1.4-2l-.12-.58c-.46-2.29 1.93-4.09 4-3l.53.28c.85.44 1.9.08 2.3-.79"/><path fill="#fcd53f" d="M15.991 27.165c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/><path fill="#321b41" d="M10.661 9.205a2.48 2.48 0 0 0-2.48 2.48a.5.5 0 1 1-1 0a3.48 3.48 0 0 1 3.48-3.48a.5.5 0 0 1 0 1m.24 8.54a.75.75 0 0 1 1.06 0a5.52 5.52 0 0 0 7.81 0a.75.75 0 0 1 1.06 1.06a7.02 7.02 0 0 1-9.93 0a.75.75 0 0 1 0-1.06m10.14-9.54a.5.5 0 1 0 0 1a2.48 2.48 0 0 1 2.48 2.48a.5.5 0 1 0 1 0a3.48 3.48 0 0 0-3.48-3.48m-9.46 4.48a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.548a2.87 2.87 0 0 1 2.678-1.816c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37 1.37 0 0 1 1.282-.864c.608 0 1.127.394 1.308.945a.75.75 0 0 0 1.425-.47a2.88 2.88 0 0 0-2.733-1.975a2.87 2.87 0 0 0-2.678 1.816a.75.75 0 1 0 1.396.548"/></g></svg>
</template>

CSS

.icon-sun-with-face {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M13.071%203.785c1.07-2.34%204.37-2.39%205.52-.09c.43.86%201.49%201.19%202.33.72l.52-.29c2.04-1.16%204.49.57%204.1%202.87l-.1.59c-.16.95.51%201.84%201.47%201.95l.59.07c2.32.27%203.29%203.1%201.62%204.73l-.43.42c-.69.67-.67%201.79.04%202.44l.44.4c1.72%201.58.84%204.44-1.47%204.78l-.59.09c-.95.14-1.59%201.05-1.4%202l.12.59c.46%202.29-1.93%204.09-4%203l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07%202.34-4.37%202.39-5.52.09a1.685%201.685%200%200%200-2.33-.72l-.52.29c-2.03%201.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44%201.47-4.78l.59-.09c.95-.14%201.59-1.05%201.4-2l-.12-.58c-.46-2.29%201.93-4.09%204-3l.53.28c.85.44%201.9.08%202.3-.79%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M15.991%2027.165c6.076%200%2011-4.924%2011-11s-4.924-11-11-11s-11%204.925-11%2011s4.925%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M10.661%209.205a2.48%202.48%200%200%200-2.48%202.48a.5.5%200%201%201-1%200a3.48%203.48%200%200%201%203.48-3.48a.5.5%200%200%201%200%201m.24%208.54a.75.75%200%200%201%201.06%200a5.52%205.52%200%200%200%207.81%200a.75.75%200%200%201%201.06%201.06a7.02%207.02%200%200%201-9.93%200a.75.75%200%200%201%200-1.06m10.14-9.54a.5.5%200%201%200%200%201a2.48%202.48%200%200%201%202.48%202.48a.5.5%200%201%200%201%200a3.48%203.48%200%200%200-3.48-3.48m-9.46%204.48a1.37%201.37%200%200%200-1.282.864a.75.75%200%201%201-1.396-.548a2.87%202.87%200%200%201%202.678-1.816c1.273%200%202.354.826%202.733%201.976a.75.75%200%200%201-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37%201.37%200%200%201%201.282-.864c.608%200%201.127.394%201.308.945a.75.75%200%200%200%201.425-.47a2.88%202.88%200%200%200-2.733-1.975a2.87%202.87%200%200%200-2.678%201.816a.75.75%200%201%200%201.396.548%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M13.071%203.785c1.07-2.34%204.37-2.39%205.52-.09c.43.86%201.49%201.19%202.33.72l.52-.29c2.04-1.16%204.49.57%204.1%202.87l-.1.59c-.16.95.51%201.84%201.47%201.95l.59.07c2.32.27%203.29%203.1%201.62%204.73l-.43.42c-.69.67-.67%201.79.04%202.44l.44.4c1.72%201.58.84%204.44-1.47%204.78l-.59.09c-.95.14-1.59%201.05-1.4%202l.12.59c.46%202.29-1.93%204.09-4%203l-.53-.28c-.85-.45-1.91-.09-2.31.79c-1.07%202.34-4.37%202.39-5.52.09a1.685%201.685%200%200%200-2.33-.72l-.52.29c-2.03%201.15-4.48-.58-4.09-2.88l.1-.59c.16-.95-.51-1.84-1.47-1.95l-.59-.07c-2.32-.27-3.29-3.1-1.62-4.73l.43-.42c.69-.67.67-1.79-.04-2.44l-.44-.4c-1.72-1.58-.84-4.44%201.47-4.78l.59-.09c.95-.14%201.59-1.05%201.4-2l-.12-.58c-.46-2.29%201.93-4.09%204-3l.53.28c.85.44%201.9.08%202.3-.79%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M15.991%2027.165c6.076%200%2011-4.924%2011-11s-4.924-11-11-11s-11%204.925-11%2011s4.925%2011%2011%2011%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M10.661%209.205a2.48%202.48%200%200%200-2.48%202.48a.5.5%200%201%201-1%200a3.48%203.48%200%200%201%203.48-3.48a.5.5%200%200%201%200%201m.24%208.54a.75.75%200%200%201%201.06%200a5.52%205.52%200%200%200%207.81%200a.75.75%200%200%201%201.06%201.06a7.02%207.02%200%200%201-9.93%200a.75.75%200%200%201%200-1.06m10.14-9.54a.5.5%200%201%200%200%201a2.48%202.48%200%200%201%202.48%202.48a.5.5%200%201%200%201%200a3.48%203.48%200%200%200-3.48-3.48m-9.46%204.48a1.37%201.37%200%200%200-1.282.864a.75.75%200%201%201-1.396-.548a2.87%202.87%200%200%201%202.678-1.816c1.273%200%202.354.826%202.733%201.976a.75.75%200%200%201-1.425.469c-.181-.55-.7-.945-1.308-.945m7.338.864a1.37%201.37%200%200%201%201.282-.864c.608%200%201.127.394%201.308.945a.75.75%200%200%200%201.425-.47a2.88%202.88%200%200%200-2.733-1.975a2.87%202.87%200%200%200-2.678%201.816a.75.75%200%201%200%201.396.548%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/sun-with-face.svg?color=%231a73e8&size=48