thumbs up emoji

thumbs-up-medium-skin-tone from Emoji One (Colored) by Emoji One · Medium skin tone · People · CC-BY-4.0 Attribution required.

Name
thumbs-up-medium-skin-tone
Set
Emoji One (Colored)
Style
Medium skin tone
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

thumbs-upthumbs-up-dark-skin-tonethumbs-up-light-skin-tonethumbs-up-medium-dark-skin-tonethumbs-up-medium-light-skin-tone

The same emoji in other sets

thumbs-upAkar Iconsthumbs-upCarbonthumbs-upFont Awesome 6 Regularthumbs-upFont Awesome 6 Solidthumbs-upFont Awesome Regularthumbs-upFont Awesome Solidthumbs-upFeather Iconsthumbs-up-outlineFlowbite Iconsthumbs-upFluent Emojithumbs-upFluent Emoji Flatthumbs-upFluent Emoji High Contrastthumbs-upHuge Iconsthumbs-upIconParkthumbs-upIconPark Outlinethumbs-upIconPark Solidthumbs-upIconPark TwoTonethumbs-upIconoirthumbs-upIonIconsthumbs-upLine Awesomethumbs-upMaterial Line Iconsthumbs-upLucidethumbs-upMage Iconsthumbs-upNoto Emojithumbs-upOpenMoji

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 thumbs up emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d6a57c" d="M31.8 27.1s-4.4.9-.8-6.6c2.6-5.4 2.3-11.7 0-15C27.2.2 19.9 1.9 20.7 5c2.6 10.5-3.3 13.7-6.3 20.3c-3.1 6.7-2.8 16.3-1.4 24.8c.9 5.3 3.2 11.9 11.5 11.9H36z"/><path fill="#b58360" d="M25.8 60.5c-8.3 0-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3 1.1-22.2c3-7.5 6.1-7.7 6.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2 1.3-2.2 2.5c0 11.1-3.1 13.8-6.1 20.5c-3.2 6.7-2.9 16.3-1.5 24.8c.9 5.3 3.2 11.9 11.5 11.9H36v-1.5z"/><path fill="#d6a57c" d="M46 35.8H31.8c-5 0-5-8.7 0-8.7H46c5 0 5 8.7 0 8.7"/><path fill="#b58360" d="M47.1 34.4H32.9c-3.4 0-4.4-4-3.3-6.5c-2.7 2.1-1.9 8 2.1 8H46c1.6 0 2.7-.9 3.3-2.2c-.6.4-1.3.7-2.2.7"/><path fill="#d6a57c" d="M47.5 44.6h-17c-6 0-6-8.7 0-8.7h17.1c5.9 0 5.9 8.7-.1 8.7"/><path fill="#b58360" d="M48.9 43.1H31.8c-4 0-5.3-4-3.9-6.5c-3.2 2.1-2.3 8 2.6 8h17.1c1.9 0 3.2-.9 3.9-2.2c-.7.4-1.6.7-2.6.7"/><path fill="#d6a57c" d="M45.9 53.3H31.5c-5 0-5-8.7 0-8.7h14.4c5.1 0 5.1 8.7 0 8.7"/><path fill="#b58360" d="M47.1 51.8H32.6c-3.4 0-4.5-4-3.3-6.6c-2.7 2.1-2 8 2.2 8h14.4c1.6 0 2.7-.9 3.3-2.2c-.5.6-1.3.8-2.1.8"/><path fill="#d6a57c" d="M44.4 62h-9.3c-5.4 0-5.4-8.7 0-8.7h9.3c5.4 0 5.4 8.7 0 8.7"/><path fill="#b58360" d="M45.6 60.6h-9.3c-3.6 0-4.8-4-3.5-6.6c-2.9 2.1-2.1 8 2.3 8h9.3c1.8 0 2.9-.9 3.5-2.2c-.6.5-1.4.8-2.3.8"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneThumbsUpMediumSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d6a57c" d="M31.8 27.1s-4.4.9-.8-6.6c2.6-5.4 2.3-11.7 0-15C27.2.2 19.9 1.9 20.7 5c2.6 10.5-3.3 13.7-6.3 20.3c-3.1 6.7-2.8 16.3-1.4 24.8c.9 5.3 3.2 11.9 11.5 11.9H36z"/><path fill="#b58360" d="M25.8 60.5c-8.3 0-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3 1.1-22.2c3-7.5 6.1-7.7 6.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2 1.3-2.2 2.5c0 11.1-3.1 13.8-6.1 20.5c-3.2 6.7-2.9 16.3-1.5 24.8c.9 5.3 3.2 11.9 11.5 11.9H36v-1.5z"/><path fill="#d6a57c" d="M46 35.8H31.8c-5 0-5-8.7 0-8.7H46c5 0 5 8.7 0 8.7"/><path fill="#b58360" d="M47.1 34.4H32.9c-3.4 0-4.4-4-3.3-6.5c-2.7 2.1-1.9 8 2.1 8H46c1.6 0 2.7-.9 3.3-2.2c-.6.4-1.3.7-2.2.7"/><path fill="#d6a57c" d="M47.5 44.6h-17c-6 0-6-8.7 0-8.7h17.1c5.9 0 5.9 8.7-.1 8.7"/><path fill="#b58360" d="M48.9 43.1H31.8c-4 0-5.3-4-3.9-6.5c-3.2 2.1-2.3 8 2.6 8h17.1c1.9 0 3.2-.9 3.9-2.2c-.7.4-1.6.7-2.6.7"/><path fill="#d6a57c" d="M45.9 53.3H31.5c-5 0-5-8.7 0-8.7h14.4c5.1 0 5.1 8.7 0 8.7"/><path fill="#b58360" d="M47.1 51.8H32.6c-3.4 0-4.5-4-3.3-6.6c-2.7 2.1-2 8 2.2 8h14.4c1.6 0 2.7-.9 3.3-2.2c-.5.6-1.3.8-2.1.8"/><path fill="#d6a57c" d="M44.4 62h-9.3c-5.4 0-5.4-8.7 0-8.7h9.3c5.4 0 5.4 8.7 0 8.7"/><path fill="#b58360" d="M45.6 60.6h-9.3c-3.6 0-4.8-4-3.5-6.6c-2.9 2.1-2.1 8 2.3 8h9.3c1.8 0 2.9-.9 3.5-2.2c-.6.5-1.4.8-2.3.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#d6a57c" d="M31.8 27.1s-4.4.9-.8-6.6c2.6-5.4 2.3-11.7 0-15C27.2.2 19.9 1.9 20.7 5c2.6 10.5-3.3 13.7-6.3 20.3c-3.1 6.7-2.8 16.3-1.4 24.8c.9 5.3 3.2 11.9 11.5 11.9H36z"/><path fill="#b58360" d="M25.8 60.5c-8.3 0-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3 1.1-22.2c3-7.5 6.1-7.7 6.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2 1.3-2.2 2.5c0 11.1-3.1 13.8-6.1 20.5c-3.2 6.7-2.9 16.3-1.5 24.8c.9 5.3 3.2 11.9 11.5 11.9H36v-1.5z"/><path fill="#d6a57c" d="M46 35.8H31.8c-5 0-5-8.7 0-8.7H46c5 0 5 8.7 0 8.7"/><path fill="#b58360" d="M47.1 34.4H32.9c-3.4 0-4.4-4-3.3-6.5c-2.7 2.1-1.9 8 2.1 8H46c1.6 0 2.7-.9 3.3-2.2c-.6.4-1.3.7-2.2.7"/><path fill="#d6a57c" d="M47.5 44.6h-17c-6 0-6-8.7 0-8.7h17.1c5.9 0 5.9 8.7-.1 8.7"/><path fill="#b58360" d="M48.9 43.1H31.8c-4 0-5.3-4-3.9-6.5c-3.2 2.1-2.3 8 2.6 8h17.1c1.9 0 3.2-.9 3.9-2.2c-.7.4-1.6.7-2.6.7"/><path fill="#d6a57c" d="M45.9 53.3H31.5c-5 0-5-8.7 0-8.7h14.4c5.1 0 5.1 8.7 0 8.7"/><path fill="#b58360" d="M47.1 51.8H32.6c-3.4 0-4.5-4-3.3-6.6c-2.7 2.1-2 8 2.2 8h14.4c1.6 0 2.7-.9 3.3-2.2c-.5.6-1.3.8-2.1.8"/><path fill="#d6a57c" d="M44.4 62h-9.3c-5.4 0-5.4-8.7 0-8.7h9.3c5.4 0 5.4 8.7 0 8.7"/><path fill="#b58360" d="M45.6 60.6h-9.3c-3.6 0-4.8-4-3.5-6.6c-2.9 2.1-2.1 8 2.3 8h9.3c1.8 0 2.9-.9 3.5-2.2c-.6.5-1.4.8-2.3.8"/></svg>
</template>

