Иконка Princess
twemoji:princess
Иконка Princess (twemoji:princess) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Люди и тело
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" 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="#ffdc5d" 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="#ffac33" 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>
Как использовать иконку Princess
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:princess" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:princess" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:princess" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--princess]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:princess"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:princess"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/princess.svg" alt="Иконка Princess" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Princess в других наборах
Вопросы и ответы: Иконка Princess
Можно ли бесплатно использовать иконку Princess в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Princess в React?
Установите @iconify/react и выведите <Icon icon="twemoji:princess" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Princess на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/princess.svg" alt="Иконка Princess">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
ICONYZ
