Иконка Cherry Blossom
noto-v1:cherry-blossom
Иконка Cherry Blossom (noto-v1:cherry-blossom) — бесплатная 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
- Категория
- Животные и природа
- Теги
- cherryblossom
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#d7598b" d="M100.93 80.4c22.8-1.34 26.68-20.92 26.71-21.12c.1-.54-.22-1.08-.74-1.25l-5.92-1.91l4.71-3.89c.46-.38.54-1.06.17-1.54c-.29-.38-7.43-9.34-22.12-9.34c-5.56 0-11.5 1.32-17.67 3.91c-1.34.56-2.66 1.22-3.98 1.97c1.82-2.74 3.21-5.58 4.16-8.49c8.83-27.05-9.45-35.97-9.64-36.06c-.46-.21-1-.1-1.31.29l-4.02 4.77l-1.84-5.85c-.16-.5-.61-.8-1.16-.77c-.22.02-22.17 2.32-21.01 30.95c.17 4.13.99 8.55 2.45 13.17c-3.62-5.62-7.67-9.74-12.07-12.29c-5.82-3.37-11.71-5.08-17.49-5.08c-9.09 0-14.65 4.21-14.89 4.39a1.11 1.11 0 0 0-.21 1.54l3.72 4.97H1.97c-.49 0-.92.32-1.06.79c-.09.31-2.16 7.65 2.04 15.21c3.36 6.05 9.7 10.43 18.86 12.99c4.54 1.27 9.93 1.89 16.29 1.9c-7.79 1.28-13.97 3.77-18.4 7.41C.8 92.6 8.2 108.41 8.28 108.56c.22.44.71.7 1.18.61l6.19-1.08l-2.37 5.7c-.22.52 0 1.13.5 1.4c.21.11 5.17 2.72 12.3 2.72c6.88 0 17-2.53 26.14-14.58c2.51-3.32 4.48-7.26 5.88-11.75c-.06 5.4.77 10.01 2.51 13.77c9 19.45 23.1 21.54 28.74 21.54c2.22 0 3.62-.3 3.67-.31c.52-.11.89-.59.87-1.12l-.21-6.14l5.19 3.06c.49.29 1.12.16 1.46-.3c.13-.18 13.04-18.3-6.15-38.23c-1.39-1.45-2.98-2.8-4.73-4.06c3.95.62 7.71.84 11.48.61"/><path fill="#fff" d="M58.6 74.92c-.67 2.53-4.14 3.85-6.39 2.43c-1.72-1.08-2.26-3.41-1.22-5.13c.95-1.58 2.85-2.4 4.64-2.1c2.17.37 3.52 2.7 2.97 4.8M55.39 63.9c-.67 2.53-4.13 3.85-6.39 2.43c-1.72-1.08-2.26-3.41-1.22-5.13c.95-1.57 2.85-2.4 4.64-2.1c2.17.36 3.53 2.7 2.97 4.8m3-10.73c.95-1.57 2.85-2.4 4.64-2.1c2.17.37 3.53 2.7 2.98 4.8c-.67 2.53-4.14 3.85-6.39 2.43c-1.72-1.08-2.26-3.4-1.23-5.13m13.77 22.75c-.67 2.53-4.13 3.85-6.39 2.43c-1.72-1.08-2.26-3.41-1.22-5.13c.94-1.58 2.85-2.41 4.63-2.1c2.17.37 3.53 2.7 2.98 4.8m4.05-12.56c-.67 2.53-4.13 3.85-6.38 2.43c-1.73-1.08-2.26-3.41-1.22-5.13c.94-1.58 2.85-2.4 4.64-2.1c2.16.36 3.52 2.7 2.96 4.8"/></svg>Как использовать иконку Cherry Blossom
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:cherry-blossom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:cherry-blossom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:cherry-blossom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--cherry-blossom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:cherry-blossom"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:cherry-blossom"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/cherry-blossom.svg" alt="Иконка Cherry Blossom" width="24" height="24">Иконка Cherry Blossom в других наборах
Вопросы и ответы: Иконка Cherry Blossom
Можно ли бесплатно использовать иконку Cherry Blossom в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cherry Blossom в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:cherry-blossom" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cherry Blossom на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/cherry-blossom.svg" alt="Иконка Cherry Blossom">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.