CSS

.icon-thumbs-up-medium-skin-tone {
  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%23d6a57c%22%20d%3D%22M31.8%2027.1s-4.4.9-.8-6.6c2.6-5.4%202.3-11.7%200-15C27.2.2%2019.9%201.9%2020.7%205c2.6%2010.5-3.3%2013.7-6.3%2020.3c-3.1%206.7-2.8%2016.3-1.4%2024.8c.9%205.3%203.2%2011.9%2011.5%2011.9H36z%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M25.8%2060.5c-8.3%200-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3%201.1-22.2c3-7.5%206.1-7.7%206.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2%201.3-2.2%202.5c0%2011.1-3.1%2013.8-6.1%2020.5c-3.2%206.7-2.9%2016.3-1.5%2024.8c.9%205.3%203.2%2011.9%2011.5%2011.9H36v-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M46%2035.8H31.8c-5%200-5-8.7%200-8.7H46c5%200%205%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M47.1%2034.4H32.9c-3.4%200-4.4-4-3.3-6.5c-2.7%202.1-1.9%208%202.1%208H46c1.6%200%202.7-.9%203.3-2.2c-.6.4-1.3.7-2.2.7%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M47.5%2044.6h-17c-6%200-6-8.7%200-8.7h17.1c5.9%200%205.9%208.7-.1%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M48.9%2043.1H31.8c-4%200-5.3-4-3.9-6.5c-3.2%202.1-2.3%208%202.6%208h17.1c1.9%200%203.2-.9%203.9-2.2c-.7.4-1.6.7-2.6.7%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M45.9%2053.3H31.5c-5%200-5-8.7%200-8.7h14.4c5.1%200%205.1%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M47.1%2051.8H32.6c-3.4%200-4.5-4-3.3-6.6c-2.7%202.1-2%208%202.2%208h14.4c1.6%200%202.7-.9%203.3-2.2c-.5.6-1.3.8-2.1.8%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M44.4%2062h-9.3c-5.4%200-5.4-8.7%200-8.7h9.3c5.4%200%205.4%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M45.6%2060.6h-9.3c-3.6%200-4.8-4-3.5-6.6c-2.9%202.1-2.1%208%202.3%208h9.3c1.8%200%202.9-.9%203.5-2.2c-.6.5-1.4.8-2.3.8%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%23d6a57c%22%20d%3D%22M31.8%2027.1s-4.4.9-.8-6.6c2.6-5.4%202.3-11.7%200-15C27.2.2%2019.9%201.9%2020.7%205c2.6%2010.5-3.3%2013.7-6.3%2020.3c-3.1%206.7-2.8%2016.3-1.4%2024.8c.9%205.3%203.2%2011.9%2011.5%2011.9H36z%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M25.8%2060.5c-8.3%200-10.1-6.6-11-11.9c-1.4-8.5-1.6-15.3%201.1-22.2c3-7.5%206.1-7.7%206.1-22.5c0-.7.4-1.2.8-1.6c-1.4.5-2.2%201.3-2.2%202.5c0%2011.1-3.1%2013.8-6.1%2020.5c-3.2%206.7-2.9%2016.3-1.5%2024.8c.9%205.3%203.2%2011.9%2011.5%2011.9H36v-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M46%2035.8H31.8c-5%200-5-8.7%200-8.7H46c5%200%205%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M47.1%2034.4H32.9c-3.4%200-4.4-4-3.3-6.5c-2.7%202.1-1.9%208%202.1%208H46c1.6%200%202.7-.9%203.3-2.2c-.6.4-1.3.7-2.2.7%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M47.5%2044.6h-17c-6%200-6-8.7%200-8.7h17.1c5.9%200%205.9%208.7-.1%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M48.9%2043.1H31.8c-4%200-5.3-4-3.9-6.5c-3.2%202.1-2.3%208%202.6%208h17.1c1.9%200%203.2-.9%203.9-2.2c-.7.4-1.6.7-2.6.7%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M45.9%2053.3H31.5c-5%200-5-8.7%200-8.7h14.4c5.1%200%205.1%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M47.1%2051.8H32.6c-3.4%200-4.5-4-3.3-6.6c-2.7%202.1-2%208%202.2%208h14.4c1.6%200%202.7-.9%203.3-2.2c-.5.6-1.3.8-2.1.8%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M44.4%2062h-9.3c-5.4%200-5.4-8.7%200-8.7h9.3c5.4%200%205.4%208.7%200%208.7%22%2F%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M45.6%2060.6h-9.3c-3.6%200-4.8-4-3.5-6.6c-2.9%202.1-2.1%208%202.3%208h9.3c1.8%200%202.9-.9%203.5-2.2c-.6.5-1.4.8-2.3.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/thumbs-up-medium-skin-tone.svg?color=%231a73e8&size=48