Иконка Cherry

gravity-ui:cherry

Иконка Cherry (gravity-ui:cherry) — бесплатная SVG-иконка из набора Gravity UI Icons от YANDEX LLC. Она нарисована на сетке 24 × 24. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Gravity UI Icons
Автор: YANDEX LLC
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGRVeuBdhT)"><path fill="currentColor" fill-rule="evenodd" d="M7.71.058c-1.62.676-2.758 1.724-3.414 3.04l-.033.066a6.5 6.5 0 0 0-.624 2.516q-.038.74.058 1.51l.002.01l.002.016A4.002 4.002 0 0 0 5 15a3.99 3.99 0 0 0 3.317-1.764q.057-.084.11-.173A4 4 0 0 0 11 14a4 4 0 1 0-1.391-7.752a4 4 0 0 1-.747-.327a3 3 0 0 1-.423-.285a2.8 2.8 0 0 1-.818-1.039c-.303-.67-.355-1.519-.048-2.477q.196.543.48.995q.33.531.772.939a4.5 4.5 0 0 0 1.234.815q.451.203.941.321a6.4 6.4 0 0 0 1.062.163q.541.037 1.1 0l.024-.002a10 10 0 0 0 .937-.111a.75.75 0 0 0 .617-.863a6 6 0 0 0-.267-1.032a4.6 4.6 0 0 0-.965-1.59a4.7 4.7 0 0 0-1.22-.918C11.068.191 9.553.001 8.018 0a.75.75 0 0 0-.307.058m1.605 2.247a3 3 0 0 0 1.113 1.072l.02.01q.341.188.745.303c.546.156 1.174.212 1.87.166l-.034-.091A2.95 2.95 0 0 0 11.825 2.3a4 4 0 0 0-.238-.138a4.5 4.5 0 0 0-.707-.296C10.33 1.69 9.7 1.582 9 1.533l-.045-.003l.028.08q.141.386.332.695M5.867 3.363q0 .3.036.594a4.4 4.4 0 0 0 .365 1.29a4.2 4.2 0 0 0 .679 1.035q.323.365.731.659q.21.15.442.283a4 4 0 0 0-.548.713a4 4 0 0 0-2.387-.933a8 8 0 0 1-.055-.694a7 7 0 0 1 .009-.591a5 5 0 0 1 .466-1.886l.008-.016a4 4 0 0 1 .254-.454M8.608 9.27a4 4 0 0 1 .365 2.193a2.5 2.5 0 1 0 .229-3.201l-.002.002a2.5 2.5 0 0 0-.592 1.006M7.5 11.037V11a2.5 2.5 0 1 0 0 .037" clip-rule="evenodd"/></g><defs><clipPath id="SVGRVeuBdhT"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></g></svg>

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

React

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

<Icon icon="gravity-ui:cherry" width="24" />

Vue

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

<template>
  <Icon icon="gravity-ui:cherry" width="24" />
</template>

Svelte

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

<Icon icon="gravity-ui:cherry" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--cherry]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:cherry"></div>

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

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

<iconify-icon icon="gravity-ui:cherry"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gravity-ui/cherry.svg" alt="Иконка Cherry" width="24" height="24">

Иконка Cherry в других наборах

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

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

Да. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Gravity UI Icons →