person emoji
person-medium-skin-tone from Twitter Emoji by Twitter · Medium skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- person-medium-skin-tone
- Set
- Twitter Emoji
- Style
- Medium 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
personAkar IconspersonBootstrap IconspersonCarbonpersonCodiconsperson-fillEva IconspersonFramework7 IconspersonFont Awesome 6 SolidpersonFont Awesome Solidperson-12-filledFluent UI System Iconsperson-16Fluent UI System Color IconspersonFluent EmojipersonFluent Emoji FlatpersonFluent Emoji High ContrastpersonHealth IconspersonIonIconspersonMaterial Line IconspersonMaterial SymbolspersonMaterial Symbols LightpersonNoto EmojipersonOcticonspersonOpenMojipersonPhosphorpersonRadix Icons
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 emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#963b22" d="M23.111 2.081c-2.638-.853-8.844-.621-10.395 1.396c-4.034.078-8.766 3.724-9.387 8.534c-.614 4.76.754 6.971 1.241 10.551c.552 4.056 2.832 5.353 4.655 5.896c2.623 3.465 5.411 3.317 10.092 3.317c9.141 0 13.495-6.116 13.88-16.505c.232-6.284-3.454-11.043-10.086-13.189"/><path fill="#d4ab88" d="M28.339 15.713c-.884-1.225-2.017-2.211-4.499-2.56c.931.427 1.823 1.901 1.939 2.715c.116.815.233 1.474-.504.659c-2.952-3.263-6.167-1.978-9.354-3.972c-2.226-1.392-2.903-2.933-2.903-2.933s-.272 2.056-3.646 4.15c-.978.607-2.145 1.959-2.793 3.956c-.465 1.435-.321 2.715-.321 4.903c0 6.385 5.262 11.753 11.753 11.753s11.753-5.415 11.753-11.753c0-3.97-.416-5.521-1.425-6.918"/><path fill="#c1694f" d="M18 31c-2.347 0-3.575-1.16-3.707-1.293a.999.999 0 0 1 1.404-1.424c.051.047.806.717 2.303.717c1.519 0 2.273-.69 2.305-.719a1.01 1.01 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPersonMediumSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#963b22" d="M23.111 2.081c-2.638-.853-8.844-.621-10.395 1.396c-4.034.078-8.766 3.724-9.387 8.534c-.614 4.76.754 6.971 1.241 10.551c.552 4.056 2.832 5.353 4.655 5.896c2.623 3.465 5.411 3.317 10.092 3.317c9.141 0 13.495-6.116 13.88-16.505c.232-6.284-3.454-11.043-10.086-13.189"/><path fill="#d4ab88" d="M28.339 15.713c-.884-1.225-2.017-2.211-4.499-2.56c.931.427 1.823 1.901 1.939 2.715c.116.815.233 1.474-.504.659c-2.952-3.263-6.167-1.978-9.354-3.972c-2.226-1.392-2.903-2.933-2.903-2.933s-.272 2.056-3.646 4.15c-.978.607-2.145 1.959-2.793 3.956c-.465 1.435-.321 2.715-.321 4.903c0 6.385 5.262 11.753 11.753 11.753s11.753-5.415 11.753-11.753c0-3.97-.416-5.521-1.425-6.918"/><path fill="#c1694f" d="M18 31c-2.347 0-3.575-1.16-3.707-1.293a.999.999 0 0 1 1.404-1.424c.051.047.806.717 2.303.717c1.519 0 2.273-.69 2.305-.719a1.01 1.01 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 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="#963b22" d="M23.111 2.081c-2.638-.853-8.844-.621-10.395 1.396c-4.034.078-8.766 3.724-9.387 8.534c-.614 4.76.754 6.971 1.241 10.551c.552 4.056 2.832 5.353 4.655 5.896c2.623 3.465 5.411 3.317 10.092 3.317c9.141 0 13.495-6.116 13.88-16.505c.232-6.284-3.454-11.043-10.086-13.189"/><path fill="#d4ab88" d="M28.339 15.713c-.884-1.225-2.017-2.211-4.499-2.56c.931.427 1.823 1.901 1.939 2.715c.116.815.233 1.474-.504.659c-2.952-3.263-6.167-1.978-9.354-3.972c-2.226-1.392-2.903-2.933-2.903-2.933s-.272 2.056-3.646 4.15c-.978.607-2.145 1.959-2.793 3.956c-.465 1.435-.321 2.715-.321 4.903c0 6.385 5.262 11.753 11.753 11.753s11.753-5.415 11.753-11.753c0-3.97-.416-5.521-1.425-6.918"/><path fill="#c1694f" d="M18 31c-2.347 0-3.575-1.16-3.707-1.293a.999.999 0 0 1 1.404-1.424c.051.047.806.717 2.303.717c1.519 0 2.273-.69 2.305-.719a1.01 1.01 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31m1-5h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#662113" d="M13 22a1 1 0 0 1-1-1v-2a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1m10 0a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1"/></svg> </template>
CSS
.icon-person-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%2036%2036%22%3E%3Cpath%20fill%3D%22%23963b22%22%20d%3D%22M23.111%202.081c-2.638-.853-8.844-.621-10.395%201.396c-4.034.078-8.766%203.724-9.387%208.534c-.614%204.76.754%206.971%201.241%2010.551c.552%204.056%202.832%205.353%204.655%205.896c2.623%203.465%205.411%203.317%2010.092%203.317c9.141%200%2013.495-6.116%2013.88-16.505c.232-6.284-3.454-11.043-10.086-13.189%22%2F%3E%3Cpath%20fill%3D%22%23d4ab88%22%20d%3D%22M28.339%2015.713c-.884-1.225-2.017-2.211-4.499-2.56c.931.427%201.823%201.901%201.939%202.715c.116.815.233%201.474-.504.659c-2.952-3.263-6.167-1.978-9.354-3.972c-2.226-1.392-2.903-2.933-2.903-2.933s-.272%202.056-3.646%204.15c-.978.607-2.145%201.959-2.793%203.956c-.465%201.435-.321%202.715-.321%204.903c0%206.385%205.262%2011.753%2011.753%2011.753s11.753-5.415%2011.753-11.753c0-3.97-.416-5.521-1.425-6.918%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18%2031c-2.347%200-3.575-1.16-3.707-1.293a.999.999%200%200%201%201.404-1.424c.051.047.806.717%202.303.717c1.519%200%202.273-.69%202.305-.719a1.01%201.01%200%200%201%201.408.029a.994.994%200%200%201-.006%201.397C21.575%2029.84%2020.347%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%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%23963b22%22%20d%3D%22M23.111%202.081c-2.638-.853-8.844-.621-10.395%201.396c-4.034.078-8.766%203.724-9.387%208.534c-.614%204.76.754%206.971%201.241%2010.551c.552%204.056%202.832%205.353%204.655%205.896c2.623%203.465%205.411%203.317%2010.092%203.317c9.141%200%2013.495-6.116%2013.88-16.505c.232-6.284-3.454-11.043-10.086-13.189%22%2F%3E%3Cpath%20fill%3D%22%23d4ab88%22%20d%3D%22M28.339%2015.713c-.884-1.225-2.017-2.211-4.499-2.56c.931.427%201.823%201.901%201.939%202.715c.116.815.233%201.474-.504.659c-2.952-3.263-6.167-1.978-9.354-3.972c-2.226-1.392-2.903-2.933-2.903-2.933s-.272%202.056-3.646%204.15c-.978.607-2.145%201.959-2.793%203.956c-.465%201.435-.321%202.715-.321%204.903c0%206.385%205.262%2011.753%2011.753%2011.753s11.753-5.415%2011.753-11.753c0-3.97-.416-5.521-1.425-6.918%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18%2031c-2.347%200-3.575-1.16-3.707-1.293a.999.999%200%200%201%201.404-1.424c.051.047.806.717%202.303.717c1.519%200%202.273-.69%202.305-.719a1.01%201.01%200%200%201%201.408.029a.994.994%200%200%201-.006%201.397C21.575%2029.84%2020.347%2031%2018%2031m1-5h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2022a1%201%200%200%201-1-1v-2a1%201%200%200%201%202%200v2a1%201%200%200%201-1%201m10%200a1%201%200%200%201-1-1v-2a1%201%200%201%201%202%200v2a1%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-medium-skin-tone.svg?color=%231a73e8&size=48
