thumbs up emoji
thumbs-up-medium-dark-skin-tone from Twitter Emoji by Twitter · Medium-dark skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- thumbs-up-medium-dark-skin-tone
- Set
- Twitter Emoji
- Style
- Medium-dark skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
The same emoji in other sets
thumbs-upAkar Iconsthumbs-upCarbonthumbs-upEmoji One (Colored)thumbs-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 Emoji
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 thumbs up emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ae7e57" d="M34.956 17.916c0-.503-.12-.975-.321-1.404c-1.341-4.326-7.619-4.01-16.549-4.221c-1.493-.035-.639-1.798-.115-5.668c.341-2.517-1.282-6.382-4.01-6.382c-4.498 0-.171 3.548-4.148 12.322c-2.125 4.688-6.875 2.062-6.875 6.771v10.719c0 1.833.18 3.595 2.758 3.885C8.195 34.219 7.633 36 11.238 36h18.044a3.337 3.337 0 0 0 3.333-3.334c0-.762-.267-1.456-.698-2.018c1.02-.571 1.72-1.649 1.72-2.899c0-.76-.266-1.454-.696-2.015c1.023-.57 1.725-1.649 1.725-2.901c0-.909-.368-1.733-.961-2.336a3.31 3.31 0 0 0 1.251-2.581"/><path fill="#8f613e" d="M23.02 21.249h8.604c1.17 0 2.268-.626 2.866-1.633a.876.876 0 0 0-1.506-.892a1.59 1.59 0 0 1-1.361.775h-8.81c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583H28.7a.875.875 0 0 0 0-1.75h-5.888a3.337 3.337 0 0 0-3.333 3.333c0 1.025.475 1.932 1.205 2.544a3.32 3.32 0 0 0-.998 2.373c0 1.028.478 1.938 1.212 2.549a3.318 3.318 0 0 0 .419 5.08a3.3 3.3 0 0 0-.852 2.204a3.337 3.337 0 0 0 3.333 3.333h5.484a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.6 1.6 0 0 1-1.363.776h-5.484c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583h6.506a3.35 3.35 0 0 0 2.867-1.633a.875.875 0 1 0-1.504-.894a1.57 1.57 0 0 1-1.363.777h-7.063a1.585 1.585 0 0 1 0-3.167h8.091a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.57 1.57 0 0 1-1.363.776H23.02a1.585 1.585 0 0 1 0-3.167"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiThumbsUpMediumDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ae7e57" d="M34.956 17.916c0-.503-.12-.975-.321-1.404c-1.341-4.326-7.619-4.01-16.549-4.221c-1.493-.035-.639-1.798-.115-5.668c.341-2.517-1.282-6.382-4.01-6.382c-4.498 0-.171 3.548-4.148 12.322c-2.125 4.688-6.875 2.062-6.875 6.771v10.719c0 1.833.18 3.595 2.758 3.885C8.195 34.219 7.633 36 11.238 36h18.044a3.337 3.337 0 0 0 3.333-3.334c0-.762-.267-1.456-.698-2.018c1.02-.571 1.72-1.649 1.72-2.899c0-.76-.266-1.454-.696-2.015c1.023-.57 1.725-1.649 1.725-2.901c0-.909-.368-1.733-.961-2.336a3.31 3.31 0 0 0 1.251-2.581"/><path fill="#8f613e" d="M23.02 21.249h8.604c1.17 0 2.268-.626 2.866-1.633a.876.876 0 0 0-1.506-.892a1.59 1.59 0 0 1-1.361.775h-8.81c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583H28.7a.875.875 0 0 0 0-1.75h-5.888a3.337 3.337 0 0 0-3.333 3.333c0 1.025.475 1.932 1.205 2.544a3.32 3.32 0 0 0-.998 2.373c0 1.028.478 1.938 1.212 2.549a3.318 3.318 0 0 0 .419 5.08a3.3 3.3 0 0 0-.852 2.204a3.337 3.337 0 0 0 3.333 3.333h5.484a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.6 1.6 0 0 1-1.363.776h-5.484c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583h6.506a3.35 3.35 0 0 0 2.867-1.633a.875.875 0 1 0-1.504-.894a1.57 1.57 0 0 1-1.363.777h-7.063a1.585 1.585 0 0 1 0-3.167h8.091a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.57 1.57 0 0 1-1.363.776H23.02a1.585 1.585 0 0 1 0-3.167"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ae7e57" d="M34.956 17.916c0-.503-.12-.975-.321-1.404c-1.341-4.326-7.619-4.01-16.549-4.221c-1.493-.035-.639-1.798-.115-5.668c.341-2.517-1.282-6.382-4.01-6.382c-4.498 0-.171 3.548-4.148 12.322c-2.125 4.688-6.875 2.062-6.875 6.771v10.719c0 1.833.18 3.595 2.758 3.885C8.195 34.219 7.633 36 11.238 36h18.044a3.337 3.337 0 0 0 3.333-3.334c0-.762-.267-1.456-.698-2.018c1.02-.571 1.72-1.649 1.72-2.899c0-.76-.266-1.454-.696-2.015c1.023-.57 1.725-1.649 1.725-2.901c0-.909-.368-1.733-.961-2.336a3.31 3.31 0 0 0 1.251-2.581"/><path fill="#8f613e" d="M23.02 21.249h8.604c1.17 0 2.268-.626 2.866-1.633a.876.876 0 0 0-1.506-.892a1.59 1.59 0 0 1-1.361.775h-8.81c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583H28.7a.875.875 0 0 0 0-1.75h-5.888a3.337 3.337 0 0 0-3.333 3.333c0 1.025.475 1.932 1.205 2.544a3.32 3.32 0 0 0-.998 2.373c0 1.028.478 1.938 1.212 2.549a3.318 3.318 0 0 0 .419 5.08a3.3 3.3 0 0 0-.852 2.204a3.337 3.337 0 0 0 3.333 3.333h5.484a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.6 1.6 0 0 1-1.363.776h-5.484c-.873 0-1.583-.71-1.583-1.583s.71-1.583 1.583-1.583h6.506a3.35 3.35 0 0 0 2.867-1.633a.875.875 0 1 0-1.504-.894a1.57 1.57 0 0 1-1.363.777h-7.063a1.585 1.585 0 0 1 0-3.167h8.091a3.35 3.35 0 0 0 2.867-1.632a.875.875 0 0 0-1.504-.894a1.57 1.57 0 0 1-1.363.776H23.02a1.585 1.585 0 0 1 0-3.167"/></svg> </template>
CSS
.icon-thumbs-up-medium-dark-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ae7e57%22%20d%3D%22M34.956%2017.916c0-.503-.12-.975-.321-1.404c-1.341-4.326-7.619-4.01-16.549-4.221c-1.493-.035-.639-1.798-.115-5.668c.341-2.517-1.282-6.382-4.01-6.382c-4.498%200-.171%203.548-4.148%2012.322c-2.125%204.688-6.875%202.062-6.875%206.771v10.719c0%201.833.18%203.595%202.758%203.885C8.195%2034.219%207.633%2036%2011.238%2036h18.044a3.337%203.337%200%200%200%203.333-3.334c0-.762-.267-1.456-.698-2.018c1.02-.571%201.72-1.649%201.72-2.899c0-.76-.266-1.454-.696-2.015c1.023-.57%201.725-1.649%201.725-2.901c0-.909-.368-1.733-.961-2.336a3.31%203.31%200%200%200%201.251-2.581%22%2F%3E%3Cpath%20fill%3D%22%238f613e%22%20d%3D%22M23.02%2021.249h8.604c1.17%200%202.268-.626%202.866-1.633a.876.876%200%200%200-1.506-.892a1.59%201.59%200%200%201-1.361.775h-8.81c-.873%200-1.583-.71-1.583-1.583s.71-1.583%201.583-1.583H28.7a.875.875%200%200%200%200-1.75h-5.888a3.337%203.337%200%200%200-3.333%203.333c0%201.025.475%201.932%201.205%202.544a3.32%203.32%200%200%200-.998%202.373c0%201.028.478%201.938%201.212%202.549a3.318%203.318%200%200%200%20.419%205.08a3.3%203.3%200%200%200-.852%202.204a3.337%203.337%200%200%200%203.333%203.333h5.484a3.35%203.35%200%200%200%202.867-1.632a.875.875%200%200%200-1.504-.894a1.6%201.6%200%200%201-1.363.776h-5.484c-.873%200-1.583-.71-1.583-1.583s.71-1.583%201.583-1.583h6.506a3.35%203.35%200%200%200%202.867-1.633a.875.875%200%201%200-1.504-.894a1.57%201.57%200%200%201-1.363.777h-7.063a1.585%201.585%200%200%201%200-3.167h8.091a3.35%203.35%200%200%200%202.867-1.632a.875.875%200%200%200-1.504-.894a1.57%201.57%200%200%201-1.363.776H23.02a1.585%201.585%200%200%201%200-3.167%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%23ae7e57%22%20d%3D%22M34.956%2017.916c0-.503-.12-.975-.321-1.404c-1.341-4.326-7.619-4.01-16.549-4.221c-1.493-.035-.639-1.798-.115-5.668c.341-2.517-1.282-6.382-4.01-6.382c-4.498%200-.171%203.548-4.148%2012.322c-2.125%204.688-6.875%202.062-6.875%206.771v10.719c0%201.833.18%203.595%202.758%203.885C8.195%2034.219%207.633%2036%2011.238%2036h18.044a3.337%203.337%200%200%200%203.333-3.334c0-.762-.267-1.456-.698-2.018c1.02-.571%201.72-1.649%201.72-2.899c0-.76-.266-1.454-.696-2.015c1.023-.57%201.725-1.649%201.725-2.901c0-.909-.368-1.733-.961-2.336a3.31%203.31%200%200%200%201.251-2.581%22%2F%3E%3Cpath%20fill%3D%22%238f613e%22%20d%3D%22M23.02%2021.249h8.604c1.17%200%202.268-.626%202.866-1.633a.876.876%200%200%200-1.506-.892a1.59%201.59%200%200%201-1.361.775h-8.81c-.873%200-1.583-.71-1.583-1.583s.71-1.583%201.583-1.583H28.7a.875.875%200%200%200%200-1.75h-5.888a3.337%203.337%200%200%200-3.333%203.333c0%201.025.475%201.932%201.205%202.544a3.32%203.32%200%200%200-.998%202.373c0%201.028.478%201.938%201.212%202.549a3.318%203.318%200%200%200%20.419%205.08a3.3%203.3%200%200%200-.852%202.204a3.337%203.337%200%200%200%203.333%203.333h5.484a3.35%203.35%200%200%200%202.867-1.632a.875.875%200%200%200-1.504-.894a1.6%201.6%200%200%201-1.363.776h-5.484c-.873%200-1.583-.71-1.583-1.583s.71-1.583%201.583-1.583h6.506a3.35%203.35%200%200%200%202.867-1.633a.875.875%200%201%200-1.504-.894a1.57%201.57%200%200%201-1.363.777h-7.063a1.585%201.585%200%200%201%200-3.167h8.091a3.35%203.35%200%200%200%202.867-1.632a.875.875%200%200%200-1.504-.894a1.57%201.57%200%200%201-1.363.776H23.02a1.585%201.585%200%200%201%200-3.167%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/thumbs-up-medium-dark-skin-tone.svg?color=%231a73e8&size=48
