smiling face with halo emoji

smiling-face-with-halo from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
smiling-face-with-halo
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

smiling-face-with-haloEmoji One (Colored)smiling-face-with-haloFluent Emojismiling-face-with-haloFluent Emoji Flatsmiling-face-with-haloFluent Emoji High Contrastsmiling-face-with-haloNoto Emojismiling-face-with-haloOpenMojismiling-face-with-haloStreamline Emojis

More smileys & emotion icons from Twitter Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face

Use the smiling face with halo emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M27.335 22.629a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657C8.7 23.472 11.788 28.5 18 28.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628M26 19a1 1 0 0 1-.948-.684C24.849 17.717 24.033 16 23 16c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 1 1-1.897-.633C19.177 17.307 20.355 14 23 14s3.823 3.307 3.948 3.684A1 1 0 0 1 26 19m-10 0c-.419 0-.809-.265-.949-.684C14.848 17.717 14.034 16 13 16c-1.062 0-1.888 1.827-2.051 2.316a.999.999 0 1 1-1.897-.633C9.177 17.307 10.355 14 13 14s3.823 3.307 3.949 3.684A1 1 0 0 1 16 19"/><path fill="#ffac33" d="M33.175 8.316s-9.042.161-15.175.161c-3.905 0-15.206-.118-15.206-.118l-.521.876c3.043 1.856 9.064 2.917 15.727 2.917c6.596 0 12.576-1.04 15.652-2.86l.078-.047s-.374-.664-.555-.929"/><path fill="#5dadec" d="M23.777.345a71 71 0 0 0-3.773-.19A83 83 0 0 0 18 .129q-1.008.001-1.993.025a71 71 0 0 0-3.777.19C5.34.88.169 2.451.169 5.287c0 3.588 8.264 5.771 17.831 5.771s17.831-2.183 17.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18 7.383c-6.861 0-12.91-.833-12.91-2.736c0-.536.494-1.023 1.339-1.449c1.153-.581 2.978-1.044 5.189-1.349c1.911-.262 4.098-.41 6.382-.41c2.291 0 4.485.148 6.4.413c2.242.31 4.086.783 5.232 1.377c.807.418 1.278.894 1.278 1.418c0 1.903-6.049 2.736-12.91 2.736"/><path fill="#3b94d9" d="M24.4 1.853c2.242.31 4.086.783 5.232 1.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71 71 0 0 0-3.773-.19l.018.007zM6.429 3.199c1.153-.581 2.978-1.044 5.189-1.349L15.984.162l.023-.008a71 71 0 0 0-3.777.19c-1.347.342-3.633 1.227-5.919 2.902z"/><path fill="#ffcc4d" d="M28.472 3.375c-.66-.443-1.346-.91-2.001-1.26A17.9 17.9 0 0 0 18 0c-2.929 0-5.695.7-8.14 1.941c-1.089.553-1.881.999-2.17 1.434z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiSmilingFaceWithHalo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M27.335 22.629a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657C8.7 23.472 11.788 28.5 18 28.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628M26 19a1 1 0 0 1-.948-.684C24.849 17.717 24.033 16 23 16c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 1 1-1.897-.633C19.177 17.307 20.355 14 23 14s3.823 3.307 3.948 3.684A1 1 0 0 1 26 19m-10 0c-.419 0-.809-.265-.949-.684C14.848 17.717 14.034 16 13 16c-1.062 0-1.888 1.827-2.051 2.316a.999.999 0 1 1-1.897-.633C9.177 17.307 10.355 14 13 14s3.823 3.307 3.949 3.684A1 1 0 0 1 16 19"/><path fill="#ffac33" d="M33.175 8.316s-9.042.161-15.175.161c-3.905 0-15.206-.118-15.206-.118l-.521.876c3.043 1.856 9.064 2.917 15.727 2.917c6.596 0 12.576-1.04 15.652-2.86l.078-.047s-.374-.664-.555-.929"/><path fill="#5dadec" d="M23.777.345a71 71 0 0 0-3.773-.19A83 83 0 0 0 18 .129q-1.008.001-1.993.025a71 71 0 0 0-3.777.19C5.34.88.169 2.451.169 5.287c0 3.588 8.264 5.771 17.831 5.771s17.831-2.183 17.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18 7.383c-6.861 0-12.91-.833-12.91-2.736c0-.536.494-1.023 1.339-1.449c1.153-.581 2.978-1.044 5.189-1.349c1.911-.262 4.098-.41 6.382-.41c2.291 0 4.485.148 6.4.413c2.242.31 4.086.783 5.232 1.377c.807.418 1.278.894 1.278 1.418c0 1.903-6.049 2.736-12.91 2.736"/><path fill="#3b94d9" d="M24.4 1.853c2.242.31 4.086.783 5.232 1.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71 71 0 0 0-3.773-.19l.018.007zM6.429 3.199c1.153-.581 2.978-1.044 5.189-1.349L15.984.162l.023-.008a71 71 0 0 0-3.777.19c-1.347.342-3.633 1.227-5.919 2.902z"/><path fill="#ffcc4d" d="M28.472 3.375c-.66-.443-1.346-.91-2.001-1.26A17.9 17.9 0 0 0 18 0c-2.929 0-5.695.7-8.14 1.941c-1.089.553-1.881.999-2.17 1.434z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ffcc4d"/><path fill="#664500" d="M27.335 22.629a.5.5 0 0 0-.635-.029c-.039.029-3.922 2.9-8.7 2.9c-4.766 0-8.662-2.871-8.7-2.9a.5.5 0 0 0-.729.657C8.7 23.472 11.788 28.5 18 28.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628M26 19a1 1 0 0 1-.948-.684C24.849 17.717 24.033 16 23 16c-1.062 0-1.889 1.827-2.052 2.316a1 1 0 1 1-1.897-.633C19.177 17.307 20.355 14 23 14s3.823 3.307 3.948 3.684A1 1 0 0 1 26 19m-10 0c-.419 0-.809-.265-.949-.684C14.848 17.717 14.034 16 13 16c-1.062 0-1.888 1.827-2.051 2.316a.999.999 0 1 1-1.897-.633C9.177 17.307 10.355 14 13 14s3.823 3.307 3.949 3.684A1 1 0 0 1 16 19"/><path fill="#ffac33" d="M33.175 8.316s-9.042.161-15.175.161c-3.905 0-15.206-.118-15.206-.118l-.521.876c3.043 1.856 9.064 2.917 15.727 2.917c6.596 0 12.576-1.04 15.652-2.86l.078-.047s-.374-.664-.555-.929"/><path fill="#5dadec" d="M23.777.345a71 71 0 0 0-3.773-.19A83 83 0 0 0 18 .129q-1.008.001-1.993.025a71 71 0 0 0-3.777.19C5.34.88.169 2.451.169 5.287c0 3.588 8.264 5.771 17.831 5.771s17.831-2.183 17.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18 7.383c-6.861 0-12.91-.833-12.91-2.736c0-.536.494-1.023 1.339-1.449c1.153-.581 2.978-1.044 5.189-1.349c1.911-.262 4.098-.41 6.382-.41c2.291 0 4.485.148 6.4.413c2.242.31 4.086.783 5.232 1.377c.807.418 1.278.894 1.278 1.418c0 1.903-6.049 2.736-12.91 2.736"/><path fill="#3b94d9" d="M24.4 1.853c2.242.31 4.086.783 5.232 1.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71 71 0 0 0-3.773-.19l.018.007zM6.429 3.199c1.153-.581 2.978-1.044 5.189-1.349L15.984.162l.023-.008a71 71 0 0 0-3.777.19c-1.347.342-3.633 1.227-5.919 2.902z"/><path fill="#ffcc4d" d="M28.472 3.375c-.66-.443-1.346-.91-2.001-1.26A17.9 17.9 0 0 0 18 0c-2.929 0-5.695.7-8.14 1.941c-1.089.553-1.881.999-2.17 1.434z"/></svg>
</template>

