ICONYZ
العربية
أيقونة Grove من SVG Logos

أيقونة Grove

logos:grove

أيقونة Grove (logos:grove) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 267. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 267
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="267" viewBox="0 0 256 267"><defs><filter id="SVGvMS3qcAV" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.243359375 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#92c83e" d="m37.067 181.009l35.27-67.787l28.107 47.396l-35.822 57.315z"/><path fill="#4b843d" d="m59.662 212.422l67.236-131.164l36.373 68.338l-51.804 89.83z"/><path fill="#92c83e" d="m102.098 236.12l93.138-190.133s30.31 34.72 37.475 50.702c6.613 14.88 4.96 47.947-5.511 73.849s-31.964 45.19-44.089 50.15c-50.151 22.045-81.013 15.432-81.013 15.432"/><path fill="#fff" d="M248 124C248 55.662 192.338 0 124 0S0 55.662 0 124c0 62.827 47.396 115.182 108.569 122.898v13.226l25.902-12.675C197.85 242.489 248 189.03 248 124M124 225.956c-52.907 0-101.956-49.05-101.956-101.956S71.094 22.044 124 22.044S225.956 71.094 225.956 124S176.906 225.956 124 225.956" filter="url(#SVGvMS3qcAV)" transform="translate(4 3)"/></svg>

كيفية استخدام أيقونة Grove

React

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

<Icon icon="logos:grove" width="24" />

Vue

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

<template>
  <Icon icon="logos:grove" width="24" />
</template>

Svelte

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

<Icon icon="logos:grove" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--grove]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:grove"></div>

مكوّن ويب

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

<iconify-icon icon="logos:grove"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/grove.svg" alt="أيقونة Grove" width="24" height="24">

الأسئلة الشائعة حول أيقونة Grove

هل أيقونة Grove مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Grove في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:grove" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Grove إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/grove.svg" alt="أيقونة Grove">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →