Иконка Grapes
fxemoji:grapes
Иконка Grapes (fxemoji:grapes) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Предметы
- Теги
- grape
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="364.76" cy="435.106" r="73.882" fill="#744DB2"/><path fill="#56C140" d="M192.433 185.245a18.77 18.77 0 0 1-10.479-3.194C113.463 136.145 60.376 64.712 46.064 30.889c-4.058-9.588.426-20.649 10.014-24.707s20.649.426 24.707 10.014c10.508 24.831 58.601 91.936 122.161 134.537c8.648 5.797 10.96 17.506 5.164 26.155c-3.637 5.425-9.602 8.357-15.677 8.357"/><path fill="#16992B" d="M80.521 29.317s.662-.639 1.892-1.631c1.242-1.027 2.957-2.382 5.524-3.858c2.562-1.5 5.471-3.07 8.846-4.577a99 99 0 0 1 11.095-4.156a113 113 0 0 1 12.483-3.075c4.252-.818 8.646-1.392 12.898-1.754c4.268-.369 8.521-.465 12.585-.446c4.07.006 8.076.328 11.888.562c3.82.242 7.555.6 11.197.93l10.866 1.016c3.606.285 7.295.626 10.968.756l2.784.136l2.769.061c.939.046 1.87.075 2.776.049l2.756.006c3.65-.026 7.261-.089 10.588-.26c3.391-.07 6.405-.367 9.13-.426c2.64-.166 4.84-.301 6.4-.351c1.557-.057 2.455-.051 2.455-.051h.055a2 2 0 0 1 1.987 2.011s-.004.879-.139 2.457c-.078.779-.151 1.773-.322 2.879c-.166 1.111-.314 2.449-.653 3.81a74 74 0 0 1-1.16 4.584c-.246.817-.492 1.686-.795 2.556l-1.012 2.661c-1.423 3.684-3.431 7.648-6.081 11.74c-1.366 1.994-2.794 4.148-4.51 6.143c-.841 1.021-1.732 2.026-2.639 3.07c-.91 1.041-1.924 1.967-2.926 2.981c-4.038 4.004-8.843 7.672-14.152 10.961c-5.317 3.295-11.173 5.952-17.247 8.132c-6.08 2.126-12.339 3.586-18.532 4.526a101 101 0 0 1-18.06 1.115c-5.82-.16-11.277-.89-16.394-1.964c-5.135-1.068-9.793-2.577-14.125-4.266a87.5 87.5 0 0 1-11.695-5.67a92 92 0 0 1-9.352-6.221c-2.719-2.055-5.124-4.082-6.946-5.867c-.96-.923-1.737-1.706-2.588-2.489a49 49 0 0 1-2.066-1.985c-1.12-1.116-1.711-1.821-1.711-1.821c-5.548-6.605-4.93-16.357 1.163-22.274"/><circle cx="252.814" cy="143.557" r="78.392" fill="#A47FD6"/><circle cx="129.657" cy="293.388" r="74.173" fill="#A47FD6"/><circle cx="119.707" cy="168.009" r="78.173" fill="#8866B9"/><circle cx="340.283" cy="232.174" r="79.762" fill="#8866B9"/><circle cx="232.705" cy="383.82" r="79.762" fill="#8866B9"/><circle cx="329.418" cy="335.714" r="73.882" fill="#A47FD6"/><circle cx="221.346" cy="269.234" r="86.109" fill="#744DB2"/></svg>Как использовать иконку Grapes
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:grapes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:grapes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:grapes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--grapes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:grapes"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:grapes"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/grapes.svg" alt="Иконка Grapes" width="24" height="24">Иконка Grapes в других наборах
Вопросы и ответы: Иконка Grapes
Можно ли бесплатно использовать иконку Grapes в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Grapes в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:grapes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Grapes на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/grapes.svg" alt="Иконка Grapes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.