person gesturing ok emoji

person-gesturing-ok-light-skin-tone from Twitter Emoji by Twitter · Light skin tone · People & Body · CC-BY-4.0 Attribution required.

Name
person-gesturing-ok-light-skin-tone
Set
Twitter Emoji
Style
Light skin tone
Category
People & Body
Viewbox
36×36
License
CC BY 4.0

5 other variants in Twitter Emoji

person-gesturing-okperson-gesturing-ok-dark-skin-toneperson-gesturing-ok-medium-dark-skin-toneperson-gesturing-ok-medium-light-skin-toneperson-gesturing-ok-medium-skin-tone

The same emoji in other sets

person-gesturing-okEmoji One (Colored)person-gesturing-okFluent Emojiperson-gesturing-okFluent Emoji Flatperson-gesturing-okFluent Emoji High Contrastperson-gesturing-okNoto Emojiperson-gesturing-okOpenMoji

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 person gesturing ok emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M21.906 1.262c-2.02-.654-6.772-.475-7.96 1.069c-3.089.059-6.713 2.851-7.188 6.535c-.47 3.645.578 5.338.951 8.079c.422 3.106 2.168 4.099 3.564 4.515C13.281 24.114 15.415 24 19 24c7 0 10.334-4.684 10.629-12.639c.178-4.812-2.645-8.456-7.723-10.099"/><path fill="#f7dece" d="M25.909 11.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327 1.396 1.455 1.485 2.079s.178 1.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208 1.574-2.792 3.178c-.749.465-1.643 1.5-2.139 3.03C8.889 14.345 9 15.325 9 17c0 4.889 4.029 9 9 9s9-4.147 9-9c0-3.041-.319-4.229-1.091-5.299"/><path fill="#fa743e" d="M32 6.625L29 5l-2 1.625s3 7.25 3 11.125S26.5 27 26.5 27h-17S6 21.625 6 17.75S9 6.625 9 6.625L7 5L4 6.625S0 13.75 0 17.75S5.5 36 5.5 36h25S36 21.75 36 17.75S32 6.625 32 6.625"/><path fill="#f7dece" d="M15 22v6a3 3 0 1 0 6 0v-6zm4.24-19.604c.042-.521.593-.727 1.146-.708c0 0 5.456.311 7.521 1.271C30.522 4.174 32 6.625 32 6.625h-5S25.917 5.104 25.062 4.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48 0c-.042-.521-.593-.727-1.146-.708c0 0-5.456.311-7.521 1.271C5.478 4.174 4 6.625 4 6.625h5s1.083-1.521 1.938-2.125c.881-.623 4.222-1.215 4.719-1.312c.496-.098 1.145-.271 1.103-.792"/><path fill="#c1694f" d="M22 21h-8s1 2 4 2s4-2 4-2m-3-1.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M14 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiPersonGesturingOkLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M21.906 1.262c-2.02-.654-6.772-.475-7.96 1.069c-3.089.059-6.713 2.851-7.188 6.535c-.47 3.645.578 5.338.951 8.079c.422 3.106 2.168 4.099 3.564 4.515C13.281 24.114 15.415 24 19 24c7 0 10.334-4.684 10.629-12.639c.178-4.812-2.645-8.456-7.723-10.099"/><path fill="#f7dece" d="M25.909 11.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327 1.396 1.455 1.485 2.079s.178 1.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208 1.574-2.792 3.178c-.749.465-1.643 1.5-2.139 3.03C8.889 14.345 9 15.325 9 17c0 4.889 4.029 9 9 9s9-4.147 9-9c0-3.041-.319-4.229-1.091-5.299"/><path fill="#fa743e" d="M32 6.625L29 5l-2 1.625s3 7.25 3 11.125S26.5 27 26.5 27h-17S6 21.625 6 17.75S9 6.625 9 6.625L7 5L4 6.625S0 13.75 0 17.75S5.5 36 5.5 36h25S36 21.75 36 17.75S32 6.625 32 6.625"/><path fill="#f7dece" d="M15 22v6a3 3 0 1 0 6 0v-6zm4.24-19.604c.042-.521.593-.727 1.146-.708c0 0 5.456.311 7.521 1.271C30.522 4.174 32 6.625 32 6.625h-5S25.917 5.104 25.062 4.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48 0c-.042-.521-.593-.727-1.146-.708c0 0-5.456.311-7.521 1.271C5.478 4.174 4 6.625 4 6.625h5s1.083-1.521 1.938-2.125c.881-.623 4.222-1.215 4.719-1.312c.496-.098 1.145-.271 1.103-.792"/><path fill="#c1694f" d="M22 21h-8s1 2 4 2s4-2 4-2m-3-1.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M14 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#292f33" d="M21.906 1.262c-2.02-.654-6.772-.475-7.96 1.069c-3.089.059-6.713 2.851-7.188 6.535c-.47 3.645.578 5.338.951 8.079c.422 3.106 2.168 4.099 3.564 4.515C13.281 24.114 15.415 24 19 24c7 0 10.334-4.684 10.629-12.639c.178-4.812-2.645-8.456-7.723-10.099"/><path fill="#f7dece" d="M25.909 11.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327 1.396 1.455 1.485 2.079s.178 1.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208 1.574-2.792 3.178c-.749.465-1.643 1.5-2.139 3.03C8.889 14.345 9 15.325 9 17c0 4.889 4.029 9 9 9s9-4.147 9-9c0-3.041-.319-4.229-1.091-5.299"/><path fill="#fa743e" d="M32 6.625L29 5l-2 1.625s3 7.25 3 11.125S26.5 27 26.5 27h-17S6 21.625 6 17.75S9 6.625 9 6.625L7 5L4 6.625S0 13.75 0 17.75S5.5 36 5.5 36h25S36 21.75 36 17.75S32 6.625 32 6.625"/><path fill="#f7dece" d="M15 22v6a3 3 0 1 0 6 0v-6zm4.24-19.604c.042-.521.593-.727 1.146-.708c0 0 5.456.311 7.521 1.271C30.522 4.174 32 6.625 32 6.625h-5S25.917 5.104 25.062 4.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48 0c-.042-.521-.593-.727-1.146-.708c0 0-5.456.311-7.521 1.271C5.478 4.174 4 6.625 4 6.625h5s1.083-1.521 1.938-2.125c.881-.623 4.222-1.215 4.719-1.312c.496-.098 1.145-.271 1.103-.792"/><path fill="#c1694f" d="M22 21h-8s1 2 4 2s4-2 4-2m-3-1.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1"/><path fill="#662113" d="M14 16a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1"/></svg>
</template>

