face vomiting emoji
face-vomiting from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- face-vomiting
- 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 face vomiting emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35 17c0 9.389-7.611 17-17 17S1 26.389 1 17S8.612 0 18 0s17 7.612 17 17"/><path fill="#65471b" d="M18 27.136c3.335 0 5.547.388 8.284.92c.625.12 1.841 0 1.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841c2.736-.532 4.949-.92 8.284-.92M6.668 18.888a.944.944 0 0 1-.567-1.7c.135-.101 2.787-2.061 6.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944 0 0 1 .002-1.889c.209 0 5.149.036 8.223 3.11a.945.945 0 0 1-.667 1.612c-4.357 0-7.898 2.618-7.933 2.644a.94.94 0 0 1-.568.19m22.664 0a.94.94 0 0 1-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942 0 0 1-.667-1.612c3.075-3.075 8.015-3.11 8.223-3.11a.944.944 0 0 1 .002 1.889c-.034 0-2.629.025-4.966 1.197c3.688.708 6.34 2.668 6.475 2.77a.944.944 0 0 1-.568 1.698"/><path fill="#77af57" d="M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713c0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713"/><circle cx="15.875" cy="23.228" r="1.235" fill="#5d8f3f"/><circle cx="20.698" cy="25.64" r="1.235" fill="#5d8f3f"/><circle cx="21.232" cy="30.515" r="1.235" fill="#5d8f3f" transform="rotate(-80.781 21.232 30.514)"/><circle cx="15.107" cy="32.548" r="1.765" fill="#5d8f3f" transform="rotate(-80.781 15.107 32.548)"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiFaceVomiting(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35 17c0 9.389-7.611 17-17 17S1 26.389 1 17S8.612 0 18 0s17 7.612 17 17"/><path fill="#65471b" d="M18 27.136c3.335 0 5.547.388 8.284.92c.625.12 1.841 0 1.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841c2.736-.532 4.949-.92 8.284-.92M6.668 18.888a.944.944 0 0 1-.567-1.7c.135-.101 2.787-2.061 6.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944 0 0 1 .002-1.889c.209 0 5.149.036 8.223 3.11a.945.945 0 0 1-.667 1.612c-4.357 0-7.898 2.618-7.933 2.644a.94.94 0 0 1-.568.19m22.664 0a.94.94 0 0 1-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942 0 0 1-.667-1.612c3.075-3.075 8.015-3.11 8.223-3.11a.944.944 0 0 1 .002 1.889c-.034 0-2.629.025-4.966 1.197c3.688.708 6.34 2.668 6.475 2.77a.944.944 0 0 1-.568 1.698"/><path fill="#77af57" d="M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713c0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713"/><circle cx="15.875" cy="23.228" r="1.235" fill="#5d8f3f"/><circle cx="20.698" cy="25.64" r="1.235" fill="#5d8f3f"/><circle cx="21.232" cy="30.515" r="1.235" fill="#5d8f3f" transform="rotate(-80.781 21.232 30.514)"/><circle cx="15.107" cy="32.548" r="1.765" fill="#5d8f3f" transform="rotate(-80.781 15.107 32.548)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M35 17c0 9.389-7.611 17-17 17S1 26.389 1 17S8.612 0 18 0s17 7.612 17 17"/><path fill="#65471b" d="M18 27.136c3.335 0 5.547.388 8.284.92c.625.12 1.841 0 1.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875 22.533 7.875 26.215c0 1.841 1.216 1.962 1.841 1.841c2.736-.532 4.949-.92 8.284-.92M6.668 18.888a.944.944 0 0 1-.567-1.7c.135-.101 2.787-2.061 6.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944 0 0 1 .002-1.889c.209 0 5.149.036 8.223 3.11a.945.945 0 0 1-.667 1.612c-4.357 0-7.898 2.618-7.933 2.644a.94.94 0 0 1-.568.19m22.664 0a.94.94 0 0 1-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942 0 0 1-.667-1.612c3.075-3.075 8.015-3.11 8.223-3.11a.944.944 0 0 1 .002 1.889c-.034 0-2.629.025-4.966 1.197c3.688.708 6.34 2.668 6.475 2.77a.944.944 0 0 1-.568 1.698"/><path fill="#77af57" d="M25.712 32.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778 2.593-7.778 5.185v7.101c-4.403.349-7.359.985-7.359 1.713c0 1.105 6.777 2 15.137 2s15.137-.895 15.137-2c0-.728-2.956-1.364-7.359-1.713"/><circle cx="15.875" cy="23.228" r="1.235" fill="#5d8f3f"/><circle cx="20.698" cy="25.64" r="1.235" fill="#5d8f3f"/><circle cx="21.232" cy="30.515" r="1.235" fill="#5d8f3f" transform="rotate(-80.781 21.232 30.514)"/><circle cx="15.107" cy="32.548" r="1.765" fill="#5d8f3f" transform="rotate(-80.781 15.107 32.548)"/></svg> </template>
CSS
.icon-face-vomiting {
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%23ffcb4c%22%20d%3D%22M35%2017c0%209.389-7.611%2017-17%2017S1%2026.389%201%2017S8.612%200%2018%200s17%207.612%2017%2017%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M18%2027.136c3.335%200%205.547.388%208.284.92c.625.12%201.841%200%201.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875%2022.533%207.875%2026.215c0%201.841%201.216%201.962%201.841%201.841c2.736-.532%204.949-.92%208.284-.92M6.668%2018.888a.944.944%200%200%201-.567-1.7c.135-.101%202.787-2.061%206.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944%200%200%201%20.002-1.889c.209%200%205.149.036%208.223%203.11a.945.945%200%200%201-.667%201.612c-4.357%200-7.898%202.618-7.933%202.644a.94.94%200%200%201-.568.19m22.664%200a.94.94%200%200%201-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942%200%200%201-.667-1.612c3.075-3.075%208.015-3.11%208.223-3.11a.944.944%200%200%201%20.002%201.889c-.034%200-2.629.025-4.966%201.197c3.688.708%206.34%202.668%206.475%202.77a.944.944%200%200%201-.568%201.698%22%2F%3E%3Cpath%20fill%3D%22%2377af57%22%20d%3D%22M25.712%2032.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778%202.593-7.778%205.185v7.101c-4.403.349-7.359.985-7.359%201.713c0%201.105%206.777%202%2015.137%202s15.137-.895%2015.137-2c0-.728-2.956-1.364-7.359-1.713%22%2F%3E%3Ccircle%20cx%3D%2215.875%22%20cy%3D%2223.228%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%2F%3E%3Ccircle%20cx%3D%2220.698%22%20cy%3D%2225.64%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%2F%3E%3Ccircle%20cx%3D%2221.232%22%20cy%3D%2230.515%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%20transform%3D%22rotate(-80.781%2021.232%2030.514)%22%2F%3E%3Ccircle%20cx%3D%2215.107%22%20cy%3D%2232.548%22%20r%3D%221.765%22%20fill%3D%22%235d8f3f%22%20transform%3D%22rotate(-80.781%2015.107%2032.548)%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%23ffcb4c%22%20d%3D%22M35%2017c0%209.389-7.611%2017-17%2017S1%2026.389%201%2017S8.612%200%2018%200s17%207.612%2017%2017%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M18%2027.136c3.335%200%205.547.388%208.284.92c.625.12%201.841%200%201.841-1.841c0-3.682-4.23-8.284-10.125-8.284S7.875%2022.533%207.875%2026.215c0%201.841%201.216%201.962%201.841%201.841c2.736-.532%204.949-.92%208.284-.92M6.668%2018.888a.944.944%200%200%201-.567-1.7c.135-.101%202.787-2.061%206.475-2.77c-2.338-1.172-4.932-1.197-4.965-1.197a.944.944%200%200%201%20.002-1.889c.209%200%205.149.036%208.223%203.11a.945.945%200%200%201-.667%201.612c-4.357%200-7.898%202.618-7.933%202.644a.94.94%200%200%201-.568.19m22.664%200a.94.94%200%200%201-.564-.187c-.036-.027-3.6-2.645-7.935-2.645a.942.942%200%200%201-.667-1.612c3.075-3.075%208.015-3.11%208.223-3.11a.944.944%200%200%201%20.002%201.889c-.034%200-2.629.025-4.966%201.197c3.688.708%206.34%202.668%206.475%202.77a.944.944%200%200%201-.568%201.698%22%2F%3E%3Cpath%20fill%3D%22%2377af57%22%20d%3D%22M25.712%2032.287v-7.101c0-2.593-3.889-5.185-7.778-5.185s-7.778%202.593-7.778%205.185v7.101c-4.403.349-7.359.985-7.359%201.713c0%201.105%206.777%202%2015.137%202s15.137-.895%2015.137-2c0-.728-2.956-1.364-7.359-1.713%22%2F%3E%3Ccircle%20cx%3D%2215.875%22%20cy%3D%2223.228%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%2F%3E%3Ccircle%20cx%3D%2220.698%22%20cy%3D%2225.64%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%2F%3E%3Ccircle%20cx%3D%2221.232%22%20cy%3D%2230.515%22%20r%3D%221.235%22%20fill%3D%22%235d8f3f%22%20transform%3D%22rotate(-80.781%2021.232%2030.514)%22%2F%3E%3Ccircle%20cx%3D%2215.107%22%20cy%3D%2232.548%22%20r%3D%221.765%22%20fill%3D%22%235d8f3f%22%20transform%3D%22rotate(-80.781%2015.107%2032.548)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/face-vomiting.svg?color=%231a73e8&size=48
