person frowning emoji

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

Name
person-frowning-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)

person-frowningperson-frowning-dark-skin-toneperson-frowning-light-skin-toneperson-frowning-medium-dark-skin-toneperson-frowning-medium-light-skin-tone

The same emoji in other sets

person-frowningFluent Emojiperson-frowningFluent Emoji Flatperson-frowningFluent Emoji High Contrastperson-frowningNoto Emojiperson-frowningOpenMojiperson-frowningTwitter 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 frowning emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M32 2C17.5 2 9.6 11 9.6 22.9V60h44.8V22.9c0-17.7-12.1-17.4-12.1-17.4S41.4 2 32 2"/><path fill="#b386e2" d="M42 49.1V42H22v7.1C9.5 49.4 7 51.5 7 62h50c0-10.5-2.5-12.6-15-12.9"/><path fill="#d6a57c" d="M15.8 32.9s-3.3-.8-3.3-5.7c0-3.8 2.5-4.5 2.5-4.5c8.8 0 23.2-11.5 23.2-11.5s5.4 10.1 10.7 11.5c0 0 2.5.5 2.5 4.5c0 4.8-3.4 5.7-3.4 5.7C48 40.2 38 49 32 49c-6.1 0-16.2-8.8-16.2-16.1"/><path fill="#664e27" d="M26 43c-.1-.1-.2-.2-.2-.3c0-.8 2.7-1.7 6.1-1.7s6.1.9 6.1 1.7c0 .1-.1.2-.1.3c0 0-2.7-.7-6-.7S26 43 26 43"/><path fill="#fff" d="M45.4 28.4c0 2.8-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s9.8-2.7 9.8 0m-26.8-.3c0 2.8 2.2 4.9 4.9 4.9s4.9-2.2 4.9-4.9s-9.8-2.7-9.8 0"/><circle cx="23.5" cy="29.9" r="3.1" fill="#664e27"/><circle cx="23.5" cy="29.9" r="1" fill="#231f20"/><circle cx="40.5" cy="30.2" r="3.1" fill="#664e27"/><g fill="#231f20"><circle cx="40.5" cy="30.2" r="1"/><path d="M17.2 28.2c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7m17 0c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7"/></g><path fill="#b58360" d="M32 39c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/></svg>

React

import type { SVGProps } from "react";

export function EmojionePersonFrowningMediumSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M32 2C17.5 2 9.6 11 9.6 22.9V60h44.8V22.9c0-17.7-12.1-17.4-12.1-17.4S41.4 2 32 2"/><path fill="#b386e2" d="M42 49.1V42H22v7.1C9.5 49.4 7 51.5 7 62h50c0-10.5-2.5-12.6-15-12.9"/><path fill="#d6a57c" d="M15.8 32.9s-3.3-.8-3.3-5.7c0-3.8 2.5-4.5 2.5-4.5c8.8 0 23.2-11.5 23.2-11.5s5.4 10.1 10.7 11.5c0 0 2.5.5 2.5 4.5c0 4.8-3.4 5.7-3.4 5.7C48 40.2 38 49 32 49c-6.1 0-16.2-8.8-16.2-16.1"/><path fill="#664e27" d="M26 43c-.1-.1-.2-.2-.2-.3c0-.8 2.7-1.7 6.1-1.7s6.1.9 6.1 1.7c0 .1-.1.2-.1.3c0 0-2.7-.7-6-.7S26 43 26 43"/><path fill="#fff" d="M45.4 28.4c0 2.8-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s9.8-2.7 9.8 0m-26.8-.3c0 2.8 2.2 4.9 4.9 4.9s4.9-2.2 4.9-4.9s-9.8-2.7-9.8 0"/><circle cx="23.5" cy="29.9" r="3.1" fill="#664e27"/><circle cx="23.5" cy="29.9" r="1" fill="#231f20"/><circle cx="40.5" cy="30.2" r="3.1" fill="#664e27"/><g fill="#231f20"><circle cx="40.5" cy="30.2" r="1"/><path d="M17.2 28.2c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7m17 0c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7"/></g><path fill="#b58360" d="M32 39c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#594640" d="M32 2C17.5 2 9.6 11 9.6 22.9V60h44.8V22.9c0-17.7-12.1-17.4-12.1-17.4S41.4 2 32 2"/><path fill="#b386e2" d="M42 49.1V42H22v7.1C9.5 49.4 7 51.5 7 62h50c0-10.5-2.5-12.6-15-12.9"/><path fill="#d6a57c" d="M15.8 32.9s-3.3-.8-3.3-5.7c0-3.8 2.5-4.5 2.5-4.5c8.8 0 23.2-11.5 23.2-11.5s5.4 10.1 10.7 11.5c0 0 2.5.5 2.5 4.5c0 4.8-3.4 5.7-3.4 5.7C48 40.2 38 49 32 49c-6.1 0-16.2-8.8-16.2-16.1"/><path fill="#664e27" d="M26 43c-.1-.1-.2-.2-.2-.3c0-.8 2.7-1.7 6.1-1.7s6.1.9 6.1 1.7c0 .1-.1.2-.1.3c0 0-2.7-.7-6-.7S26 43 26 43"/><path fill="#fff" d="M45.4 28.4c0 2.8-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s9.8-2.7 9.8 0m-26.8-.3c0 2.8 2.2 4.9 4.9 4.9s4.9-2.2 4.9-4.9s-9.8-2.7-9.8 0"/><circle cx="23.5" cy="29.9" r="3.1" fill="#664e27"/><circle cx="23.5" cy="29.9" r="1" fill="#231f20"/><circle cx="40.5" cy="30.2" r="3.1" fill="#664e27"/><g fill="#231f20"><circle cx="40.5" cy="30.2" r="1"/><path d="M17.2 28.2c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7m17 0c-.1-.1-.2-.2-.2-.3c0-.8 2.9-1.8 6.5-1.8s6.5 1 6.5 1.8c0 .1-.1.2-.2.3c0 0-2.8-.7-6.3-.7s-6.3.7-6.3.7"/></g><path fill="#b58360" d="M32 39c-3.2 0-4.8-2.3-3.2-2.3h6.4c1.6 0 0 2.3-3.2 2.3"/></svg>
</template>

