sun with face emoji

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

Name
sun-with-face
Set
Fluent Emoji High Contrast
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 Flatsun-with-faceNoto Emojisun-with-faceOpenMojisun-with-faceStreamline Emojissun-with-faceTwitter Emoji

More travel & places icons from Fluent Emoji High Contrast

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="currentColor"><path d="M8.181 11.685a2.48 2.48 0 0 1 2.48-2.48a.5.5 0 0 0 0-1a3.48 3.48 0 0 0-3.48 3.48a.5.5 0 0 0 1 0m3.781 6.06a.75.75 0 0 0-1.061 1.06a7.02 7.02 0 0 0 9.93 0a.75.75 0 1 0-1.06-1.06a5.52 5.52 0 0 1-7.81 0m8.58-9.04a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 0 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5M10.3 13.55a1.37 1.37 0 0 1 1.281-.865c.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 0 0 1.396.548m9.902-.864a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.547a2.87 2.87 0 0 1 2.678-1.817c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.47a1.38 1.38 0 0 0-1.308-.946"/><path 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-.79m2.92 23.38c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastSunWithFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.181 11.685a2.48 2.48 0 0 1 2.48-2.48a.5.5 0 0 0 0-1a3.48 3.48 0 0 0-3.48 3.48a.5.5 0 0 0 1 0m3.781 6.06a.75.75 0 0 0-1.061 1.06a7.02 7.02 0 0 0 9.93 0a.75.75 0 1 0-1.06-1.06a5.52 5.52 0 0 1-7.81 0m8.58-9.04a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 0 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5M10.3 13.55a1.37 1.37 0 0 1 1.281-.865c.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 0 0 1.396.548m9.902-.864a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.547a2.87 2.87 0 0 1 2.678-1.817c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.47a1.38 1.38 0 0 0-1.308-.946"/><path 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-.79m2.92 23.38c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.181 11.685a2.48 2.48 0 0 1 2.48-2.48a.5.5 0 0 0 0-1a3.48 3.48 0 0 0-3.48 3.48a.5.5 0 0 0 1 0m3.781 6.06a.75.75 0 0 0-1.061 1.06a7.02 7.02 0 0 0 9.93 0a.75.75 0 1 0-1.06-1.06a5.52 5.52 0 0 1-7.81 0m8.58-9.04a.5.5 0 0 1 .5-.5a3.48 3.48 0 0 1 3.48 3.48a.5.5 0 0 1-1 0a2.48 2.48 0 0 0-2.48-2.48a.5.5 0 0 1-.5-.5M10.3 13.55a1.37 1.37 0 0 1 1.281-.865c.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 0 0 1.396.548m9.902-.864a1.37 1.37 0 0 0-1.282.864a.75.75 0 1 1-1.396-.547a2.87 2.87 0 0 1 2.678-1.817c1.273 0 2.354.826 2.733 1.976a.75.75 0 0 1-1.425.47a1.38 1.38 0 0 0-1.308-.946"/><path 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-.79m2.92 23.38c6.076 0 11-4.924 11-11s-4.924-11-11-11s-11 4.925-11 11s4.925 11 11 11"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M8.181%2011.685a2.48%202.48%200%200%201%202.48-2.48a.5.5%200%200%200%200-1a3.48%203.48%200%200%200-3.48%203.48a.5.5%200%200%200%201%200m3.781%206.06a.75.75%200%200%200-1.061%201.06a7.02%207.02%200%200%200%209.93%200a.75.75%200%201%200-1.06-1.06a5.52%205.52%200%200%201-7.81%200m8.58-9.04a.5.5%200%200%201%20.5-.5a3.48%203.48%200%200%201%203.48%203.48a.5.5%200%200%201-1%200a2.48%202.48%200%200%200-2.48-2.48a.5.5%200%200%201-.5-.5M10.3%2013.55a1.37%201.37%200%200%201%201.281-.865c.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%200%200%201.396.548m9.902-.864a1.37%201.37%200%200%200-1.282.864a.75.75%200%201%201-1.396-.547a2.87%202.87%200%200%201%202.678-1.817c1.273%200%202.354.826%202.733%201.976a.75.75%200%200%201-1.425.47a1.38%201.38%200%200%200-1.308-.946%22%2F%3E%3Cpath%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-.79m2.92%2023.38c6.076%200%2011-4.924%2011-11s-4.924-11-11-11s-11%204.925-11%2011s4.925%2011%2011%2011%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%22currentColor%22%3E%3Cpath%20d%3D%22M8.181%2011.685a2.48%202.48%200%200%201%202.48-2.48a.5.5%200%200%200%200-1a3.48%203.48%200%200%200-3.48%203.48a.5.5%200%200%200%201%200m3.781%206.06a.75.75%200%200%200-1.061%201.06a7.02%207.02%200%200%200%209.93%200a.75.75%200%201%200-1.06-1.06a5.52%205.52%200%200%201-7.81%200m8.58-9.04a.5.5%200%200%201%20.5-.5a3.48%203.48%200%200%201%203.48%203.48a.5.5%200%200%201-1%200a2.48%202.48%200%200%200-2.48-2.48a.5.5%200%200%201-.5-.5M10.3%2013.55a1.37%201.37%200%200%201%201.281-.865c.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%200%200%201.396.548m9.902-.864a1.37%201.37%200%200%200-1.282.864a.75.75%200%201%201-1.396-.547a2.87%202.87%200%200%201%202.678-1.817c1.273%200%202.354.826%202.733%201.976a.75.75%200%200%201-1.425.47a1.38%201.38%200%200%200-1.308-.946%22%2F%3E%3Cpath%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-.79m2.92%2023.38c6.076%200%2011-4.924%2011-11s-4.924-11-11-11s-11%204.925-11%2011s4.925%2011%2011%2011%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-high-contrast/sun-with-face.svg?color=%231a73e8&size=48