Princess icon

openmoji:princess

The Princess icon (openmoji:princess) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: OpenMoji
Author: OpenMoji
License: CC-BY-SA-4.0
Size: 72 × 72
Category: People Body

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ffa7c0" d="M50.058 58.84c0-4.012 3.863-8.127 3.863-8.127l-2.108-3.357c-4.425-.48-6.06 8.766-6.06 8.766c-3.681-4.637-9.89.17-9.89.17s-6.37-4.807-10.053-.17c0 0-1.634-9.246-6.059-8.766l-2.108 3.357s3.863 4.115 3.863 8.127z"/><path fill="#fcea2b" d="m31.44 17.56l.002-9.743l3.115 2.652l1.415-3.546l1.469 3.409l2.844-2.515v9.743z"/><g fill="#f4aa41"><path d="M44.662 14.18q-2.052-1.32-4.104-2.015l-.273 5.395h-8.67l.032-5.473q-2.17.697-4.339 2.094c-15.312 15.276 6.616 9.822 8.677 4.545c2.06 5.277 23.989 10.731 8.677-4.545"/><path d="M23.813 44.829a12 12 0 0 1 3.112-.389c3.17 2.105 5.89 3.56 8.937 3.574C38.91 48 41.63 46.544 44.8 44.44c1.24 0 2.324.16 3.283.437a34 34 0 0 0 2.15-1.7c3.197-3.58.302-14.826-.926-19.006q-13.324-12.474-26.65 0c-1.228 4.18-4.123 15.425-.925 19.006c.693.599 1.387 1.14 2.081 1.652"/></g><path fill="#fcea2b" d="M17.7 50.775c-1.354 3.863-.775 8.062-.775 8.062h4.581c-.001-3.733-3.343-7.55-3.806-8.062m27.1-6.335c-3.17 2.105-5.89 3.56-8.937 3.574c-3.049-.014-5.768-1.47-8.938-3.574c-5.316 0-7.881 2.825-9.093 5.973l1.92-3.057c4.424-.48 6.058 8.766 6.058 8.766c3.682-4.637 10.052.17 10.052.17s6.21-4.807 9.892-.17c0 0 1.634-9.246 6.059-8.766l2.108 3.357s-3.862 4.114-3.863 8.124H54.8s2-14.397-10-14.397m-8.787-25.06s3.524 5.175 11.1 5.756c.157.938.239 1.91.239 2.907c0 7.827-5.077 14.173-11.339 14.173S24.675 35.87 24.675 28.043c0-1.011.084-1.997.245-2.948c7.065-1.269 11.093-5.715 11.093-5.715"/><path d="M41.985 26.98a2 2 0 1 1-4.001 0a2 2 0 0 1 4.001 0m-8 0a2 2 0 1 1-4.001 0a2 2 0 0 1 4.001 0m2 10.003c-1.152 0-2.304-.286-3.447-.858a1 1 0 1 1 .894-1.789c1.718.86 3.388.86 5.106 0a1 1 0 0 1 .894 1.79c-1.143.571-2.295.857-3.447.857"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M24.967 24.98a17.6 17.6 0 0 0-.32 3.362c0 7.827 5.076 14.173 11.338 14.173s11.338-6.346 11.338-14.173c0-1.159-.11-2.284-.32-3.362"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.925 57.834s-2-13 10-13c3.192 2.128 5.926 3.598 9 3.592H35.8c3.074.006 5.808-1.464 9-3.592c12 0 10 13 10 13M31.44 17.56l.002-9.743l3.115 2.652l1.415-3.546l1.469 3.409l2.844-2.515v9.743z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M17.643 50.713s3.863 3.115 3.863 7.127m30.307-10.484c-4.425-.48-6.06 8.766-6.06 8.766c-3.681-4.637-9.89.17-9.89.17s-6.37-4.807-10.053-.17c0 0-1.634-9.246-6.059-8.766m34.169 3.357s-3.862 3.125-3.862 7.137M44.27 15.055c14.568 14.536-6.296 9.346-8.257 4.325c-1.96 5.021-22.825 10.21-8.256-4.325"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M23.056 23.826c-1.19 4.054-3.998 14.961-.898 18.434m26.746-18.434c1.19 4.054 3.998 14.961.898 18.434"/></svg>

How to use the Princess icon

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:princess" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:princess" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:princess" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--princess]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:princess"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:princess"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/openmoji/princess.svg" alt="Princess icon" width="24" height="24">

Related icons in OpenMoji

Princess icon in other icon sets

Princess icon FAQ

Is the Princess icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Princess icon in React?

Install @iconify/react and render <Icon icon="openmoji:princess" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Princess icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/princess.svg" alt="Princess icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →