princess emoji

princess-medium-light-skin-tone from Twitter Emoji by Twitter · Medium-light skin tone · People & Body · CC-BY-4.0 Attribution required.

Name
princess-medium-light-skin-tone
Set
Twitter Emoji
Style
Medium-light skin tone
Category
People & Body
Viewbox
36×36
License
CC BY 4.0

5 other variants in Twitter Emoji

princessprincess-dark-skin-toneprincess-light-skin-toneprincess-medium-dark-skin-toneprincess-medium-skin-tone

The same emoji in other sets

princessEmoji One (Colored)princessFluent Emoji FlatprincessFluent Emoji High ContrastprincessFirefox OS EmojiprincessNoto EmojiprincessOpenMoji

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 princess emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffe51e" d="M18 4c6 0 16 3 16 16s0 16-3 16s-7-3-13-3s-9.915 3-13 3c-3.343 0-3-12-3-16C2 7 12 4 18 4"/><path fill="#f3d2a2" d="M6 19.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438S24.627 35 18 35S6 28.088 6 19.562"/><path fill="#df1f32" 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.006 1.006 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31"/><path fill="#c1694f" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M3.064 25c-.03-.325-.064-.647-.064-1c0-5 3 .562 3-3s2-4 4-6l3-3s5 3 9 3s8 2 8 6s3-2 3 3c0 .355-.033.673-.058 1h1.049C34 23.523 34 21.868 34 20C34 7 24 2 18 2S2 7 2 20c0 1.158-.028 2.986.012 5z"/><path fill="#a7a9ac" d="M8 6h20V5l-3-1l-2-3l-3 1l-2-2l-2 2l-3-1l-2 3l-3 1z"/><ellipse cx="18" cy="3.5" fill="#f1f2f2" rx="1" ry="1.5"/><circle cx="14" cy="4" r="1" fill="#f1f2f2"/><circle cx="22" cy="4" r="1" fill="#f1f2f2"/><path fill="#662113" d="M13 23a1 1 0 0 1-1-1v-2a1 1 0 1 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 TwemojiPrincessMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffe51e" d="M18 4c6 0 16 3 16 16s0 16-3 16s-7-3-13-3s-9.915 3-13 3c-3.343 0-3-12-3-16C2 7 12 4 18 4"/><path fill="#f3d2a2" d="M6 19.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438S24.627 35 18 35S6 28.088 6 19.562"/><path fill="#df1f32" 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.006 1.006 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31"/><path fill="#c1694f" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M3.064 25c-.03-.325-.064-.647-.064-1c0-5 3 .562 3-3s2-4 4-6l3-3s5 3 9 3s8 2 8 6s3-2 3 3c0 .355-.033.673-.058 1h1.049C34 23.523 34 21.868 34 20C34 7 24 2 18 2S2 7 2 20c0 1.158-.028 2.986.012 5z"/><path fill="#a7a9ac" d="M8 6h20V5l-3-1l-2-3l-3 1l-2-2l-2 2l-3-1l-2 3l-3 1z"/><ellipse cx="18" cy="3.5" fill="#f1f2f2" rx="1" ry="1.5"/><circle cx="14" cy="4" r="1" fill="#f1f2f2"/><circle cx="22" cy="4" r="1" fill="#f1f2f2"/><path fill="#662113" d="M13 23a1 1 0 0 1-1-1v-2a1 1 0 1 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="#ffe51e" d="M18 4c6 0 16 3 16 16s0 16-3 16s-7-3-13-3s-9.915 3-13 3c-3.343 0-3-12-3-16C2 7 12 4 18 4"/><path fill="#f3d2a2" d="M6 19.562c0-8.526 5.373-15.438 12-15.438s12 6.912 12 15.438S24.627 35 18 35S6 28.088 6 19.562"/><path fill="#df1f32" 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.006 1.006 0 0 1 1.408.029a.994.994 0 0 1-.006 1.397C21.575 29.84 20.347 31 18 31"/><path fill="#c1694f" d="M19 26h-2a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2"/><path fill="#ffe51e" d="M3.064 25c-.03-.325-.064-.647-.064-1c0-5 3 .562 3-3s2-4 4-6l3-3s5 3 9 3s8 2 8 6s3-2 3 3c0 .355-.033.673-.058 1h1.049C34 23.523 34 21.868 34 20C34 7 24 2 18 2S2 7 2 20c0 1.158-.028 2.986.012 5z"/><path fill="#a7a9ac" d="M8 6h20V5l-3-1l-2-3l-3 1l-2-2l-2 2l-3-1l-2 3l-3 1z"/><ellipse cx="18" cy="3.5" fill="#f1f2f2" rx="1" ry="1.5"/><circle cx="14" cy="4" r="1" fill="#f1f2f2"/><circle cx="22" cy="4" r="1" fill="#f1f2f2"/><path fill="#662113" d="M13 23a1 1 0 0 1-1-1v-2a1 1 0 1 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-princess-medium-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%23ffe51e%22%20d%3D%22M18%204c6%200%2016%203%2016%2016s0%2016-3%2016s-7-3-13-3s-9.915%203-13%203c-3.343%200-3-12-3-16C2%207%2012%204%2018%204%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M6%2019.562c0-8.526%205.373-15.438%2012-15.438s12%206.912%2012%2015.438S24.627%2035%2018%2035S6%2028.088%206%2019.562%22%2F%3E%3Cpath%20fill%3D%22%23df1f32%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.006%201.006%200%200%201%201.408.029a.994.994%200%200%201-.006%201.397C21.575%2029.84%2020.347%2031%2018%2031%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M19%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M3.064%2025c-.03-.325-.064-.647-.064-1c0-5%203%20.562%203-3s2-4%204-6l3-3s5%203%209%203s8%202%208%206s3-2%203%203c0%20.355-.033.673-.058%201h1.049C34%2023.523%2034%2021.868%2034%2020C34%207%2024%202%2018%202S2%207%202%2020c0%201.158-.028%202.986.012%205z%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M8%206h20V5l-3-1l-2-3l-3%201l-2-2l-2%202l-3-1l-2%203l-3%201z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223.5%22%20fill%3D%22%23f1f2f2%22%20rx%3D%221%22%20ry%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2023a1%201%200%200%201-1-1v-2a1%201%200%201%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%23ffe51e%22%20d%3D%22M18%204c6%200%2016%203%2016%2016s0%2016-3%2016s-7-3-13-3s-9.915%203-13%203c-3.343%200-3-12-3-16C2%207%2012%204%2018%204%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M6%2019.562c0-8.526%205.373-15.438%2012-15.438s12%206.912%2012%2015.438S24.627%2035%2018%2035S6%2028.088%206%2019.562%22%2F%3E%3Cpath%20fill%3D%22%23df1f32%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.006%201.006%200%200%201%201.408.029a.994.994%200%200%201-.006%201.397C21.575%2029.84%2020.347%2031%2018%2031%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M19%2026h-2a1%201%200%201%201%200-2h2a1%201%200%201%201%200%202%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M3.064%2025c-.03-.325-.064-.647-.064-1c0-5%203%20.562%203-3s2-4%204-6l3-3s5%203%209%203s8%202%208%206s3-2%203%203c0%20.355-.033.673-.058%201h1.049C34%2023.523%2034%2021.868%2034%2020C34%207%2024%202%2018%202S2%207%202%2020c0%201.158-.028%202.986.012%205z%22%2F%3E%3Cpath%20fill%3D%22%23a7a9ac%22%20d%3D%22M8%206h20V5l-3-1l-2-3l-3%201l-2-2l-2%202l-3-1l-2%203l-3%201z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223.5%22%20fill%3D%22%23f1f2f2%22%20rx%3D%221%22%20ry%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%224%22%20r%3D%221%22%20fill%3D%22%23f1f2f2%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M13%2023a1%201%200%200%201-1-1v-2a1%201%200%201%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/princess-medium-light-skin-tone.svg?color=%231a73e8&size=48