Иконка Princess
noto-v1:princess
Иконка Princess (noto-v1:princess) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Люди и тело
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#6d4c41" d="M118.5 54.51L65.02 52.3L64 52.27l-1.02.02L9.5 54.51s-.27 25.78 3.16 48.84c2.55 17.15 2.99 19.87 15.19 18.47c17.52-2.01 26.24-4.48 35.66-4.5c.16 0 .33.01.49.01s.33-.01.49-.01c9.42.01 18.15 2.49 35.66 4.5c12.2 1.4 12.64-1.32 15.19-18.47c3.43-23.06 3.16-48.84 3.16-48.84"/><ellipse cx="64" cy="54.77" fill="#6d4c41" rx="54.5" ry="50.3"/><path fill="#fcc21b" d="M64.17 13.58c-33.11 0-42.95 23.36-42.95 58.91c0 35.56 26.86 48.36 42.95 48.36s42.61-13.14 42.61-48.69c0-35.56-9.5-58.58-42.61-58.58"/><use href="#SVGidBPDbtA"/><use href="#SVGiApcHbRF"/><use href="#SVGwcqaidNp"/><use href="#SVGGMDqHdJi"/><use href="#SVGiApcHbRF"/><use href="#SVGidBPDbtA"/><use href="#SVGwcqaidNp"/><use href="#SVGGMDqHdJi"/><g fill="#f69229"><path d="m75.15 3.62l5.81 18.18l-14.72-1.9z"/><path d="M80.96 22.28h-.06l-14.71-1.91a.47.47 0 0 1-.36-.26a.46.46 0 0 1 .01-.44l8.91-16.28c.09-.17.28-.26.46-.25c.19.02.35.15.41.33l5.76 18.05a.48.48 0 0 1-.39.76zM67 19.51l13.28 1.72l-5.24-16.41zM52.85 3.62L47.04 21.8l14.71-1.9z"/><path d="M47.04 22.28a.48.48 0 0 1-.37-.17c-.1-.12-.14-.3-.09-.45l5.8-18.18a.48.48 0 0 1 .88-.08l8.91 16.28c.07.14.08.3.01.44s-.21.24-.36.26l-14.72 1.9zm5.92-17.46l-5.24 16.41L61 19.51z"/></g><defs><path id="SVGWvCDrcIo" d="M86.45 4.85a.46.46 0 0 0-.52.09L73.41 16.7L64.47 3.35a.48.48 0 0 0-.39-.21c-.16 0-.31.08-.39.21L54.7 16.7L42.18 4.94a.474.474 0 0 0-.8.36l.51 19.23c0 4.18 9.74 7.46 22.17 7.46s22.17-3.28 22.17-7.44l.51-19.25c0-.19-.11-.37-.29-.45"/><path id="SVGidBPDbtA" fill="#444" d="M49.91 75.9c0 3.81-2.55 6.9-5.71 6.9s-5.73-3.09-5.73-6.9c0-3.82 2.57-6.91 5.73-6.91s5.71 3.09 5.71 6.91m28.17 0c0 3.81 2.56 6.9 5.72 6.9c3.15 0 5.72-3.09 5.72-6.9c0-3.82-2.57-6.91-5.72-6.91c-3.16 0-5.72 3.09-5.72 6.91"/><path id="SVGiApcHbRF" fill="#6d4c41" d="M76.46 41.47c-4.34 4.17-25.9 23.6-55.62 28.68V30.31S33.67 4.86 64.45 4.86s43.61 26.09 43.61 26.09v39.2s-20.17-7.74-30.3-28.43c-.25-.5-.9-.63-1.3-.25"/><path id="SVGwcqaidNp" fill="#513f35" d="M76.38 99.23H51.62c-1.42 0-2.03.95-1.09 2.38c1.31 2 6.19 5.85 13.47 5.85s12.16-3.85 13.47-5.85c.94-1.42.33-2.38-1.09-2.38"/><path id="SVGGMDqHdJi" fill="#e59600" d="M69.98 88.71c-2.11.6-4.29.89-5.98.89s-3.87-.29-5.98-.89c-.9-.26-1.25.6-.93 1.17c.67 1.18 3.36 3.55 6.91 3.55s6.24-2.37 6.91-3.55c.33-.58-.03-1.43-.93-1.17"/></defs><use fill="#fbc11b" href="#SVGWvCDrcIo"/></svg>
Как использовать иконку Princess
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:princess" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:princess" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:princess" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--princess]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:princess"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:princess"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/princess.svg" alt="Иконка Princess" width="24" height="24">
Похожие иконки в наборе Noto Emoji (v1)
Иконка Princess в других наборах
Вопросы и ответы: Иконка Princess
Можно ли бесплатно использовать иконку Princess в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Princess в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:princess" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Princess на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/princess.svg" alt="Иконка Princess">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