CSS

.icon-person-gesturing-ok-light-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%23292f33%22%20d%3D%22M21.906%201.262c-2.02-.654-6.772-.475-7.96%201.069c-3.089.059-6.713%202.851-7.188%206.535c-.47%203.645.578%205.338.951%208.079c.422%203.106%202.168%204.099%203.564%204.515C13.281%2024.114%2015.415%2024%2019%2024c7%200%2010.334-4.684%2010.629-12.639c.178-4.812-2.645-8.456-7.723-10.099%22%2F%3E%3Cpath%20fill%3D%22%23f7dece%22%20d%3D%22M25.909%2011.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327%201.396%201.455%201.485%202.079s.178%201.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208%201.574-2.792%203.178c-.749.465-1.643%201.5-2.139%203.03C8.889%2014.345%209%2015.325%209%2017c0%204.889%204.029%209%209%209s9-4.147%209-9c0-3.041-.319-4.229-1.091-5.299%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M32%206.625L29%205l-2%201.625s3%207.25%203%2011.125S26.5%2027%2026.5%2027h-17S6%2021.625%206%2017.75S9%206.625%209%206.625L7%205L4%206.625S0%2013.75%200%2017.75S5.5%2036%205.5%2036h25S36%2021.75%2036%2017.75S32%206.625%2032%206.625%22%2F%3E%3Cpath%20fill%3D%22%23f7dece%22%20d%3D%22M15%2022v6a3%203%200%201%200%206%200v-6zm4.24-19.604c.042-.521.593-.727%201.146-.708c0%200%205.456.311%207.521%201.271C30.522%204.174%2032%206.625%2032%206.625h-5S25.917%205.104%2025.062%204.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48%200c-.042-.521-.593-.727-1.146-.708c0%200-5.456.311-7.521%201.271C5.478%204.174%204%206.625%204%206.625h5s1.083-1.521%201.938-2.125c.881-.623%204.222-1.215%204.719-1.312c.496-.098%201.145-.271%201.103-.792%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M22%2021h-8s1%202%204%202s4-2%204-2m-3-1.5h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M14%2016a1%201%200%200%201-1-1v-1a1%201%200%200%201%202%200v1a1%201%200%200%201-1%201m8%200a1%201%200%200%201-1-1v-1a1%201%200%200%201%202%200v1a1%201%200%200%201-1%201%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%23292f33%22%20d%3D%22M21.906%201.262c-2.02-.654-6.772-.475-7.96%201.069c-3.089.059-6.713%202.851-7.188%206.535c-.47%203.645.578%205.338.951%208.079c.422%203.106%202.168%204.099%203.564%204.515C13.281%2024.114%2015.415%2024%2019%2024c7%200%2010.334-4.684%2010.629-12.639c.178-4.812-2.645-8.456-7.723-10.099%22%2F%3E%3Cpath%20fill%3D%22%23f7dece%22%20d%3D%22M25.909%2011.701c-.677-.938-1.545-1.693-3.446-1.96c.713.327%201.396%201.455%201.485%202.079s.178%201.129-.386.505c-2.26-2.499-4.722-1.515-7.162-3.041c-1.704-1.066-2.223-2.246-2.223-2.246s-.208%201.574-2.792%203.178c-.749.465-1.643%201.5-2.139%203.03C8.889%2014.345%209%2015.325%209%2017c0%204.889%204.029%209%209%209s9-4.147%209-9c0-3.041-.319-4.229-1.091-5.299%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M32%206.625L29%205l-2%201.625s3%207.25%203%2011.125S26.5%2027%2026.5%2027h-17S6%2021.625%206%2017.75S9%206.625%209%206.625L7%205L4%206.625S0%2013.75%200%2017.75S5.5%2036%205.5%2036h25S36%2021.75%2036%2017.75S32%206.625%2032%206.625%22%2F%3E%3Cpath%20fill%3D%22%23f7dece%22%20d%3D%22M15%2022v6a3%203%200%201%200%206%200v-6zm4.24-19.604c.042-.521.593-.727%201.146-.708c0%200%205.456.311%207.521%201.271C30.522%204.174%2032%206.625%2032%206.625h-5S25.917%205.104%2025.062%204.5c-.881-.623-4.222-1.215-4.719-1.312s-1.145-.271-1.103-.792m-2.48%200c-.042-.521-.593-.727-1.146-.708c0%200-5.456.311-7.521%201.271C5.478%204.174%204%206.625%204%206.625h5s1.083-1.521%201.938-2.125c.881-.623%204.222-1.215%204.719-1.312c.496-.098%201.145-.271%201.103-.792%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M22%2021h-8s1%202%204%202s4-2%204-2m-3-1.5h-2a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M14%2016a1%201%200%200%201-1-1v-1a1%201%200%200%201%202%200v1a1%201%200%200%201-1%201m8%200a1%201%200%200%201-1-1v-1a1%201%200%200%201%202%200v1a1%201%200%200%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/person-gesturing-ok-light-skin-tone.svg?color=%231a73e8&size=48