Иконка Princess 2

streamline-emojis:princess-2

Иконка Princess 2 (streamline-emojis:princess-2) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Смайлы и люди

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M5.5 45.5a18.5 1.5 0 1 0 37 0a18.5 1.5 0 1 0-37 0" opacity=".15"/><path fill="#a86c4d" d="M28.88 41.47A10.06 10.06 0 0 0 37 45.35c3.83 0 5.51-1.85 6.18-3a.5.5 0 0 0-.45-.76a2.22 2.22 0 0 1-2.56-2.43v-17A16.21 16.21 0 0 0 24 5.93a16.21 16.21 0 0 0-16.2 16.2v17.05a2.22 2.22 0 0 1-2.56 2.43a.5.5 0 0 0-.45.76c.67 1.13 2.35 3 6.18 3a10.06 10.06 0 0 0 8.15-3.88Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.88 41.47A10.06 10.06 0 0 0 37 45.35c3.83 0 5.51-1.85 6.18-3a.5.5 0 0 0-.45-.76a2.22 2.22 0 0 1-2.56-2.43h0v-17A16.21 16.21 0 0 0 24 5.93h0a16.21 16.21 0 0 0-16.2 16.2v17.05h0a2.22 2.22 0 0 1-2.56 2.43a.5.5 0 0 0-.45.76c.67 1.13 2.35 3 6.18 3a10.06 10.06 0 0 0 8.15-3.88Z"/><path fill="#ffcebf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.5 25.51A13 13 0 0 1 29.05 18l-.93-2.22A23.67 23.67 0 0 1 13.31 25l-2.81.5a2.7 2.7 0 0 0 0 5.4h.17a13.48 13.48 0 0 0 26.66 0h.17a2.7 2.7 0 1 0 0-5.4Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.91 27.66a1.15 1.15 0 1 0 2.3 0a1.15 1.15 0 0 0-2.3 0m16.18 0a1.15 1.15 0 1 1-2.3 0a1.15 1.15 0 0 1 2.3 0"/><path fill="#ff6242" d="M19.78 34.65a.67.67 0 0 0-.5.23a.64.64 0 0 0-.15.53a4.94 4.94 0 0 0 9.74 0a.66.66 0 0 0-.65-.76Z"/><path fill="#ffa694" d="M24 36.68a6.06 6.06 0 0 0-3.76 1.15a5 5 0 0 0 7.52 0A6.06 6.06 0 0 0 24 36.68"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.78 34.65a.67.67 0 0 0-.5.23a.64.64 0 0 0-.15.53a4.94 4.94 0 0 0 9.74 0a.66.66 0 0 0-.65-.76Z"/><path fill="#ffb59e" d="M13.67 32.55a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0m17.68 0a1.49.89 0 1 0 2.98 0a1.49.89 0 1 0-2.98 0"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.25 11a1.73 1.73 0 0 1-3.14-.44L34.57 4.5l-3 5.49a2.09 2.09 0 0 1-3.81-.21L24 .88l-3.75 8.9a2.09 2.09 0 0 1-3.81.21l-3-5.49l-1.54 6.08a1.73 1.73 0 0 1-3.15.42L7.38 8.77l.54 6.11a1.64 1.64 0 0 0 .86 1.24C11.05 14.85 17 14 24 14s13 .9 15.22 2.17a1.64 1.64 0 0 0 .86-1.24l.54-6.11Z"/><path fill="#ffe500" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v3.31c0-1.83 7.27-3.31 16.2-3.31s16.2 1.48 16.2 3.31v-3.36C40.2 15.43 32.93 14 24 14"/><path fill="#fff48c" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v1.39c0-1.83 7.27-3.32 16.2-3.32s16.2 1.49 16.2 3.32v-1.44C40.2 15.43 32.93 14 24 14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 14c-8.93 0-16.2 1.48-16.2 3.31v3.31c0-1.83 7.27-3.31 16.2-3.31s16.2 1.48 16.2 3.31v-3.36C40.2 15.43 32.93 14 24 14"/><path fill="#ff87af" d="M22.64 10.29a1.36 1.89 0 1 0 2.72 0a1.36 1.89 0 1 0-2.72 0"/><path fill="#ffb0ca" d="M24 9.9a1.43 1.43 0 0 1 1.25 1.1a2.6 2.6 0 0 0 .11-.75c0-1-.61-1.89-1.36-1.89s-1.36.85-1.36 1.89a2.6 2.6 0 0 0 .11.75A1.43 1.43 0 0 1 24 9.9"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.64 10.29a1.36 1.89 0 1 0 2.72 0a1.36 1.89 0 1 0-2.72 0"/></svg>

Как использовать иконку Princess 2

React

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

<Icon icon="streamline-emojis:princess-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:princess-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:princess-2" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="streamline-emojis:princess-2"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/princess-2.svg" alt="Иконка Princess 2" width="24" height="24">

Вопросы и ответы: Иконка Princess 2

Можно ли бесплатно использовать иконку Princess 2 в коммерческих проектах?

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Princess 2 в React?

Установите @iconify/react и выведите <Icon icon="streamline-emojis:princess-2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Princess 2 на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/princess-2.svg" alt="Иконка Princess 2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Streamline Emojis →