Иконка Grapes
fluent-emoji:grapes
Иконка Grapes (fluent-emoji:grapes) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- grape
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><mask id="i3pqU2S" width="10" height="9" x="17" y="21" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="21.957" cy="25.828" r="4.099"/></mask><mask id="iCL1Xvc" width="9" height="9" x="19" y="15" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="23.099" cy="19.503" r="4.099"/></mask><mask id="iJQZuMe" width="10" height="9" x="12" y="18" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="16.934" cy="22.491" r="4.099"/></mask><mask id="ibpkLke" width="9" height="9" x="7" y="14" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="11.746" cy="18.373" r="4.099"/></mask><mask id="i8bGXRc" width="9" height="9" x="19" y="9" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="23.099" cy="13.188" r="4.099"/></mask><g fill="none"><path fill="url(#iqn1ahd)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><path fill="url(#iX5ag3r)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><path fill="url(#iQh2SJr)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><g filter="url(#iv0LNxe)"><path fill="url(#iH45utc)" d="M7.793 8.525a5.335 5.335 0 0 1 6.652 2.709l-4.986 1.83a5.335 5.335 0 0 1-6.653-2.708z"/></g><g filter="url(#iz8OzZd)"><path fill="url(#ilK2Jsb)" d="M14.111 10.86a5.335 5.335 0 0 0-6.74-2.482l-.311.126a5.685 5.685 0 0 1 6.484 2.586z"/></g><path fill="url(#iCazKMb)" fill-rule="evenodd" d="M16.495 2.182a1 1 0 0 1 .543 1.306c-.673 1.63-1.488 6.038.834 10.096a1 1 0 1 1-1.736.993c-2.716-4.746-1.78-9.835-.947-11.852a1 1 0 0 1 1.306-.543" clip-rule="evenodd"/><g filter="url(#iNwDeSk)"><path stroke="url(#ikKVgvo)" stroke-linecap="round" stroke-linejoin="round" d="M16.134 3.101c-1.747 4.915 0 9.086 0 9.086"/></g><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" filter="url(#iiMcumb)"><path stroke="url(#igFUHme)" d="M16.375 2.692c-1.747 4.915.16 9.388.16 9.388"/><path stroke="url(#itiwryd)" d="M16.375 2.692c-1.747 4.915.16 9.388.16 9.388"/></g><circle cx="21.957" cy="25.828" r="4.099" fill="url(#ixAGS5d)"/><circle cx="21.957" cy="25.828" r="4.099" fill="url(#iaU2lHb)"/><circle cx="21.957" cy="25.828" r="4.099" fill="url(#iQUwc3b)"/><g mask="url(#i3pqU2S)"><g filter="url(#iA637Jb)"><circle cx="16.934" cy="22.491" r="4.099" fill="#000" fill-opacity=".8"/></g><g filter="url(#id8b3bb)"><circle cx="23.099" cy="19.503" r="4.099" fill="#000" fill-opacity=".6"/></g></g><circle cx="23.099" cy="19.503" r="4.099" fill="url(#ijrANwe)"/><circle cx="23.099" cy="19.503" r="4.099" fill="url(#iXdM3Ld)"/><circle cx="23.099" cy="19.503" r="4.099" fill="url(#iDTZcGe)"/><g mask="url(#iCL1Xvc)"><g filter="url(#iKIHXBc)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".8"/></g><g filter="url(#i2UnGeb)"><circle cx="23.099" cy="13.188" r="4.099" fill="#000" fill-opacity=".8"/></g></g><circle cx="16.934" cy="22.491" r="4.099" fill="url(#if7t2se)"/><circle cx="16.934" cy="22.491" r="4.099" fill="url(#ihhqeNd)"/><circle cx="16.934" cy="22.491" r="4.099" fill="url(#iwcJiNe)"/><g mask="url(#iJQZuMe)"><g filter="url(#iodS6Jj)"><circle cx="11.746" cy="18.373" r="4.099" fill="#000" fill-opacity=".6"/></g><g filter="url(#iRzi6Xb)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".8"/></g></g><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i6pgnyd)"/><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i3Q6N5u)"/><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i6VM0Fe)"/><g filter="url(#iKIHXBc)" mask="url(#ibpkLke)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000"/></g><circle cx="23.099" cy="13.188" r="4.099" fill="url(#iiLR8me)"/><circle cx="23.099" cy="13.188" r="4.099" fill="url(#ibeYeFj)"/><circle cx="23.099" cy="13.188" r="4.099" fill="url(#iliROcb)"/><g filter="url(#iKIHXBc)" mask="url(#i8bGXRc)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".6"/></g><circle cx="17.34" cy="15.405" r="4.099" fill="url(#iT15XEd)"/><circle cx="17.34" cy="15.405" r="4.099" fill="url(#ij3eVee)"/><defs><radialGradient id="ixAGS5d" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 7.315 16.104)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="iaU2lHb" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -15.257 36.781)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iQUwc3b" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 611.74 -375.032)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="ijrANwe" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 8.953 13.134)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="iXdM3Ld" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -7.827 34.857)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iDTZcGe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 462.977 -405.155)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="if7t2se" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 5.367 13.589)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ihhqeNd" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -14.15 29.666)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iwcJiNe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 530.446 -258.114)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="i6pgnyd" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 3.467 10.654)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="i3Q6N5u" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -12.278 21.98)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".2"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="i6VM0Fe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 430.624 -137.687)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="iiLR8me" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 10.018 9.977)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ibeYeFj" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -.978 31.7)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iliROcb" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 313.865 -408.313)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="iT15XEd" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 6.765 10.114)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ij3eVee" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -6.261 26.563)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><filter id="iv0LNxe" width="13.639" height="7.195" x="1.806" y="7.197" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".5"/></filter><filter id="iz8OzZd" width="8.551" height="4.606" x="6.31" y="7.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".375"/></filter><filter id="iNwDeSk" width="2.576" height="10.886" x="14.457" y="2.201" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".2"/></filter><filter id="iiMcumb" width="2.398" height="10.888" x="14.888" y="1.942" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".25"/></filter><filter id="iA637Jb" width="16.197" height="16.197" x="8.835" y="14.393" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="id8b3bb" width="16.197" height="16.197" x="15" y="11.405" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="iKIHXBc" width="16.197" height="16.197" x="9.241" y="7.306" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="i2UnGeb" width="14.197" height="14.197" x="16" y="6.089" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="1.5"/></filter><filter id="iodS6Jj" width="16.197" height="16.197" x="3.648" y="10.275" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="iRzi6Xb" width="12.197" height="12.197" x="11.242" y="9.306" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="1"/></filter><linearGradient id="iqn1ahd" x1="2.143" x2="15.108" y1="9.991" y2="11.618" gradientUnits="userSpaceOnUse"><stop stop-color="#81B719"/><stop offset="1" stop-color="#82CA24"/></linearGradient><linearGradient id="iX5ag3r" x1="6.553" x2="5.44" y1="10.795" y2="13.522" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="1" stop-opacity=".12"/></linearGradient><linearGradient id="iQh2SJr" x1="12.008" x2="15.108" y1="10.334" y2="11.333" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="1" stop-opacity=".3"/></linearGradient><linearGradient id="iH45utc" x1="2.143" x2="15.108" y1="9.991" y2="11.618" gradientUnits="userSpaceOnUse"><stop stop-color="#89BB1B"/><stop offset=".354" stop-color="#8FC21E"/><stop offset="1" stop-color="#97C345"/></linearGradient><linearGradient id="ilK2Jsb" x1="7.057" x2="14.109" y1="8.421" y2="10.796" gradientUnits="userSpaceOnUse"><stop stop-color="#B9E572" stop-opacity=".3"/><stop offset=".521" stop-color="#B9E572" stop-opacity=".8"/><stop offset="1" stop-color="#B9E572" stop-opacity=".3"/></linearGradient><linearGradient id="iCazKMb" x1="16.168" x2="16.168" y1="2.106" y2="11.601" gradientUnits="userSpaceOnUse"><stop stop-color="#7CB82B"/><stop offset="1" stop-color="#91C627"/></linearGradient><linearGradient id="ikKVgvo" x1="15.746" x2="15.746" y1="3.101" y2="12.187" gradientUnits="userSpaceOnUse"><stop stop-color="#86BF1E"/><stop offset="1" stop-color="#92D72D"/></linearGradient><linearGradient id="igFUHme" x1="15.746" x2="15.746" y1="3.101" y2="12.187" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F584" stop-opacity=".8"/><stop offset=".307" stop-color="#C8F584" stop-opacity="0"/></linearGradient><linearGradient id="itiwryd" x1="16.112" x2="16.112" y1="2.951" y2="12.08" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#B1E465" stop-opacity="0"/><stop offset="1" stop-color="#B1E465"/></linearGradient></defs></g></svg>Как использовать иконку Grapes
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:grapes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:grapes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:grapes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--grapes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:grapes"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:grapes"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/grapes.svg" alt="Иконка Grapes" width="24" height="24">Иконка Grapes в других наборах
Вопросы и ответы: Иконка Grapes
Можно ли бесплатно использовать иконку Grapes в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Grapes в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:grapes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Grapes на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/grapes.svg" alt="Иконка Grapes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.