person gesturing ok emoji

person-gesturing-ok from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
person-gesturing-ok
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

5 other variants in Emoji One (Colored)

person-gesturing-ok-dark-skin-toneperson-gesturing-ok-light-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-okFluent Emojiperson-gesturing-okFluent Emoji Flatperson-gesturing-okFluent Emoji High Contrastperson-gesturing-okNoto Emojiperson-gesturing-okOpenMojiperson-gesturing-okTwitter 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 person gesturing ok emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="M32 2C17.3 2 9.3 11.2 9.3 23.3v26.9h45.3V23.3c0-18-12.3-17.7-12.3-17.7S41.5 2 32 2"/><path fill="#ffdd67" d="M31.2 3.2c0-.7-5-.6-6.5-.6c-2.6 0-9.8 3.8-9.8 3.8s3.2 4 4.8 4c2.2 0 4.4-1.5 4.4-3.6c0-1.6 7.1-1.5 7.1-3.6m1.6 0c0-.7 5-.6 6.5-.6c2.6 0 9.8 3.8 9.8 3.8s-3.2 4-4.8 4c-2.2 0-4.4-1.5-4.4-3.6c0-1.6-7.1-1.5-7.1-3.6"/><path fill="#c28fef" d="M61.7 25.8c-1.3-5.1-7.2-12.1-12.5-20.4l-5.9 5.7s5.7 5.1 9.9 18C50.8 35 47.8 44 43.6 46.7c-2.4-1.2-6.1-1.2-11.6-1.2s-9.2 0-11.6 1.2C16.2 44 13.2 35 10.8 29.1c4.2-12.9 9.9-18 9.9-18l-5.9-5.7C9.4 13.7 3.6 20.7 2.3 25.8C-.1 35.4 13.4 55.1 13.2 62h37.6c-.2-6.9 13.3-26.6 10.9-36.2"/><path fill="#ffdd67" d="M15.3 33.5s-3.4-.9-3.4-5.8c0-3.9 2.5-4.6 2.5-4.6c9.1 0 25.9-11.7 25.9-11.7s3.5 10.3 8.9 11.7c0 0 2.6.5 2.6 4.6c0 4.9-3.5 5.8-3.5 5.8c0 7.4-10.3 16.4-16.5 16.4c-6 0-16.5-8.9-16.5-16.4"/><path fill="#eba352" d="M32 38.4c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/><path fill="#f5f5f5" d="M36.8 31.6c-1.1 0-1-1.4-1-1.4c1.7-8.8 11.5-4.1 11.5-4.1c.8 1.5-1.8 5.3-2.5 5.5c-3.1.8-8 0-8 0"/><circle cx="41.2" cy="28" r="3.5" fill="#664e27"/><circle cx="41.2" cy="28" r="1.2" fill="#2b2925"/><path fill="#3b3226" d="M35.8 30.2c1.7-10.5 10.4-3.5 13.8-5c-3.4 3.2-10.3-3.8-13.8 5"/><path fill="#f5f5f5" d="M27.2 31.6c1.1 0 1-1.4 1-1.4c-1.7-8.8-11.5-4.1-11.5-4.1c-.8 1.5 1.8 5.3 2.5 5.5c3.1.8 8 0 8 0"/><circle cx="22.8" cy="28" r="3.5" fill="#664e27"/><path fill="#3b3226" d="M28.1 30.2c-1.7-10.5-10.4-3.5-13.8-5c3.5 3.2 10.4-3.8 13.8 5"/><path fill="#f09985" d="M32 42.2L24.3 41c4.6 6.6 10.8 6.6 15.4 0z"/><path fill="#d47f6c" d="M35 40.8c-2.3-.9-3 .5-3 .5s-.8-1.4-3-.5c-1.8.7-4.7.3-4.7.3c3.1.7 3.5 1.9 7.7 1.9s4.6-1.3 7.7-1.9c0 0-2.9.4-4.7-.3"/><circle cx="22.8" cy="28" r="1.2" fill="#2b2925"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePersonGesturingOk(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="M32 2C17.3 2 9.3 11.2 9.3 23.3v26.9h45.3V23.3c0-18-12.3-17.7-12.3-17.7S41.5 2 32 2"/><path fill="#ffdd67" d="M31.2 3.2c0-.7-5-.6-6.5-.6c-2.6 0-9.8 3.8-9.8 3.8s3.2 4 4.8 4c2.2 0 4.4-1.5 4.4-3.6c0-1.6 7.1-1.5 7.1-3.6m1.6 0c0-.7 5-.6 6.5-.6c2.6 0 9.8 3.8 9.8 3.8s-3.2 4-4.8 4c-2.2 0-4.4-1.5-4.4-3.6c0-1.6-7.1-1.5-7.1-3.6"/><path fill="#c28fef" d="M61.7 25.8c-1.3-5.1-7.2-12.1-12.5-20.4l-5.9 5.7s5.7 5.1 9.9 18C50.8 35 47.8 44 43.6 46.7c-2.4-1.2-6.1-1.2-11.6-1.2s-9.2 0-11.6 1.2C16.2 44 13.2 35 10.8 29.1c4.2-12.9 9.9-18 9.9-18l-5.9-5.7C9.4 13.7 3.6 20.7 2.3 25.8C-.1 35.4 13.4 55.1 13.2 62h37.6c-.2-6.9 13.3-26.6 10.9-36.2"/><path fill="#ffdd67" d="M15.3 33.5s-3.4-.9-3.4-5.8c0-3.9 2.5-4.6 2.5-4.6c9.1 0 25.9-11.7 25.9-11.7s3.5 10.3 8.9 11.7c0 0 2.6.5 2.6 4.6c0 4.9-3.5 5.8-3.5 5.8c0 7.4-10.3 16.4-16.5 16.4c-6 0-16.5-8.9-16.5-16.4"/><path fill="#eba352" d="M32 38.4c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/><path fill="#f5f5f5" d="M36.8 31.6c-1.1 0-1-1.4-1-1.4c1.7-8.8 11.5-4.1 11.5-4.1c.8 1.5-1.8 5.3-2.5 5.5c-3.1.8-8 0-8 0"/><circle cx="41.2" cy="28" r="3.5" fill="#664e27"/><circle cx="41.2" cy="28" r="1.2" fill="#2b2925"/><path fill="#3b3226" d="M35.8 30.2c1.7-10.5 10.4-3.5 13.8-5c-3.4 3.2-10.3-3.8-13.8 5"/><path fill="#f5f5f5" d="M27.2 31.6c1.1 0 1-1.4 1-1.4c-1.7-8.8-11.5-4.1-11.5-4.1c-.8 1.5 1.8 5.3 2.5 5.5c3.1.8 8 0 8 0"/><circle cx="22.8" cy="28" r="3.5" fill="#664e27"/><path fill="#3b3226" d="M28.1 30.2c-1.7-10.5-10.4-3.5-13.8-5c3.5 3.2 10.4-3.8 13.8 5"/><path fill="#f09985" d="M32 42.2L24.3 41c4.6 6.6 10.8 6.6 15.4 0z"/><path fill="#d47f6c" d="M35 40.8c-2.3-.9-3 .5-3 .5s-.8-1.4-3-.5c-1.8.7-4.7.3-4.7.3c3.1.7 3.5 1.9 7.7 1.9s4.6-1.3 7.7-1.9c0 0-2.9.4-4.7-.3"/><circle cx="22.8" cy="28" r="1.2" fill="#2b2925"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffb300" d="M32 2C17.3 2 9.3 11.2 9.3 23.3v26.9h45.3V23.3c0-18-12.3-17.7-12.3-17.7S41.5 2 32 2"/><path fill="#ffdd67" d="M31.2 3.2c0-.7-5-.6-6.5-.6c-2.6 0-9.8 3.8-9.8 3.8s3.2 4 4.8 4c2.2 0 4.4-1.5 4.4-3.6c0-1.6 7.1-1.5 7.1-3.6m1.6 0c0-.7 5-.6 6.5-.6c2.6 0 9.8 3.8 9.8 3.8s-3.2 4-4.8 4c-2.2 0-4.4-1.5-4.4-3.6c0-1.6-7.1-1.5-7.1-3.6"/><path fill="#c28fef" d="M61.7 25.8c-1.3-5.1-7.2-12.1-12.5-20.4l-5.9 5.7s5.7 5.1 9.9 18C50.8 35 47.8 44 43.6 46.7c-2.4-1.2-6.1-1.2-11.6-1.2s-9.2 0-11.6 1.2C16.2 44 13.2 35 10.8 29.1c4.2-12.9 9.9-18 9.9-18l-5.9-5.7C9.4 13.7 3.6 20.7 2.3 25.8C-.1 35.4 13.4 55.1 13.2 62h37.6c-.2-6.9 13.3-26.6 10.9-36.2"/><path fill="#ffdd67" d="M15.3 33.5s-3.4-.9-3.4-5.8c0-3.9 2.5-4.6 2.5-4.6c9.1 0 25.9-11.7 25.9-11.7s3.5 10.3 8.9 11.7c0 0 2.6.5 2.6 4.6c0 4.9-3.5 5.8-3.5 5.8c0 7.4-10.3 16.4-16.5 16.4c-6 0-16.5-8.9-16.5-16.4"/><path fill="#eba352" d="M32 38.4c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/><path fill="#f5f5f5" d="M36.8 31.6c-1.1 0-1-1.4-1-1.4c1.7-8.8 11.5-4.1 11.5-4.1c.8 1.5-1.8 5.3-2.5 5.5c-3.1.8-8 0-8 0"/><circle cx="41.2" cy="28" r="3.5" fill="#664e27"/><circle cx="41.2" cy="28" r="1.2" fill="#2b2925"/><path fill="#3b3226" d="M35.8 30.2c1.7-10.5 10.4-3.5 13.8-5c-3.4 3.2-10.3-3.8-13.8 5"/><path fill="#f5f5f5" d="M27.2 31.6c1.1 0 1-1.4 1-1.4c-1.7-8.8-11.5-4.1-11.5-4.1c-.8 1.5 1.8 5.3 2.5 5.5c3.1.8 8 0 8 0"/><circle cx="22.8" cy="28" r="3.5" fill="#664e27"/><path fill="#3b3226" d="M28.1 30.2c-1.7-10.5-10.4-3.5-13.8-5c3.5 3.2 10.4-3.8 13.8 5"/><path fill="#f09985" d="M32 42.2L24.3 41c4.6 6.6 10.8 6.6 15.4 0z"/><path fill="#d47f6c" d="M35 40.8c-2.3-.9-3 .5-3 .5s-.8-1.4-3-.5c-1.8.7-4.7.3-4.7.3c3.1.7 3.5 1.9 7.7 1.9s4.6-1.3 7.7-1.9c0 0-2.9.4-4.7-.3"/><circle cx="22.8" cy="28" r="1.2" fill="#2b2925"/></svg>
</template>

