flushed face emoji
flushed-face from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.
- Name
- flushed-face
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- People
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More people icons from Emoji One (Colored)
alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands
Use the flushed face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><g fill="#ff717f"><circle cx="52.8" cy="37.1" r="8"/><circle cx="11.2" cy="37.1" r="8"/></g><path fill="#917524" d="M54.6 20.6c-2.7-3.3-6.7-5.1-11-5.1c-.6 0-.7-2.2 0-2.2c4.9 0 9.5 2.1 12.7 5.9c.5.6-1.3 1.9-1.7 1.4m-34.3-5.2c-4.2 0-8.3 1.9-11 5.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8 7.8-5.9 12.7-5.9c.7 0 .6 2.2 0 2.2"/><circle cx="32" cy="49.5" r="4.5" fill="#664e27"/><path fill="#fff" d="M29.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="20.5" cy="29.1" r="4.5" fill="#664e27"/><path fill="#fff" d="M52.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="43.5" cy="29.1" r="4.5" fill="#664e27"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneFlushedFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><g fill="#ff717f"><circle cx="52.8" cy="37.1" r="8"/><circle cx="11.2" cy="37.1" r="8"/></g><path fill="#917524" d="M54.6 20.6c-2.7-3.3-6.7-5.1-11-5.1c-.6 0-.7-2.2 0-2.2c4.9 0 9.5 2.1 12.7 5.9c.5.6-1.3 1.9-1.7 1.4m-34.3-5.2c-4.2 0-8.3 1.9-11 5.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8 7.8-5.9 12.7-5.9c.7 0 .6 2.2 0 2.2"/><circle cx="32" cy="49.5" r="4.5" fill="#664e27"/><path fill="#fff" d="M29.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="20.5" cy="29.1" r="4.5" fill="#664e27"/><path fill="#fff" d="M52.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="43.5" cy="29.1" r="4.5" fill="#664e27"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><g fill="#ff717f"><circle cx="52.8" cy="37.1" r="8"/><circle cx="11.2" cy="37.1" r="8"/></g><path fill="#917524" d="M54.6 20.6c-2.7-3.3-6.7-5.1-11-5.1c-.6 0-.7-2.2 0-2.2c4.9 0 9.5 2.1 12.7 5.9c.5.6-1.3 1.9-1.7 1.4m-34.3-5.2c-4.2 0-8.3 1.9-11 5.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8 7.8-5.9 12.7-5.9c.7 0 .6 2.2 0 2.2"/><circle cx="32" cy="49.5" r="4.5" fill="#664e27"/><path fill="#fff" d="M29.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="20.5" cy="29.1" r="4.5" fill="#664e27"/><path fill="#fff" d="M52.5 29.1c0 5-4 9-9 9s-9-4-9-9s4-9 9-9s9 4.1 9 9"/><circle cx="43.5" cy="29.1" r="4.5" fill="#664e27"/></svg> </template>
CSS
.icon-flushed-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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cg%20fill%3D%22%23ff717f%22%3E%3Ccircle%20cx%3D%2252.8%22%20cy%3D%2237.1%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2211.2%22%20cy%3D%2237.1%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23917524%22%20d%3D%22M54.6%2020.6c-2.7-3.3-6.7-5.1-11-5.1c-.6%200-.7-2.2%200-2.2c4.9%200%209.5%202.1%2012.7%205.9c.5.6-1.3%201.9-1.7%201.4m-34.3-5.2c-4.2%200-8.3%201.9-11%205.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8%207.8-5.9%2012.7-5.9c.7%200%20.6%202.2%200%202.2%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2249.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.5%2029.1c0%205-4%209-9%209s-9-4-9-9s4-9%209-9s9%204.1%209%209%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2229.1%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M52.5%2029.1c0%205-4%209-9%209s-9-4-9-9s4-9%209-9s9%204.1%209%209%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2229.1%22%20r%3D%224.5%22%20fill%3D%22%23664e27%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cg%20fill%3D%22%23ff717f%22%3E%3Ccircle%20cx%3D%2252.8%22%20cy%3D%2237.1%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2211.2%22%20cy%3D%2237.1%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23917524%22%20d%3D%22M54.6%2020.6c-2.7-3.3-6.7-5.1-11-5.1c-.6%200-.7-2.2%200-2.2c4.9%200%209.5%202.1%2012.7%205.9c.5.6-1.3%201.9-1.7%201.4m-34.3-5.2c-4.2%200-8.3%201.9-11%205.1c-.4.5-2.1-.8-1.7-1.4c3.1-3.8%207.8-5.9%2012.7-5.9c.7%200%20.6%202.2%200%202.2%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2249.5%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M29.5%2029.1c0%205-4%209-9%209s-9-4-9-9s4-9%209-9s9%204.1%209%209%22%2F%3E%3Ccircle%20cx%3D%2220.5%22%20cy%3D%2229.1%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M52.5%2029.1c0%205-4%209-9%209s-9-4-9-9s4-9%209-9s9%204.1%209%209%22%2F%3E%3Ccircle%20cx%3D%2243.5%22%20cy%3D%2229.1%22%20r%3D%224.5%22%20fill%3D%22%23664e27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/flushed-face.svg?color=%231a73e8&size=48
