sun with face emoji

sun-with-face from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.

Name
sun-with-face
Set
Twitter Emoji
Style
Default
Category
Travel & Places
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

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

More travel & places icons from Twitter Emoji

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 36 36"><path fill="#f4900c" d="M18 35.8c-.39 0-.745-.218-.921-.565l-1.8-3.554l-3.024 2.596a1.04 1.04 0 0 1-1.066.169a1.03 1.03 0 0 1-.634-.873l-.304-3.976l-3.788 1.241a1.033 1.033 0 0 1-1.301-1.303l1.24-3.788l-3.972-.301a1.034 1.034 0 0 1-.705-1.701l2.594-3.024l-3.554-1.8a1.033 1.033 0 0 1 0-1.842l3.554-1.8l-2.594-3.024a1.03 1.03 0 0 1 .705-1.7l3.972-.304l-1.24-3.788a1.03 1.03 0 0 1 .25-1.051a1.03 1.03 0 0 1 1.051-.25l3.788 1.24l.304-3.972a1.032 1.032 0 0 1 1.7-.705l3.024 2.594l1.8-3.554a1.031 1.031 0 0 1 1.841 0l1.802 3.554l3.024-2.594a1.03 1.03 0 0 1 1.067-.17c.358.149.603.487.634.875l.303 3.972l3.785-1.24a1.03 1.03 0 0 1 1.05.25c.276.276.373.682.252 1.051l-1.241 3.788l3.976.304a1.033 1.033 0 0 1 .704 1.7l-2.596 3.024l3.554 1.8a1.033 1.033 0 0 1 .001 1.842l-3.554 1.8l2.596 3.024a1.033 1.033 0 0 1-.707 1.701l-3.973.301l1.241 3.788a1.03 1.03 0 0 1-.252 1.051a1.03 1.03 0 0 1-1.05.252l-3.785-1.241l-.303 3.973a1.034 1.034 0 0 1-1.701.707l-3.024-2.596l-1.802 3.554A1.03 1.03 0 0 1 18 35.8"/><path fill="#ffcc4d" d="M31 18c0 7.179-5.821 13-13 13S5 25.18 5 18S10.821 5 18 5s13 5.821 13 13"/><path fill="#f4900c" d="M18 23.471c-6.222 0-8-2.328-8-1.228c0 1.102 3.556 3.98 8 3.98s8-2.879 8-3.98s-1.777 1.228-8 1.228m8-8.804a2.667 2.667 0 1 1-5.334 0a2.667 2.667 0 0 1 5.334 0m-10.667 0a2.668 2.668 0 1 1-5.335-.001a2.668 2.668 0 0 1 5.335.001"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiSunWithFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M18 35.8c-.39 0-.745-.218-.921-.565l-1.8-3.554l-3.024 2.596a1.04 1.04 0 0 1-1.066.169a1.03 1.03 0 0 1-.634-.873l-.304-3.976l-3.788 1.241a1.033 1.033 0 0 1-1.301-1.303l1.24-3.788l-3.972-.301a1.034 1.034 0 0 1-.705-1.701l2.594-3.024l-3.554-1.8a1.033 1.033 0 0 1 0-1.842l3.554-1.8l-2.594-3.024a1.03 1.03 0 0 1 .705-1.7l3.972-.304l-1.24-3.788a1.03 1.03 0 0 1 .25-1.051a1.03 1.03 0 0 1 1.051-.25l3.788 1.24l.304-3.972a1.032 1.032 0 0 1 1.7-.705l3.024 2.594l1.8-3.554a1.031 1.031 0 0 1 1.841 0l1.802 3.554l3.024-2.594a1.03 1.03 0 0 1 1.067-.17c.358.149.603.487.634.875l.303 3.972l3.785-1.24a1.03 1.03 0 0 1 1.05.25c.276.276.373.682.252 1.051l-1.241 3.788l3.976.304a1.033 1.033 0 0 1 .704 1.7l-2.596 3.024l3.554 1.8a1.033 1.033 0 0 1 .001 1.842l-3.554 1.8l2.596 3.024a1.033 1.033 0 0 1-.707 1.701l-3.973.301l1.241 3.788a1.03 1.03 0 0 1-.252 1.051a1.03 1.03 0 0 1-1.05.252l-3.785-1.241l-.303 3.973a1.034 1.034 0 0 1-1.701.707l-3.024-2.596l-1.802 3.554A1.03 1.03 0 0 1 18 35.8"/><path fill="#ffcc4d" d="M31 18c0 7.179-5.821 13-13 13S5 25.18 5 18S10.821 5 18 5s13 5.821 13 13"/><path fill="#f4900c" d="M18 23.471c-6.222 0-8-2.328-8-1.228c0 1.102 3.556 3.98 8 3.98s8-2.879 8-3.98s-1.777 1.228-8 1.228m8-8.804a2.667 2.667 0 1 1-5.334 0a2.667 2.667 0 0 1 5.334 0m-10.667 0a2.668 2.668 0 1 1-5.335-.001a2.668 2.668 0 0 1 5.335.001"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M18 35.8c-.39 0-.745-.218-.921-.565l-1.8-3.554l-3.024 2.596a1.04 1.04 0 0 1-1.066.169a1.03 1.03 0 0 1-.634-.873l-.304-3.976l-3.788 1.241a1.033 1.033 0 0 1-1.301-1.303l1.24-3.788l-3.972-.301a1.034 1.034 0 0 1-.705-1.701l2.594-3.024l-3.554-1.8a1.033 1.033 0 0 1 0-1.842l3.554-1.8l-2.594-3.024a1.03 1.03 0 0 1 .705-1.7l3.972-.304l-1.24-3.788a1.03 1.03 0 0 1 .25-1.051a1.03 1.03 0 0 1 1.051-.25l3.788 1.24l.304-3.972a1.032 1.032 0 0 1 1.7-.705l3.024 2.594l1.8-3.554a1.031 1.031 0 0 1 1.841 0l1.802 3.554l3.024-2.594a1.03 1.03 0 0 1 1.067-.17c.358.149.603.487.634.875l.303 3.972l3.785-1.24a1.03 1.03 0 0 1 1.05.25c.276.276.373.682.252 1.051l-1.241 3.788l3.976.304a1.033 1.033 0 0 1 .704 1.7l-2.596 3.024l3.554 1.8a1.033 1.033 0 0 1 .001 1.842l-3.554 1.8l2.596 3.024a1.033 1.033 0 0 1-.707 1.701l-3.973.301l1.241 3.788a1.03 1.03 0 0 1-.252 1.051a1.03 1.03 0 0 1-1.05.252l-3.785-1.241l-.303 3.973a1.034 1.034 0 0 1-1.701.707l-3.024-2.596l-1.802 3.554A1.03 1.03 0 0 1 18 35.8"/><path fill="#ffcc4d" d="M31 18c0 7.179-5.821 13-13 13S5 25.18 5 18S10.821 5 18 5s13 5.821 13 13"/><path fill="#f4900c" d="M18 23.471c-6.222 0-8-2.328-8-1.228c0 1.102 3.556 3.98 8 3.98s8-2.879 8-3.98s-1.777 1.228-8 1.228m8-8.804a2.667 2.667 0 1 1-5.334 0a2.667 2.667 0 0 1 5.334 0m-10.667 0a2.668 2.668 0 1 1-5.335-.001a2.668 2.668 0 0 1 5.335.001"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%2035.8c-.39%200-.745-.218-.921-.565l-1.8-3.554l-3.024%202.596a1.04%201.04%200%200%201-1.066.169a1.03%201.03%200%200%201-.634-.873l-.304-3.976l-3.788%201.241a1.033%201.033%200%200%201-1.301-1.303l1.24-3.788l-3.972-.301a1.034%201.034%200%200%201-.705-1.701l2.594-3.024l-3.554-1.8a1.033%201.033%200%200%201%200-1.842l3.554-1.8l-2.594-3.024a1.03%201.03%200%200%201%20.705-1.7l3.972-.304l-1.24-3.788a1.03%201.03%200%200%201%20.25-1.051a1.03%201.03%200%200%201%201.051-.25l3.788%201.24l.304-3.972a1.032%201.032%200%200%201%201.7-.705l3.024%202.594l1.8-3.554a1.031%201.031%200%200%201%201.841%200l1.802%203.554l3.024-2.594a1.03%201.03%200%200%201%201.067-.17c.358.149.603.487.634.875l.303%203.972l3.785-1.24a1.03%201.03%200%200%201%201.05.25c.276.276.373.682.252%201.051l-1.241%203.788l3.976.304a1.033%201.033%200%200%201%20.704%201.7l-2.596%203.024l3.554%201.8a1.033%201.033%200%200%201%20.001%201.842l-3.554%201.8l2.596%203.024a1.033%201.033%200%200%201-.707%201.701l-3.973.301l1.241%203.788a1.03%201.03%200%200%201-.252%201.051a1.03%201.03%200%200%201-1.05.252l-3.785-1.241l-.303%203.973a1.034%201.034%200%200%201-1.701.707l-3.024-2.596l-1.802%203.554A1.03%201.03%200%200%201%2018%2035.8%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M31%2018c0%207.179-5.821%2013-13%2013S5%2025.18%205%2018S10.821%205%2018%205s13%205.821%2013%2013%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%2023.471c-6.222%200-8-2.328-8-1.228c0%201.102%203.556%203.98%208%203.98s8-2.879%208-3.98s-1.777%201.228-8%201.228m8-8.804a2.667%202.667%200%201%201-5.334%200a2.667%202.667%200%200%201%205.334%200m-10.667%200a2.668%202.668%200%201%201-5.335-.001a2.668%202.668%200%200%201%205.335.001%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%2035.8c-.39%200-.745-.218-.921-.565l-1.8-3.554l-3.024%202.596a1.04%201.04%200%200%201-1.066.169a1.03%201.03%200%200%201-.634-.873l-.304-3.976l-3.788%201.241a1.033%201.033%200%200%201-1.301-1.303l1.24-3.788l-3.972-.301a1.034%201.034%200%200%201-.705-1.701l2.594-3.024l-3.554-1.8a1.033%201.033%200%200%201%200-1.842l3.554-1.8l-2.594-3.024a1.03%201.03%200%200%201%20.705-1.7l3.972-.304l-1.24-3.788a1.03%201.03%200%200%201%20.25-1.051a1.03%201.03%200%200%201%201.051-.25l3.788%201.24l.304-3.972a1.032%201.032%200%200%201%201.7-.705l3.024%202.594l1.8-3.554a1.031%201.031%200%200%201%201.841%200l1.802%203.554l3.024-2.594a1.03%201.03%200%200%201%201.067-.17c.358.149.603.487.634.875l.303%203.972l3.785-1.24a1.03%201.03%200%200%201%201.05.25c.276.276.373.682.252%201.051l-1.241%203.788l3.976.304a1.033%201.033%200%200%201%20.704%201.7l-2.596%203.024l3.554%201.8a1.033%201.033%200%200%201%20.001%201.842l-3.554%201.8l2.596%203.024a1.033%201.033%200%200%201-.707%201.701l-3.973.301l1.241%203.788a1.03%201.03%200%200%201-.252%201.051a1.03%201.03%200%200%201-1.05.252l-3.785-1.241l-.303%203.973a1.034%201.034%200%200%201-1.701.707l-3.024-2.596l-1.802%203.554A1.03%201.03%200%200%201%2018%2035.8%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M31%2018c0%207.179-5.821%2013-13%2013S5%2025.18%205%2018S10.821%205%2018%205s13%205.821%2013%2013%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%2023.471c-6.222%200-8-2.328-8-1.228c0%201.102%203.556%203.98%208%203.98s8-2.879%208-3.98s-1.777%201.228-8%201.228m8-8.804a2.667%202.667%200%201%201-5.334%200a2.667%202.667%200%200%201%205.334%200m-10.667%200a2.668%202.668%200%201%201-5.335-.001a2.668%202.668%200%200%201%205.335.001%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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