smiling face with horns emoji

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

Name
smiling-face-with-horns
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-hornsEmoji One (Colored)smiling-face-with-hornsFluent Emojismiling-face-with-hornsFluent Emoji Flatsmiling-face-with-hornsFluent Emoji High Contrastsmiling-face-with-hornsNoto Emojismiling-face-with-hornsOpenMojismiling-face-with-hornsStreamline 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 horns 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="#aa8dd8"/><path fill="#aa8dd8" d="M10 4C7.42 4 4.369 1.534 3.414.586A2 2 0 0 0 1.235.153A2 2 0 0 0 0 2c0 3.459 1.672 10 8 10a2 2 0 0 0 1.789-1.106l2-4A2 2 0 0 0 10 4M34.766.153a2 2 0 0 0-2.18.434C31.7 1.472 28.589 4 26 4a2 2 0 0 0-1.789 2.895l2 4A2 2 0 0 0 28 12c6.328 0 8-6.541 8-10c0-.809-.487-1.538-1.234-1.847"/><path fill="#553986" d="M27.335 25.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 26.472 11.788 31.5 18 31.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628m-11.628-7.336C12.452 15.038 7.221 15 7 15a1 1 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 15c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 20c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 17A1 1 0 0 0 29 15"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiSmilingFaceWithHorns(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="#aa8dd8"/><path fill="#aa8dd8" d="M10 4C7.42 4 4.369 1.534 3.414.586A2 2 0 0 0 1.235.153A2 2 0 0 0 0 2c0 3.459 1.672 10 8 10a2 2 0 0 0 1.789-1.106l2-4A2 2 0 0 0 10 4M34.766.153a2 2 0 0 0-2.18.434C31.7 1.472 28.589 4 26 4a2 2 0 0 0-1.789 2.895l2 4A2 2 0 0 0 28 12c6.328 0 8-6.541 8-10c0-.809-.487-1.538-1.234-1.847"/><path fill="#553986" d="M27.335 25.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 26.472 11.788 31.5 18 31.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628m-11.628-7.336C12.452 15.038 7.221 15 7 15a1 1 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 15c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 20c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 17A1 1 0 0 0 29 15"/></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="#aa8dd8"/><path fill="#aa8dd8" d="M10 4C7.42 4 4.369 1.534 3.414.586A2 2 0 0 0 1.235.153A2 2 0 0 0 0 2c0 3.459 1.672 10 8 10a2 2 0 0 0 1.789-1.106l2-4A2 2 0 0 0 10 4M34.766.153a2 2 0 0 0-2.18.434C31.7 1.472 28.589 4 26 4a2 2 0 0 0-1.789 2.895l2 4A2 2 0 0 0 28 12c6.328 0 8-6.541 8-10c0-.809-.487-1.538-1.234-1.847"/><path fill="#553986" d="M27.335 25.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 26.472 11.788 31.5 18 31.5s9.301-5.028 9.429-5.243a.5.5 0 0 0-.094-.628m-11.628-7.336C12.452 15.038 7.221 15 7 15a1 1 0 0 0-.001 2c.029 0 1.925.022 3.983.737c-.593.64-.982 1.634-.982 2.763c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-.174-.019-.34-.037-.507c.013 0 .025.007.037.007a.999.999 0 0 0 .707-1.707M29 15c-.221 0-5.451.038-8.707 3.293A.999.999 0 0 0 21 20c.013 0 .024-.007.036-.007c-.016.167-.036.333-.036.507c0 1.934 1.119 3.5 2.5 3.5s2.5-1.566 2.5-3.5c0-1.129-.389-2.123-.982-2.763A14 14 0 0 1 29.002 17A1 1 0 0 0 29 15"/></svg>
</template>

CSS

.icon-smiling-face-with-horns {
  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%23aa8dd8%22%2F%3E%3Cpath%20fill%3D%22%23aa8dd8%22%20d%3D%22M10%204C7.42%204%204.369%201.534%203.414.586A2%202%200%200%200%201.235.153A2%202%200%200%200%200%202c0%203.459%201.672%2010%208%2010a2%202%200%200%200%201.789-1.106l2-4A2%202%200%200%200%2010%204M34.766.153a2%202%200%200%200-2.18.434C31.7%201.472%2028.589%204%2026%204a2%202%200%200%200-1.789%202.895l2%204A2%202%200%200%200%2028%2012c6.328%200%208-6.541%208-10c0-.809-.487-1.538-1.234-1.847%22%2F%3E%3Cpath%20fill%3D%22%23553986%22%20d%3D%22M27.335%2025.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%2026.472%2011.788%2031.5%2018%2031.5s9.301-5.028%209.429-5.243a.5.5%200%200%200-.094-.628m-11.628-7.336C12.452%2015.038%207.221%2015%207%2015a1%201%200%200%200-.001%202c.029%200%201.925.022%203.983.737c-.593.64-.982%201.634-.982%202.763c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-.174-.019-.34-.037-.507c.013%200%20.025.007.037.007a.999.999%200%200%200%20.707-1.707M29%2015c-.221%200-5.451.038-8.707%203.293A.999.999%200%200%200%2021%2020c.013%200%20.024-.007.036-.007c-.016.167-.036.333-.036.507c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-1.129-.389-2.123-.982-2.763A14%2014%200%200%201%2029.002%2017A1%201%200%200%200%2029%2015%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%23aa8dd8%22%2F%3E%3Cpath%20fill%3D%22%23aa8dd8%22%20d%3D%22M10%204C7.42%204%204.369%201.534%203.414.586A2%202%200%200%200%201.235.153A2%202%200%200%200%200%202c0%203.459%201.672%2010%208%2010a2%202%200%200%200%201.789-1.106l2-4A2%202%200%200%200%2010%204M34.766.153a2%202%200%200%200-2.18.434C31.7%201.472%2028.589%204%2026%204a2%202%200%200%200-1.789%202.895l2%204A2%202%200%200%200%2028%2012c6.328%200%208-6.541%208-10c0-.809-.487-1.538-1.234-1.847%22%2F%3E%3Cpath%20fill%3D%22%23553986%22%20d%3D%22M27.335%2025.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%2026.472%2011.788%2031.5%2018%2031.5s9.301-5.028%209.429-5.243a.5.5%200%200%200-.094-.628m-11.628-7.336C12.452%2015.038%207.221%2015%207%2015a1%201%200%200%200-.001%202c.029%200%201.925.022%203.983.737c-.593.64-.982%201.634-.982%202.763c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-.174-.019-.34-.037-.507c.013%200%20.025.007.037.007a.999.999%200%200%200%20.707-1.707M29%2015c-.221%200-5.451.038-8.707%203.293A.999.999%200%200%200%2021%2020c.013%200%20.024-.007.036-.007c-.016.167-.036.333-.036.507c0%201.934%201.119%203.5%202.5%203.5s2.5-1.566%202.5-3.5c0-1.129-.389-2.123-.982-2.763A14%2014%200%200%201%2029.002%2017A1%201%200%200%200%2029%2015%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-horns.svg?color=%231a73e8&size=48