middle finger emoji
middle-finger from Twitter Emoji by Twitter · Default · People & Body · CC-BY-4.0 Attribution required.
- Name
- middle-finger
- Set
- Twitter Emoji
- Style
- Default
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
The same emoji in other sets
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the middle finger emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.011 20.183s.093-2.362-1.792-3.068c-1.667-.625-2.309.622-2.309.622s.059-1.914-1.941-2.622c-1.885-.668-2.984.773-2.984.773s-.072-1.687-2.058-2.232c-1.671-.459-2.916 1.167-2.916 1.167v-.822c0-.959-.542-2.575-2.543-2.576c-2-.002-2.457 1.659-2.457 2.576v1.614c0 1.323-.948.198-1.636.823c-1.57 1.427-2.269 6.431-1.188 10.5c1.312 4.938 4.062 9.101 9.694 9.101c8.132 0 12.124-5.298 12.129-11.924z"/><path fill="#ffdc5d" d="M21 18.5a2.5 2.5 0 1 1-5 0v-16a2.5 2.5 0 1 1 5 0zM12.25 16l-2.312.003c-1.625 0-2.141.465-2.812 3.122c-.438 1.729-.984 2.547-.984 4.391c0 2.906 4.594 12.348 11.359 12.391z"/><path fill="#ef9645" d="M10 25.521c0 .251.204.479.456.479h.088a.456.456 0 0 0 .456-.456V16h-.969z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMiddleFinger(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.011 20.183s.093-2.362-1.792-3.068c-1.667-.625-2.309.622-2.309.622s.059-1.914-1.941-2.622c-1.885-.668-2.984.773-2.984.773s-.072-1.687-2.058-2.232c-1.671-.459-2.916 1.167-2.916 1.167v-.822c0-.959-.542-2.575-2.543-2.576c-2-.002-2.457 1.659-2.457 2.576v1.614c0 1.323-.948.198-1.636.823c-1.57 1.427-2.269 6.431-1.188 10.5c1.312 4.938 4.062 9.101 9.694 9.101c8.132 0 12.124-5.298 12.129-11.924z"/><path fill="#ffdc5d" d="M21 18.5a2.5 2.5 0 1 1-5 0v-16a2.5 2.5 0 1 1 5 0zM12.25 16l-2.312.003c-1.625 0-2.141.465-2.812 3.122c-.438 1.729-.984 2.547-.984 4.391c0 2.906 4.594 12.348 11.359 12.391z"/><path fill="#ef9645" d="M10 25.521c0 .251.204.479.456.479h.088a.456.456 0 0 0 .456-.456V16h-.969z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffdc5d" d="M30.011 20.183s.093-2.362-1.792-3.068c-1.667-.625-2.309.622-2.309.622s.059-1.914-1.941-2.622c-1.885-.668-2.984.773-2.984.773s-.072-1.687-2.058-2.232c-1.671-.459-2.916 1.167-2.916 1.167v-.822c0-.959-.542-2.575-2.543-2.576c-2-.002-2.457 1.659-2.457 2.576v1.614c0 1.323-.948.198-1.636.823c-1.57 1.427-2.269 6.431-1.188 10.5c1.312 4.938 4.062 9.101 9.694 9.101c8.132 0 12.124-5.298 12.129-11.924z"/><path fill="#ffdc5d" d="M21 18.5a2.5 2.5 0 1 1-5 0v-16a2.5 2.5 0 1 1 5 0zM12.25 16l-2.312.003c-1.625 0-2.141.465-2.812 3.122c-.438 1.729-.984 2.547-.984 4.391c0 2.906 4.594 12.348 11.359 12.391z"/><path fill="#ef9645" d="M10 25.521c0 .251.204.479.456.479h.088a.456.456 0 0 0 .456-.456V16h-.969z"/></svg> </template>
CSS
.icon-middle-finger {
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%23ffdc5d%22%20d%3D%22M30.011%2020.183s.093-2.362-1.792-3.068c-1.667-.625-2.309.622-2.309.622s.059-1.914-1.941-2.622c-1.885-.668-2.984.773-2.984.773s-.072-1.687-2.058-2.232c-1.671-.459-2.916%201.167-2.916%201.167v-.822c0-.959-.542-2.575-2.543-2.576c-2-.002-2.457%201.659-2.457%202.576v1.614c0%201.323-.948.198-1.636.823c-1.57%201.427-2.269%206.431-1.188%2010.5c1.312%204.938%204.062%209.101%209.694%209.101c8.132%200%2012.124-5.298%2012.129-11.924z%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M21%2018.5a2.5%202.5%200%201%201-5%200v-16a2.5%202.5%200%201%201%205%200zM12.25%2016l-2.312.003c-1.625%200-2.141.465-2.812%203.122c-.438%201.729-.984%202.547-.984%204.391c0%202.906%204.594%2012.348%2011.359%2012.391z%22%2F%3E%3Cpath%20fill%3D%22%23ef9645%22%20d%3D%22M10%2025.521c0%20.251.204.479.456.479h.088a.456.456%200%200%200%20.456-.456V16h-.969z%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%23ffdc5d%22%20d%3D%22M30.011%2020.183s.093-2.362-1.792-3.068c-1.667-.625-2.309.622-2.309.622s.059-1.914-1.941-2.622c-1.885-.668-2.984.773-2.984.773s-.072-1.687-2.058-2.232c-1.671-.459-2.916%201.167-2.916%201.167v-.822c0-.959-.542-2.575-2.543-2.576c-2-.002-2.457%201.659-2.457%202.576v1.614c0%201.323-.948.198-1.636.823c-1.57%201.427-2.269%206.431-1.188%2010.5c1.312%204.938%204.062%209.101%209.694%209.101c8.132%200%2012.124-5.298%2012.129-11.924z%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M21%2018.5a2.5%202.5%200%201%201-5%200v-16a2.5%202.5%200%201%201%205%200zM12.25%2016l-2.312.003c-1.625%200-2.141.465-2.812%203.122c-.438%201.729-.984%202.547-.984%204.391c0%202.906%204.594%2012.348%2011.359%2012.391z%22%2F%3E%3Cpath%20fill%3D%22%23ef9645%22%20d%3D%22M10%2025.521c0%20.251.204.479.456.479h.088a.456.456%200%200%200%20.456-.456V16h-.969z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/middle-finger.svg?color=%231a73e8&size=48