CSS

.icon-person-gesturing-ok {
  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%23ffb300%22%20d%3D%22M32%202C17.3%202%209.3%2011.2%209.3%2023.3v26.9h45.3V23.3c0-18-12.3-17.7-12.3-17.7S41.5%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M31.2%203.2c0-.7-5-.6-6.5-.6c-2.6%200-9.8%203.8-9.8%203.8s3.2%204%204.8%204c2.2%200%204.4-1.5%204.4-3.6c0-1.6%207.1-1.5%207.1-3.6m1.6%200c0-.7%205-.6%206.5-.6c2.6%200%209.8%203.8%209.8%203.8s-3.2%204-4.8%204c-2.2%200-4.4-1.5-4.4-3.6c0-1.6-7.1-1.5-7.1-3.6%22%2F%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M61.7%2025.8c-1.3-5.1-7.2-12.1-12.5-20.4l-5.9%205.7s5.7%205.1%209.9%2018C50.8%2035%2047.8%2044%2043.6%2046.7c-2.4-1.2-6.1-1.2-11.6-1.2s-9.2%200-11.6%201.2C16.2%2044%2013.2%2035%2010.8%2029.1c4.2-12.9%209.9-18%209.9-18l-5.9-5.7C9.4%2013.7%203.6%2020.7%202.3%2025.8C-.1%2035.4%2013.4%2055.1%2013.2%2062h37.6c-.2-6.9%2013.3-26.6%2010.9-36.2%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M15.3%2033.5s-3.4-.9-3.4-5.8c0-3.9%202.5-4.6%202.5-4.6c9.1%200%2025.9-11.7%2025.9-11.7s3.5%2010.3%208.9%2011.7c0%200%202.6.5%202.6%204.6c0%204.9-3.5%205.8-3.5%205.8c0%207.4-10.3%2016.4-16.5%2016.4c-6%200-16.5-8.9-16.5-16.4%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M32%2038.4c-3.2%200-4.8-2.3-3.2-2.3h6.4c1.6%200%200%202.3-3.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M36.8%2031.6c-1.1%200-1-1.4-1-1.4c1.7-8.8%2011.5-4.1%2011.5-4.1c.8%201.5-1.8%205.3-2.5%205.5c-3.1.8-8%200-8%200%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2228%22%20r%3D%223.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2228%22%20r%3D%221.2%22%20fill%3D%22%232b2925%22%2F%3E%3Cpath%20fill%3D%22%233b3226%22%20d%3D%22M35.8%2030.2c1.7-10.5%2010.4-3.5%2013.8-5c-3.4%203.2-10.3-3.8-13.8%205%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M27.2%2031.6c1.1%200%201-1.4%201-1.4c-1.7-8.8-11.5-4.1-11.5-4.1c-.8%201.5%201.8%205.3%202.5%205.5c3.1.8%208%200%208%200%22%2F%3E%3Ccircle%20cx%3D%2222.8%22%20cy%3D%2228%22%20r%3D%223.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%233b3226%22%20d%3D%22M28.1%2030.2c-1.7-10.5-10.4-3.5-13.8-5c3.5%203.2%2010.4-3.8%2013.8%205%22%2F%3E%3Cpath%20fill%3D%22%23f09985%22%20d%3D%22M32%2042.2L24.3%2041c4.6%206.6%2010.8%206.6%2015.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23d47f6c%22%20d%3D%22M35%2040.8c-2.3-.9-3%20.5-3%20.5s-.8-1.4-3-.5c-1.8.7-4.7.3-4.7.3c3.1.7%203.5%201.9%207.7%201.9s4.6-1.3%207.7-1.9c0%200-2.9.4-4.7-.3%22%2F%3E%3Ccircle%20cx%3D%2222.8%22%20cy%3D%2228%22%20r%3D%221.2%22%20fill%3D%22%232b2925%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%23ffb300%22%20d%3D%22M32%202C17.3%202%209.3%2011.2%209.3%2023.3v26.9h45.3V23.3c0-18-12.3-17.7-12.3-17.7S41.5%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M31.2%203.2c0-.7-5-.6-6.5-.6c-2.6%200-9.8%203.8-9.8%203.8s3.2%204%204.8%204c2.2%200%204.4-1.5%204.4-3.6c0-1.6%207.1-1.5%207.1-3.6m1.6%200c0-.7%205-.6%206.5-.6c2.6%200%209.8%203.8%209.8%203.8s-3.2%204-4.8%204c-2.2%200-4.4-1.5-4.4-3.6c0-1.6-7.1-1.5-7.1-3.6%22%2F%3E%3Cpath%20fill%3D%22%23c28fef%22%20d%3D%22M61.7%2025.8c-1.3-5.1-7.2-12.1-12.5-20.4l-5.9%205.7s5.7%205.1%209.9%2018C50.8%2035%2047.8%2044%2043.6%2046.7c-2.4-1.2-6.1-1.2-11.6-1.2s-9.2%200-11.6%201.2C16.2%2044%2013.2%2035%2010.8%2029.1c4.2-12.9%209.9-18%209.9-18l-5.9-5.7C9.4%2013.7%203.6%2020.7%202.3%2025.8C-.1%2035.4%2013.4%2055.1%2013.2%2062h37.6c-.2-6.9%2013.3-26.6%2010.9-36.2%22%2F%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M15.3%2033.5s-3.4-.9-3.4-5.8c0-3.9%202.5-4.6%202.5-4.6c9.1%200%2025.9-11.7%2025.9-11.7s3.5%2010.3%208.9%2011.7c0%200%202.6.5%202.6%204.6c0%204.9-3.5%205.8-3.5%205.8c0%207.4-10.3%2016.4-16.5%2016.4c-6%200-16.5-8.9-16.5-16.4%22%2F%3E%3Cpath%20fill%3D%22%23eba352%22%20d%3D%22M32%2038.4c-3.2%200-4.8-2.3-3.2-2.3h6.4c1.6%200%200%202.3-3.2%202.3%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M36.8%2031.6c-1.1%200-1-1.4-1-1.4c1.7-8.8%2011.5-4.1%2011.5-4.1c.8%201.5-1.8%205.3-2.5%205.5c-3.1.8-8%200-8%200%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2228%22%20r%3D%223.5%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2241.2%22%20cy%3D%2228%22%20r%3D%221.2%22%20fill%3D%22%232b2925%22%2F%3E%3Cpath%20fill%3D%22%233b3226%22%20d%3D%22M35.8%2030.2c1.7-10.5%2010.4-3.5%2013.8-5c-3.4%203.2-10.3-3.8-13.8%205%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M27.2%2031.6c1.1%200%201-1.4%201-1.4c-1.7-8.8-11.5-4.1-11.5-4.1c-.8%201.5%201.8%205.3%202.5%205.5c3.1.8%208%200%208%200%22%2F%3E%3Ccircle%20cx%3D%2222.8%22%20cy%3D%2228%22%20r%3D%223.5%22%20fill%3D%22%23664e27%22%2F%3E%3Cpath%20fill%3D%22%233b3226%22%20d%3D%22M28.1%2030.2c-1.7-10.5-10.4-3.5-13.8-5c3.5%203.2%2010.4-3.8%2013.8%205%22%2F%3E%3Cpath%20fill%3D%22%23f09985%22%20d%3D%22M32%2042.2L24.3%2041c4.6%206.6%2010.8%206.6%2015.4%200z%22%2F%3E%3Cpath%20fill%3D%22%23d47f6c%22%20d%3D%22M35%2040.8c-2.3-.9-3%20.5-3%20.5s-.8-1.4-3-.5c-1.8.7-4.7.3-4.7.3c3.1.7%203.5%201.9%207.7%201.9s4.6-1.3%207.7-1.9c0%200-2.9.4-4.7-.3%22%2F%3E%3Ccircle%20cx%3D%2222.8%22%20cy%3D%2228%22%20r%3D%221.2%22%20fill%3D%22%232b2925%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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