CSS

.icon-person-frowning-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%23594640%22%20d%3D%22M32%202C17.5%202%209.6%2011%209.6%2022.9V60h44.8V22.9c0-17.7-12.1-17.4-12.1-17.4S41.4%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23b386e2%22%20d%3D%22M42%2049.1V42H22v7.1C9.5%2049.4%207%2051.5%207%2062h50c0-10.5-2.5-12.6-15-12.9%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M15.8%2032.9s-3.3-.8-3.3-5.7c0-3.8%202.5-4.5%202.5-4.5c8.8%200%2023.2-11.5%2023.2-11.5s5.4%2010.1%2010.7%2011.5c0%200%202.5.5%202.5%204.5c0%204.8-3.4%205.7-3.4%205.7C48%2040.2%2038%2049%2032%2049c-6.1%200-16.2-8.8-16.2-16.1%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M26%2043c-.1-.1-.2-.2-.2-.3c0-.8%202.7-1.7%206.1-1.7s6.1.9%206.1%201.7c0%20.1-.1.2-.1.3c0%200-2.7-.7-6-.7S26%2043%2026%2043%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.4%2028.4c0%202.8-2.2%204.9-4.9%204.9s-4.9-2.2-4.9-4.9s9.8-2.7%209.8%200m-26.8-.3c0%202.8%202.2%204.9%204.9%204.9s4.9-2.2%204.9-4.9s-9.8-2.7-9.8%200%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2229.9%22%20r%3D%223.1%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2229.9%22%20r%3D%221%22%20fill%3D%22%23231f20%22%2F%3E%3Ccircle%20cx%3D%2240.5%22%20cy%3D%2230.2%22%20r%3D%223.1%22%20fill%3D%22%23664e27%22%2F%3E%3Cg%20fill%3D%22%23231f20%22%3E%3Ccircle%20cx%3D%2240.5%22%20cy%3D%2230.2%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M17.2%2028.2c-.1-.1-.2-.2-.2-.3c0-.8%202.9-1.8%206.5-1.8s6.5%201%206.5%201.8c0%20.1-.1.2-.2.3c0%200-2.8-.7-6.3-.7s-6.3.7-6.3.7m17%200c-.1-.1-.2-.2-.2-.3c0-.8%202.9-1.8%206.5-1.8s6.5%201%206.5%201.8c0%20.1-.1.2-.2.3c0%200-2.8-.7-6.3-.7s-6.3.7-6.3.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M32%2039c-3.2%200-4.8-2.3-3.2-2.3h6.4c1.6%200%200%202.3-3.2%202.3%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%23594640%22%20d%3D%22M32%202C17.5%202%209.6%2011%209.6%2022.9V60h44.8V22.9c0-17.7-12.1-17.4-12.1-17.4S41.4%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23b386e2%22%20d%3D%22M42%2049.1V42H22v7.1C9.5%2049.4%207%2051.5%207%2062h50c0-10.5-2.5-12.6-15-12.9%22%2F%3E%3Cpath%20fill%3D%22%23d6a57c%22%20d%3D%22M15.8%2032.9s-3.3-.8-3.3-5.7c0-3.8%202.5-4.5%202.5-4.5c8.8%200%2023.2-11.5%2023.2-11.5s5.4%2010.1%2010.7%2011.5c0%200%202.5.5%202.5%204.5c0%204.8-3.4%205.7-3.4%205.7C48%2040.2%2038%2049%2032%2049c-6.1%200-16.2-8.8-16.2-16.1%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M26%2043c-.1-.1-.2-.2-.2-.3c0-.8%202.7-1.7%206.1-1.7s6.1.9%206.1%201.7c0%20.1-.1.2-.1.3c0%200-2.7-.7-6-.7S26%2043%2026%2043%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M45.4%2028.4c0%202.8-2.2%204.9-4.9%204.9s-4.9-2.2-4.9-4.9s9.8-2.7%209.8%200m-26.8-.3c0%202.8%202.2%204.9%204.9%204.9s4.9-2.2%204.9-4.9s-9.8-2.7-9.8%200%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2229.9%22%20r%3D%223.1%22%20fill%3D%22%23664e27%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2229.9%22%20r%3D%221%22%20fill%3D%22%23231f20%22%2F%3E%3Ccircle%20cx%3D%2240.5%22%20cy%3D%2230.2%22%20r%3D%223.1%22%20fill%3D%22%23664e27%22%2F%3E%3Cg%20fill%3D%22%23231f20%22%3E%3Ccircle%20cx%3D%2240.5%22%20cy%3D%2230.2%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M17.2%2028.2c-.1-.1-.2-.2-.2-.3c0-.8%202.9-1.8%206.5-1.8s6.5%201%206.5%201.8c0%20.1-.1.2-.2.3c0%200-2.8-.7-6.3-.7s-6.3.7-6.3.7m17%200c-.1-.1-.2-.2-.2-.3c0-.8%202.9-1.8%206.5-1.8s6.5%201%206.5%201.8c0%20.1-.1.2-.2.3c0%200-2.8-.7-6.3-.7s-6.3.7-6.3.7%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23b58360%22%20d%3D%22M32%2039c-3.2%200-4.8-2.3-3.2-2.3h6.4c1.6%200%200%202.3-3.2%202.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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