smiling face with halo emoji

smiling-face-with-halo from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.

Name
smiling-face-with-halo
Set
Streamline Emojis
Style
Default
Category
Smiley People
Viewbox
48×48
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-haloTwitter Emoji

More smiley people icons from Streamline Emojis

alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1

Use the smiling face with halo emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M13 45.5a11 1.5 0 1 0 22 0a11 1.5 0 1 0-22 0" opacity=".15"/><path fill="#ffe500" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ebcb00" d="M24 13a14 14 0 1 0 14 14a14 14 0 0 0-14-14m0 25.83a12.74 12.74 0 1 1 12.74-12.74A12.74 12.74 0 0 1 24 38.83"/><path fill="#fff48c" d="M19.81 15.79a4.19 1.05 0 1 0 8.38 0a4.19 1.05 0 1 0-8.38 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ffaa54" d="M34.12 30.45c0 .58-.78 1.05-1.74 1.05s-1.75-.47-1.75-1.05s.78-1 1.75-1s1.74.43 1.74 1m-20.24 0c0 .58.78 1.05 1.74 1.05s1.75-.47 1.75-1.05s-.78-1-1.75-1s-1.74.43-1.74 1"/><path fill="#fff48c" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.23 27.84a1.22 1.22 0 1 1 2.44 0m14.66 0a1.22 1.22 0 1 1 2.44 0"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.77 32.35a.66.66 0 0 0-.5.23a.67.67 0 0 0-.15.53a4.94 4.94 0 0 0 9.76 0a.67.67 0 0 0-.15-.53a.66.66 0 0 0-.5-.23Z"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.89 35.38a7.93 7.93 0 0 0-3.89-.91a7.93 7.93 0 0 0-3.89.91a4.92 4.92 0 0 0 7.78 0"/><path fill="#fffacf" d="M24 7.36c-5.09 0-9.22-.75-9.22-1.67c0 1.63 4.13 3 9.22 3s9.22-1.33 9.22-3c0 .92-4.13 1.67-9.22 1.67"/><path fill="#ffe500" d="M24 2.73c-5.09 0-9.22 1.33-9.22 3C14.78 4.76 18.91 4 24 4s9.22.75 9.22 1.68c0-1.62-4.13-2.95-9.22-2.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisSmilingFaceWithHalo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M13 45.5a11 1.5 0 1 0 22 0a11 1.5 0 1 0-22 0" opacity=".15"/><path fill="#ffe500" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ebcb00" d="M24 13a14 14 0 1 0 14 14a14 14 0 0 0-14-14m0 25.83a12.74 12.74 0 1 1 12.74-12.74A12.74 12.74 0 0 1 24 38.83"/><path fill="#fff48c" d="M19.81 15.79a4.19 1.05 0 1 0 8.38 0a4.19 1.05 0 1 0-8.38 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ffaa54" d="M34.12 30.45c0 .58-.78 1.05-1.74 1.05s-1.75-.47-1.75-1.05s.78-1 1.75-1s1.74.43 1.74 1m-20.24 0c0 .58.78 1.05 1.74 1.05s1.75-.47 1.75-1.05s-.78-1-1.75-1s-1.74.43-1.74 1"/><path fill="#fff48c" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M14.23 27.84a1.22 1.22 0 1 1 2.44 0m14.66 0a1.22 1.22 0 1 1 2.44 0"/><path fill="#ffb0ca" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M19.77 32.35a.66.66 0 0 0-.5.23a.67.67 0 0 0-.15.53a4.94 4.94 0 0 0 9.76 0a.67.67 0 0 0-.15-.53a.66.66 0 0 0-.5-.23Z"/><path fill="#ff87af" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M27.89 35.38a7.93 7.93 0 0 0-3.89-.91a7.93 7.93 0 0 0-3.89.91a4.92 4.92 0 0 0 7.78 0"/><path fill="#fffacf" d="M24 7.36c-5.09 0-9.22-.75-9.22-1.67c0 1.63 4.13 3 9.22 3s9.22-1.33 9.22-3c0 .92-4.13 1.67-9.22 1.67"/><path fill="#ffe500" d="M24 2.73c-5.09 0-9.22 1.33-9.22 3C14.78 4.76 18.91 4 24 4s9.22.75 9.22 1.68c0-1.62-4.13-2.95-9.22-2.95"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M13 45.5a11 1.5 0 1 0 22 0a11 1.5 0 1 0-22 0" opacity=".15"/><path fill="#ffe500" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ebcb00" d="M24 13a14 14 0 1 0 14 14a14 14 0 0 0-14-14m0 25.83a12.74 12.74 0 1 1 12.74-12.74A12.74 12.74 0 0 1 24 38.83"/><path fill="#fff48c" d="M19.81 15.79a4.19 1.05 0 1 0 8.38 0a4.19 1.05 0 1 0-8.38 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.04 26.96a13.96 13.96 0 1 0 27.92 0a13.96 13.96 0 1 0-27.92 0"/><path fill="#ffaa54" d="M34.12 30.45c0 .58-.78 1.05-1.74 1.05s-1.75-.47-1.75-1.05s.78-1 1.75-1s1.74.43 1.74 1m-20.24 0c0 .58.78 1.05 1.74 1.05s1.75-.47 1.75-1.05s-.78-1-1.75-1s-1.74.43-1.74 1"/><path fill="#fff48c" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.23 27.84a1.22 1.22 0 1 1 2.44 0m14.66 0a1.22 1.22 0 1 1 2.44 0"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.77 32.35a.66.66 0 0 0-.5.23a.67.67 0 0 0-.15.53a4.94 4.94 0 0 0 9.76 0a.67.67 0 0 0-.15-.53a.66.66 0 0 0-.5-.23Z"/><path fill="#ff87af" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.89 35.38a7.93 7.93 0 0 0-3.89-.91a7.93 7.93 0 0 0-3.89.91a4.92 4.92 0 0 0 7.78 0"/><path fill="#fffacf" d="M24 7.36c-5.09 0-9.22-.75-9.22-1.67c0 1.63 4.13 3 9.22 3s9.22-1.33 9.22-3c0 .92-4.13 1.67-9.22 1.67"/><path fill="#ffe500" d="M24 2.73c-5.09 0-9.22 1.33-9.22 3C14.78 4.76 18.91 4 24 4s9.22.75 9.22 1.68c0-1.62-4.13-2.95-9.22-2.95"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 1.5c-7.17 0-13 1.88-13 4.19s5.82 4.19 13 4.19S37 8 37 5.69S31.17 1.5 24 1.5m0 5.86c-5.09 0-9.22-.75-9.22-1.67S18.91 4 24 4s9.22.75 9.22 1.68S29.09 7.36 24 7.36"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M13%2045.5a11%201.5%200%201%200%2022%200a11%201.5%200%201%200-22%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M10.04%2026.96a13.96%2013.96%200%201%200%2027.92%200a13.96%2013.96%200%201%200-27.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2013a14%2014%200%201%200%2014%2014a14%2014%200%200%200-14-14m0%2025.83a12.74%2012.74%200%201%201%2012.74-12.74A12.74%2012.74%200%200%201%2024%2038.83%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M19.81%2015.79a4.19%201.05%200%201%200%208.38%200a4.19%201.05%200%201%200-8.38%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.04%2026.96a13.96%2013.96%200%201%200%2027.92%200a13.96%2013.96%200%201%200-27.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M34.12%2030.45c0%20.58-.78%201.05-1.74%201.05s-1.75-.47-1.75-1.05s.78-1%201.75-1s1.74.43%201.74%201m-20.24%200c0%20.58.78%201.05%201.74%201.05s1.75-.47%201.75-1.05s-.78-1-1.75-1s-1.74.43-1.74%201%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M24%201.5c-7.17%200-13%201.88-13%204.19s5.82%204.19%2013%204.19S37%208%2037%205.69S31.17%201.5%2024%201.5m0%205.86c-5.09%200-9.22-.75-9.22-1.67S18.91%204%2024%204s9.22.75%209.22%201.68S29.09%207.36%2024%207.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.23%2027.84a1.22%201.22%200%201%201%202.44%200m14.66%200a1.22%201.22%200%201%201%202.44%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.77%2032.35a.66.66%200%200%200-.5.23a.67.67%200%200%200-.15.53a4.94%204.94%200%200%200%209.76%200a.67.67%200%200%200-.15-.53a.66.66%200%200%200-.5-.23Z%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.89%2035.38a7.93%207.93%200%200%200-3.89-.91a7.93%207.93%200%200%200-3.89.91a4.92%204.92%200%200%200%207.78%200%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M24%207.36c-5.09%200-9.22-.75-9.22-1.67c0%201.63%204.13%203%209.22%203s9.22-1.33%209.22-3c0%20.92-4.13%201.67-9.22%201.67%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M24%202.73c-5.09%200-9.22%201.33-9.22%203C14.78%204.76%2018.91%204%2024%204s9.22.75%209.22%201.68c0-1.62-4.13-2.95-9.22-2.95%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%201.5c-7.17%200-13%201.88-13%204.19s5.82%204.19%2013%204.19S37%208%2037%205.69S31.17%201.5%2024%201.5m0%205.86c-5.09%200-9.22-.75-9.22-1.67S18.91%204%2024%204s9.22.75%209.22%201.68S29.09%207.36%2024%207.36%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M13%2045.5a11%201.5%200%201%200%2022%200a11%201.5%200%201%200-22%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M10.04%2026.96a13.96%2013.96%200%201%200%2027.92%200a13.96%2013.96%200%201%200-27.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M24%2013a14%2014%200%201%200%2014%2014a14%2014%200%200%200-14-14m0%2025.83a12.74%2012.74%200%201%201%2012.74-12.74A12.74%2012.74%200%200%201%2024%2038.83%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M19.81%2015.79a4.19%201.05%200%201%200%208.38%200a4.19%201.05%200%201%200-8.38%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.04%2026.96a13.96%2013.96%200%201%200%2027.92%200a13.96%2013.96%200%201%200-27.92%200%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M34.12%2030.45c0%20.58-.78%201.05-1.74%201.05s-1.75-.47-1.75-1.05s.78-1%201.75-1s1.74.43%201.74%201m-20.24%200c0%20.58.78%201.05%201.74%201.05s1.75-.47%201.75-1.05s-.78-1-1.75-1s-1.74.43-1.74%201%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M24%201.5c-7.17%200-13%201.88-13%204.19s5.82%204.19%2013%204.19S37%208%2037%205.69S31.17%201.5%2024%201.5m0%205.86c-5.09%200-9.22-.75-9.22-1.67S18.91%204%2024%204s9.22.75%209.22%201.68S29.09%207.36%2024%207.36%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.23%2027.84a1.22%201.22%200%201%201%202.44%200m14.66%200a1.22%201.22%200%201%201%202.44%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb0ca%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.77%2032.35a.66.66%200%200%200-.5.23a.67.67%200%200%200-.15.53a4.94%204.94%200%200%200%209.76%200a.67.67%200%200%200-.15-.53a.66.66%200%200%200-.5-.23Z%22%2F%3E%3Cpath%20fill%3D%22%23ff87af%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.89%2035.38a7.93%207.93%200%200%200-3.89-.91a7.93%207.93%200%200%200-3.89.91a4.92%204.92%200%200%200%207.78%200%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M24%207.36c-5.09%200-9.22-.75-9.22-1.67c0%201.63%204.13%203%209.22%203s9.22-1.33%209.22-3c0%20.92-4.13%201.67-9.22%201.67%22%2F%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M24%202.73c-5.09%200-9.22%201.33-9.22%203C14.78%204.76%2018.91%204%2024%204s9.22.75%209.22%201.68c0-1.62-4.13-2.95-9.22-2.95%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%201.5c-7.17%200-13%201.88-13%204.19s5.82%204.19%2013%204.19S37%208%2037%205.69S31.17%201.5%2024%201.5m0%205.86c-5.09%200-9.22-.75-9.22-1.67S18.91%204%2024%204s9.22.75%209.22%201.68S29.09%207.36%2024%207.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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