CSS

.icon-smiling-face-with-halo {
  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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M27.335%2022.629a.5.5%200%200%200-.635-.029c-.039.029-3.922%202.9-8.7%202.9c-4.766%200-8.662-2.871-8.7-2.9a.5.5%200%200%200-.729.657C8.7%2023.472%2011.788%2028.5%2018%2028.5s9.301-5.028%209.429-5.243a.5.5%200%200%200-.094-.628M26%2019a1%201%200%200%201-.948-.684C24.849%2017.717%2024.033%2016%2023%2016c-1.062%200-1.889%201.827-2.052%202.316a1%201%200%201%201-1.897-.633C19.177%2017.307%2020.355%2014%2023%2014s3.823%203.307%203.948%203.684A1%201%200%200%201%2026%2019m-10%200c-.419%200-.809-.265-.949-.684C14.848%2017.717%2014.034%2016%2013%2016c-1.062%200-1.888%201.827-2.051%202.316a.999.999%200%201%201-1.897-.633C9.177%2017.307%2010.355%2014%2013%2014s3.823%203.307%203.949%203.684A1%201%200%200%201%2016%2019%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M33.175%208.316s-9.042.161-15.175.161c-3.905%200-15.206-.118-15.206-.118l-.521.876c3.043%201.856%209.064%202.917%2015.727%202.917c6.596%200%2012.576-1.04%2015.652-2.86l.078-.047s-.374-.664-.555-.929%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M23.777.345a71%2071%200%200%200-3.773-.19A83%2083%200%200%200%2018%20.129q-1.008.001-1.993.025a71%2071%200%200%200-3.777.19C5.34.88.169%202.451.169%205.287c0%203.588%208.264%205.771%2017.831%205.771s17.831-2.183%2017.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18%207.383c-6.861%200-12.91-.833-12.91-2.736c0-.536.494-1.023%201.339-1.449c1.153-.581%202.978-1.044%205.189-1.349c1.911-.262%204.098-.41%206.382-.41c2.291%200%204.485.148%206.4.413c2.242.31%204.086.783%205.232%201.377c.807.418%201.278.894%201.278%201.418c0%201.903-6.049%202.736-12.91%202.736%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M24.4%201.853c2.242.31%204.086.783%205.232%201.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71%2071%200%200%200-3.773-.19l.018.007zM6.429%203.199c1.153-.581%202.978-1.044%205.189-1.349L15.984.162l.023-.008a71%2071%200%200%200-3.777.19c-1.347.342-3.633%201.227-5.919%202.902z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.472%203.375c-.66-.443-1.346-.91-2.001-1.26A17.9%2017.9%200%200%200%2018%200c-2.929%200-5.695.7-8.14%201.941c-1.089.553-1.881.999-2.17%201.434z%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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ffcc4d%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M27.335%2022.629a.5.5%200%200%200-.635-.029c-.039.029-3.922%202.9-8.7%202.9c-4.766%200-8.662-2.871-8.7-2.9a.5.5%200%200%200-.729.657C8.7%2023.472%2011.788%2028.5%2018%2028.5s9.301-5.028%209.429-5.243a.5.5%200%200%200-.094-.628M26%2019a1%201%200%200%201-.948-.684C24.849%2017.717%2024.033%2016%2023%2016c-1.062%200-1.889%201.827-2.052%202.316a1%201%200%201%201-1.897-.633C19.177%2017.307%2020.355%2014%2023%2014s3.823%203.307%203.948%203.684A1%201%200%200%201%2026%2019m-10%200c-.419%200-.809-.265-.949-.684C14.848%2017.717%2014.034%2016%2013%2016c-1.062%200-1.888%201.827-2.051%202.316a.999.999%200%201%201-1.897-.633C9.177%2017.307%2010.355%2014%2013%2014s3.823%203.307%203.949%203.684A1%201%200%200%201%2016%2019%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M33.175%208.316s-9.042.161-15.175.161c-3.905%200-15.206-.118-15.206-.118l-.521.876c3.043%201.856%209.064%202.917%2015.727%202.917c6.596%200%2012.576-1.04%2015.652-2.86l.078-.047s-.374-.664-.555-.929%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M23.777.345a71%2071%200%200%200-3.773-.19A83%2083%200%200%200%2018%20.129q-1.008.001-1.993.025a71%2071%200%200%200-3.777.19C5.34.88.169%202.451.169%205.287c0%203.588%208.264%205.771%2017.831%205.771s17.831-2.183%2017.831-5.771c0-2.835-5.168-4.405-12.054-4.942M18%207.383c-6.861%200-12.91-.833-12.91-2.736c0-.536.494-1.023%201.339-1.449c1.153-.581%202.978-1.044%205.189-1.349c1.911-.262%204.098-.41%206.382-.41c2.291%200%204.485.148%206.4.413c2.242.31%204.086.783%205.232%201.377c.807.418%201.278.894%201.278%201.418c0%201.903-6.049%202.736-12.91%202.736%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M24.4%201.853c2.242.31%204.086.783%205.232%201.377l.062.017c-2.285-1.674-4.57-2.56-5.917-2.902a71%2071%200%200%200-3.773-.19l.018.007zM6.429%203.199c1.153-.581%202.978-1.044%205.189-1.349L15.984.162l.023-.008a71%2071%200%200%200-3.777.19c-1.347.342-3.633%201.227-5.919%202.902z%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M28.472%203.375c-.66-.443-1.346-.91-2.001-1.26A17.9%2017.9%200%200%200%2018%200c-2.929%200-5.695.7-8.14%201.941c-1.089.553-1.881.999-2.17%201.434z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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