Smiling Face With Halo icon
twemoji:smiling-face-with-halo
The Smiling Face With Halo icon (twemoji:smiling-face-with-halo) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- Twitter
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Smileys & Emotion
- Tags
- smilingface, facewith, withhalo, smilingfacewithhalo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" 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>
How to use the Smiling Face With Halo icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:smiling-face-with-halo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--smiling-face-with-halo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:smiling-face-with-halo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:smiling-face-with-halo"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-halo.svg" alt="Smiling Face With Halo icon" width="24" height="24">
Related icons in Twitter Emoji
Smiling Face With Halo icon in other icon sets
Smiling Face With Halo icon FAQ
Is the Smiling Face With Halo icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Smiling Face With Halo icon in React?
Install @iconify/react and render <Icon icon="twemoji:smiling-face-with-halo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Smiling Face With Halo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/smiling-face-with-halo.svg" alt="Smiling Face With Halo icon">, or paste the SVG code inline to style it with CSS.
Browse all Twitter Emoji icons →
ICONYZ
