distorted face emoji
distorted-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- distorted-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
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 distorted face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M35.28 17.91c0 9.58-7.76 17.33-17.33 17.33S.61 27.47.61 17.91S8.37.57 17.94.57S35.27 8.33 35.27 17.9Z"/><path fill="#f5f8fa" d="M31.14 22.13c-3.47.9-6.79-1.96-7.96-6.47c-1.13-4.35.02-8.92 4.08-9.73c3.24-.66 6.98 1.92 8.11 6.46s-.76 8.86-4.22 9.76ZM.52 12.38c1.13-4.54 4.86-7.11 8.11-6.46c4.06.82 5.21 5.38 4.08 9.73c-1.17 4.51-4.49 7.37-7.96 6.47S-.59 16.84.53 12.37Z"/><path fill="#292f33" d="M32.07 17.22c-1.54.59-3.29-.58-4-2.51c-.78-2.11-.22-4.21 1.29-4.72c1.63-.55 3.57.56 4.2 2.57s.37 3.95-1.49 4.66M2.3 12.56c.63-2.01 2.58-3.12 4.2-2.57c1.51.51 2.07 2.62 1.29 4.72c-.71 1.93-2.47 3.11-4 2.51c-1.86-.72-2.12-2.66-1.49-4.66"/><path fill="#664500" d="M22.31 31.61c-1.43.22-2.81.27-4.43.26c-1.63 0-2.8-.11-4.13-.32c-.73-.11-1.27-.59-1.26-1.51c0-.75.5-1.36 1.28-1.34c1.07.03 2.65.19 4.21.19s3.25-.11 4.35-.18c.8-.05 1.27.57 1.3 1.38c.03.98-.58 1.4-1.33 1.52Z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiDistortedFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M35.28 17.91c0 9.58-7.76 17.33-17.33 17.33S.61 27.47.61 17.91S8.37.57 17.94.57S35.27 8.33 35.27 17.9Z"/><path fill="#f5f8fa" d="M31.14 22.13c-3.47.9-6.79-1.96-7.96-6.47c-1.13-4.35.02-8.92 4.08-9.73c3.24-.66 6.98 1.92 8.11 6.46s-.76 8.86-4.22 9.76ZM.52 12.38c1.13-4.54 4.86-7.11 8.11-6.46c4.06.82 5.21 5.38 4.08 9.73c-1.17 4.51-4.49 7.37-7.96 6.47S-.59 16.84.53 12.37Z"/><path fill="#292f33" d="M32.07 17.22c-1.54.59-3.29-.58-4-2.51c-.78-2.11-.22-4.21 1.29-4.72c1.63-.55 3.57.56 4.2 2.57s.37 3.95-1.49 4.66M2.3 12.56c.63-2.01 2.58-3.12 4.2-2.57c1.51.51 2.07 2.62 1.29 4.72c-.71 1.93-2.47 3.11-4 2.51c-1.86-.72-2.12-2.66-1.49-4.66"/><path fill="#664500" d="M22.31 31.61c-1.43.22-2.81.27-4.43.26c-1.63 0-2.8-.11-4.13-.32c-.73-.11-1.27-.59-1.26-1.51c0-.75.5-1.36 1.28-1.34c1.07.03 2.65.19 4.21.19s3.25-.11 4.35-.18c.8-.05 1.27.57 1.3 1.38c.03.98-.58 1.4-1.33 1.52Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M35.28 17.91c0 9.58-7.76 17.33-17.33 17.33S.61 27.47.61 17.91S8.37.57 17.94.57S35.27 8.33 35.27 17.9Z"/><path fill="#f5f8fa" d="M31.14 22.13c-3.47.9-6.79-1.96-7.96-6.47c-1.13-4.35.02-8.92 4.08-9.73c3.24-.66 6.98 1.92 8.11 6.46s-.76 8.86-4.22 9.76ZM.52 12.38c1.13-4.54 4.86-7.11 8.11-6.46c4.06.82 5.21 5.38 4.08 9.73c-1.17 4.51-4.49 7.37-7.96 6.47S-.59 16.84.53 12.37Z"/><path fill="#292f33" d="M32.07 17.22c-1.54.59-3.29-.58-4-2.51c-.78-2.11-.22-4.21 1.29-4.72c1.63-.55 3.57.56 4.2 2.57s.37 3.95-1.49 4.66M2.3 12.56c.63-2.01 2.58-3.12 4.2-2.57c1.51.51 2.07 2.62 1.29 4.72c-.71 1.93-2.47 3.11-4 2.51c-1.86-.72-2.12-2.66-1.49-4.66"/><path fill="#664500" d="M22.31 31.61c-1.43.22-2.81.27-4.43.26c-1.63 0-2.8-.11-4.13-.32c-.73-.11-1.27-.59-1.26-1.51c0-.75.5-1.36 1.28-1.34c1.07.03 2.65.19 4.21.19s3.25-.11 4.35-.18c.8-.05 1.27.57 1.3 1.38c.03.98-.58 1.4-1.33 1.52Z"/></svg> </template>
CSS
.icon-distorted-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%23ffcc4d%22%20d%3D%22M35.28%2017.91c0%209.58-7.76%2017.33-17.33%2017.33S.61%2027.47.61%2017.91S8.37.57%2017.94.57S35.27%208.33%2035.27%2017.9Z%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M31.14%2022.13c-3.47.9-6.79-1.96-7.96-6.47c-1.13-4.35.02-8.92%204.08-9.73c3.24-.66%206.98%201.92%208.11%206.46s-.76%208.86-4.22%209.76ZM.52%2012.38c1.13-4.54%204.86-7.11%208.11-6.46c4.06.82%205.21%205.38%204.08%209.73c-1.17%204.51-4.49%207.37-7.96%206.47S-.59%2016.84.53%2012.37Z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.07%2017.22c-1.54.59-3.29-.58-4-2.51c-.78-2.11-.22-4.21%201.29-4.72c1.63-.55%203.57.56%204.2%202.57s.37%203.95-1.49%204.66M2.3%2012.56c.63-2.01%202.58-3.12%204.2-2.57c1.51.51%202.07%202.62%201.29%204.72c-.71%201.93-2.47%203.11-4%202.51c-1.86-.72-2.12-2.66-1.49-4.66%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M22.31%2031.61c-1.43.22-2.81.27-4.43.26c-1.63%200-2.8-.11-4.13-.32c-.73-.11-1.27-.59-1.26-1.51c0-.75.5-1.36%201.28-1.34c1.07.03%202.65.19%204.21.19s3.25-.11%204.35-.18c.8-.05%201.27.57%201.3%201.38c.03.98-.58%201.4-1.33%201.52Z%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%23ffcc4d%22%20d%3D%22M35.28%2017.91c0%209.58-7.76%2017.33-17.33%2017.33S.61%2027.47.61%2017.91S8.37.57%2017.94.57S35.27%208.33%2035.27%2017.9Z%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M31.14%2022.13c-3.47.9-6.79-1.96-7.96-6.47c-1.13-4.35.02-8.92%204.08-9.73c3.24-.66%206.98%201.92%208.11%206.46s-.76%208.86-4.22%209.76ZM.52%2012.38c1.13-4.54%204.86-7.11%208.11-6.46c4.06.82%205.21%205.38%204.08%209.73c-1.17%204.51-4.49%207.37-7.96%206.47S-.59%2016.84.53%2012.37Z%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.07%2017.22c-1.54.59-3.29-.58-4-2.51c-.78-2.11-.22-4.21%201.29-4.72c1.63-.55%203.57.56%204.2%202.57s.37%203.95-1.49%204.66M2.3%2012.56c.63-2.01%202.58-3.12%204.2-2.57c1.51.51%202.07%202.62%201.29%204.72c-.71%201.93-2.47%203.11-4%202.51c-1.86-.72-2.12-2.66-1.49-4.66%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M22.31%2031.61c-1.43.22-2.81.27-4.43.26c-1.63%200-2.8-.11-4.13-.32c-.73-.11-1.27-.59-1.26-1.51c0-.75.5-1.36%201.28-1.34c1.07.03%202.65.19%204.21.19s3.25-.11%204.35-.18c.8-.05%201.27.57%201.3%201.38c.03.98-.58%201.4-1.33%201.52Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/distorted-face.svg?color=%231a73e8&size=48
