middle finger emoji

middle-finger from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
middle-finger
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

middle-finger-dark-skin-tonemiddle-finger-light-skin-tonemiddle-finger-medium-dark-skin-tonemiddle-finger-medium-light-skin-tonemiddle-finger-medium-skin-tone

The same emoji in other sets

middle-fingerFluent Emojimiddle-fingerFluent Emoji Flatmiddle-fingerFluent Emoji High Contrastmiddle-fingerIconParkmiddle-fingerIconPark Outlinemiddle-finger-fillMingCute Iconmiddle-fingerNoto Emojimiddle-fingerOpenMojimiddle-fingerTwitter Emoji

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 middle finger emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M13.5 31.5c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 6.3 2.1 6.3 4.7L22.6 6.4c0-2.4 3-4.4 6.9-4.4h.1c3.8 0 6.9 2 6.9 4.4L35.3 31c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 5.3 2.1 5.3 4.7v2.7c.5-1.9 2.4-3.2 4.6-2.7c4.5 1.2 3.6 4.8 4.1 8.7c.5 4.8 1.7 7.9 1.3 9.6c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><g fill="#eba352"><path d="M13.5 31.5c0-1.4.7-2.7 1.8-3.5c-1.9 2.4-.6 19.4 1.7 24.2c1.2 2.4 5.3 1.7 8.3 3.1s3.7 3.8 6.4 4c2.4.3 5.2-1.4 8.3-2.1c3.6-.9 6.1-.6 8.3-2.6c1.1-1 1.6-2.5 3.8-3.2c1.6-.5 2.7-1 3.9-2.2v.1c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><path d="M22.6 5.3c-.9 3.8 2.5 38.4 2.5 38.4c0 2.5 1.3 1.5 1.3-1c0 0-3.6-32.5-2.6-37.3c.4-2 1.8-2.6 4.2-3.3c0 0-4.6.2-5.4 3.2m14.4 37v-13c0-.7.1-1.4.5-2c-1.3.9-2.1 2.2-2.1 3.7v13c-.1 2.7 1.6.9 1.6-1.7m10.4 1.3V33.2c0-.6.1-1.2.4-1.8c-1.1.8-1.9 2-1.9 3.4v10.4c0 2.3 1.5.7 1.5-1.6"/><path d="M34.4 10.8c.8-5.3-1.7-5.5-4.8-5.5s-5.6.2-4.8 5.5c.3 2 2.4 2.7 4.8 2.7s4.5-.8 4.8-2.7"/></g><path fill="#ffe8dc" d="M34.5 9.9c.8-5.7-1.7-5.9-4.9-5.9s-5.7.2-4.9 5.8c.3 2.1 2.4 2.8 4.9 2.8s4.6-.7 4.9-2.7"/><path fill="#eba352" d="M15.2 53.6c-3.6-4.2-8.3-6.4-7.1-9.5c1-3 3.1-2.9 5.8-6.3z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneMiddleFinger(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M13.5 31.5c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 6.3 2.1 6.3 4.7L22.6 6.4c0-2.4 3-4.4 6.9-4.4h.1c3.8 0 6.9 2 6.9 4.4L35.3 31c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 5.3 2.1 5.3 4.7v2.7c.5-1.9 2.4-3.2 4.6-2.7c4.5 1.2 3.6 4.8 4.1 8.7c.5 4.8 1.7 7.9 1.3 9.6c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><g fill="#eba352"><path d="M13.5 31.5c0-1.4.7-2.7 1.8-3.5c-1.9 2.4-.6 19.4 1.7 24.2c1.2 2.4 5.3 1.7 8.3 3.1s3.7 3.8 6.4 4c2.4.3 5.2-1.4 8.3-2.1c3.6-.9 6.1-.6 8.3-2.6c1.1-1 1.6-2.5 3.8-3.2c1.6-.5 2.7-1 3.9-2.2v.1c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><path d="M22.6 5.3c-.9 3.8 2.5 38.4 2.5 38.4c0 2.5 1.3 1.5 1.3-1c0 0-3.6-32.5-2.6-37.3c.4-2 1.8-2.6 4.2-3.3c0 0-4.6.2-5.4 3.2m14.4 37v-13c0-.7.1-1.4.5-2c-1.3.9-2.1 2.2-2.1 3.7v13c-.1 2.7 1.6.9 1.6-1.7m10.4 1.3V33.2c0-.6.1-1.2.4-1.8c-1.1.8-1.9 2-1.9 3.4v10.4c0 2.3 1.5.7 1.5-1.6"/><path d="M34.4 10.8c.8-5.3-1.7-5.5-4.8-5.5s-5.6.2-4.8 5.5c.3 2 2.4 2.7 4.8 2.7s4.5-.8 4.8-2.7"/></g><path fill="#ffe8dc" d="M34.5 9.9c.8-5.7-1.7-5.9-4.9-5.9s-5.7.2-4.9 5.8c.3 2.1 2.4 2.8 4.9 2.8s4.6-.7 4.9-2.7"/><path fill="#eba352" d="M15.2 53.6c-3.6-4.2-8.3-6.4-7.1-9.5c1-3 3.1-2.9 5.8-6.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M13.5 31.5c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 6.3 2.1 6.3 4.7L22.6 6.4c0-2.4 3-4.4 6.9-4.4h.1c3.8 0 6.9 2 6.9 4.4L35.3 31c0-2.6 2.4-4.7 5.3-4.7h.1c2.9 0 5.3 2.1 5.3 4.7v2.7c.5-1.9 2.4-3.2 4.6-2.7c4.5 1.2 3.6 4.8 4.1 8.7c.5 4.8 1.7 7.9 1.3 9.6c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><g fill="#eba352"><path d="M13.5 31.5c0-1.4.7-2.7 1.8-3.5c-1.9 2.4-.6 19.4 1.7 24.2c1.2 2.4 5.3 1.7 8.3 3.1s3.7 3.8 6.4 4c2.4.3 5.2-1.4 8.3-2.1c3.6-.9 6.1-.6 8.3-2.6c1.1-1 1.6-2.5 3.8-3.2c1.6-.5 2.7-1 3.9-2.2v.1c-1 3.7-3.7 3.2-5.1 4.2s-1.8 2.6-2.9 3.6c-2.2 2-6.2 1.6-9.8 2.5c-3.1.8-5.9 2.6-8.3 2.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3"/><path d="M22.6 5.3c-.9 3.8 2.5 38.4 2.5 38.4c0 2.5 1.3 1.5 1.3-1c0 0-3.6-32.5-2.6-37.3c.4-2 1.8-2.6 4.2-3.3c0 0-4.6.2-5.4 3.2m14.4 37v-13c0-.7.1-1.4.5-2c-1.3.9-2.1 2.2-2.1 3.7v13c-.1 2.7 1.6.9 1.6-1.7m10.4 1.3V33.2c0-.6.1-1.2.4-1.8c-1.1.8-1.9 2-1.9 3.4v10.4c0 2.3 1.5.7 1.5-1.6"/><path d="M34.4 10.8c.8-5.3-1.7-5.5-4.8-5.5s-5.6.2-4.8 5.5c.3 2 2.4 2.7 4.8 2.7s4.5-.8 4.8-2.7"/></g><path fill="#ffe8dc" d="M34.5 9.9c.8-5.7-1.7-5.9-4.9-5.9s-5.7.2-4.9 5.8c.3 2.1 2.4 2.8 4.9 2.8s4.6-.7 4.9-2.7"/><path fill="#eba352" d="M15.2 53.6c-3.6-4.2-8.3-6.4-7.1-9.5c1-3 3.1-2.9 5.8-6.3z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M13.5%2031.5c0-2.6%202.4-4.7%205.3-4.7h.1c2.9%200%206.3%202.1%206.3%204.7L22.6%206.4c0-2.4%203-4.4%206.9-4.4h.1c3.8%200%206.9%202%206.9%204.4L35.3%2031c0-2.6%202.4-4.7%205.3-4.7h.1c2.9%200%205.3%202.1%205.3%204.7v2.7c.5-1.9%202.4-3.2%204.6-2.7c4.5%201.2%203.6%204.8%204.1%208.7c.5%204.8%201.7%207.9%201.3%209.6c-1%203.7-3.7%203.2-5.1%204.2s-1.8%202.6-2.9%203.6c-2.2%202-6.2%201.6-9.8%202.5c-3.1.8-5.9%202.6-8.3%202.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3%22%2F%3E%3Cg%20fill%3D%22%23eba352%22%3E%3Cpath%20d%3D%22M13.5%2031.5c0-1.4.7-2.7%201.8-3.5c-1.9%202.4-.6%2019.4%201.7%2024.2c1.2%202.4%205.3%201.7%208.3%203.1s3.7%203.8%206.4%204c2.4.3%205.2-1.4%208.3-2.1c3.6-.9%206.1-.6%208.3-2.6c1.1-1%201.6-2.5%203.8-3.2c1.6-.5%202.7-1%203.9-2.2v.1c-1%203.7-3.7%203.2-5.1%204.2s-1.8%202.6-2.9%203.6c-2.2%202-6.2%201.6-9.8%202.5c-3.1.8-5.9%202.6-8.3%202.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3%22%2F%3E%3Cpath%20d%3D%22M22.6%205.3c-.9%203.8%202.5%2038.4%202.5%2038.4c0%202.5%201.3%201.5%201.3-1c0%200-3.6-32.5-2.6-37.3c.4-2%201.8-2.6%204.2-3.3c0%200-4.6.2-5.4%203.2m14.4%2037v-13c0-.7.1-1.4.5-2c-1.3.9-2.1%202.2-2.1%203.7v13c-.1%202.7%201.6.9%201.6-1.7m10.4%201.3V33.2c0-.6.1-1.2.4-1.8c-1.1.8-1.9%202-1.9%203.4v10.4c0%202.3%201.5.7%201.5-1.6%22%2F%3E%3Cpath%20d%3D%22M34.4%2010.8c.8-5.3-1.7-5.5-4.8-5.5s-5.6.2-4.8%205.5c.3%202%202.4%202.7%204.8%202.7s4.5-.8%204.8-2.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffe8dc%22%20d%3D%22M34.5%209.9c.8-5.7-1.7-5.9-4.9-5.9s-5.7.2-4.9%205.8c.3%202.1%202.4%202.8%204.9%202.8s4.6-.7%204.9-2.7%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M15.2%2053.6c-3.6-4.2-8.3-6.4-7.1-9.5c1-3%203.1-2.9%205.8-6.3z%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%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M13.5%2031.5c0-2.6%202.4-4.7%205.3-4.7h.1c2.9%200%206.3%202.1%206.3%204.7L22.6%206.4c0-2.4%203-4.4%206.9-4.4h.1c3.8%200%206.9%202%206.9%204.4L35.3%2031c0-2.6%202.4-4.7%205.3-4.7h.1c2.9%200%205.3%202.1%205.3%204.7v2.7c.5-1.9%202.4-3.2%204.6-2.7c4.5%201.2%203.6%204.8%204.1%208.7c.5%204.8%201.7%207.9%201.3%209.6c-1%203.7-3.7%203.2-5.1%204.2s-1.8%202.6-2.9%203.6c-2.2%202-6.2%201.6-9.8%202.5c-3.1.8-5.9%202.6-8.3%202.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3%22%2F%3E%3Cg%20fill%3D%22%23eba352%22%3E%3Cpath%20d%3D%22M13.5%2031.5c0-1.4.7-2.7%201.8-3.5c-1.9%202.4-.6%2019.4%201.7%2024.2c1.2%202.4%205.3%201.7%208.3%203.1s3.7%203.8%206.4%204c2.4.3%205.2-1.4%208.3-2.1c3.6-.9%206.1-.6%208.3-2.6c1.1-1%201.6-2.5%203.8-3.2c1.6-.5%202.7-1%203.9-2.2v.1c-1%203.7-3.7%203.2-5.1%204.2s-1.8%202.6-2.9%203.6c-2.2%202-6.2%201.6-9.8%202.5c-3.1.8-5.9%202.6-8.3%202.3c-2.7-.3-3.4-2.6-6.4-4s-7.1-.7-8.3-3.1c-2.3-4.8-1.7-23.3-1.7-23.3%22%2F%3E%3Cpath%20d%3D%22M22.6%205.3c-.9%203.8%202.5%2038.4%202.5%2038.4c0%202.5%201.3%201.5%201.3-1c0%200-3.6-32.5-2.6-37.3c.4-2%201.8-2.6%204.2-3.3c0%200-4.6.2-5.4%203.2m14.4%2037v-13c0-.7.1-1.4.5-2c-1.3.9-2.1%202.2-2.1%203.7v13c-.1%202.7%201.6.9%201.6-1.7m10.4%201.3V33.2c0-.6.1-1.2.4-1.8c-1.1.8-1.9%202-1.9%203.4v10.4c0%202.3%201.5.7%201.5-1.6%22%2F%3E%3Cpath%20d%3D%22M34.4%2010.8c.8-5.3-1.7-5.5-4.8-5.5s-5.6.2-4.8%205.5c.3%202%202.4%202.7%204.8%202.7s4.5-.8%204.8-2.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffe8dc%22%20d%3D%22M34.5%209.9c.8-5.7-1.7-5.9-4.9-5.9s-5.7.2-4.9%205.8c.3%202.1%202.4%202.8%204.9%202.8s4.6-.7%204.9-2.7%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M15.2%2053.6c-3.6-4.2-8.3-6.4-7.1-9.5c1-3%203.1-2.9%205.8-6.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/middle-finger.svg?color=%231a73e8&size=48