Ikon Grapes

fluent-emoji:grapes

Ikon Grapes (fluent-emoji:grapes) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Fluent Emoji
Pembuat: Microsoft Corporation
Lisensi: MIT
Ukuran: 32 × 32
Tag: grape

Download SVG

Kode 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>

Cara memakai ikon 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>

Web component

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

<iconify-icon icon="fluent-emoji:grapes"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/grapes.svg" alt="Ikon Grapes" width="24" height="24">

Ikon Grapes di set ikon lain

FAQ Ikon Grapes

Apakah ikon Grapes gratis untuk penggunaan komersial?

Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Grapes di React?

Pasang @iconify/react lalu render <Icon icon="fluent-emoji:grapes" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Grapes ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/grapes.svg" alt="Ikon Grapes">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji →