أيقونة Grommet

logos:grommet

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

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 512 × 150

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="150" viewBox="0 0 512 150"><path fill="#7d4cdb" d="M206.979 64.521a13.8 13.8 0 0 1 5.26.84a12.85 12.85 0 0 1 6.225 5.914v-5.913h10.364v38.532a21.8 21.8 0 0 1-2.677 11.858q-4.422 6.664-16.589 6.93l-1.027.011a24.1 24.1 0 0 1-12.699-3.112a11.3 11.3 0 0 1-5.447-9.15h11.579a4.8 4.8 0 0 0 1.431 2.676a9.06 9.06 0 0 0 5.79 1.463a7.78 7.78 0 0 0 7.687-3.829a19.3 19.3 0 0 0 1.401-8.03v-2.614a12.8 12.8 0 0 1-3.3 3.89a12.9 12.9 0 0 1-8.216 2.397a15.56 15.56 0 0 1-12.45-5.51a22.32 22.32 0 0 1-4.638-14.908a24.9 24.9 0 0 1 4.545-15.22a14.82 14.82 0 0 1 12.76-6.225m260.606.405a23 23 0 0 1 8.709 1.451l1.033.416a16.53 16.53 0 0 1 7.003 6.039a19.95 19.95 0 0 1 3.113 8.403a52 52 0 0 1 .31 8.062h-29.567a9.74 9.74 0 0 0 4.232 8.59a10.65 10.65 0 0 0 5.852 1.525a8.72 8.72 0 0 0 5.882-1.836a9 9 0 0 0 2.21-2.802h10.832a13.17 13.17 0 0 1-3.403 6.797l-.55.549a19.83 19.83 0 0 1-15.282 5.882a22.04 22.04 0 0 1-14.318-5.042q-6.225-5.01-6.225-16.278a22 22 0 0 1 5.634-16.154a19.45 19.45 0 0 1 14.535-5.602m-180.803-.56a18.68 18.68 0 0 1 15.563 6.474a23.7 23.7 0 0 1 5.135 14.248v.972a23.53 23.53 0 0 1-5.198 15.22a18.68 18.68 0 0 1-15.562 6.224a18.9 18.9 0 0 1-15.562-6.224a23.56 23.56 0 0 1-5.14-14.307l.004-.976a23.75 23.75 0 0 1 5.198-15.25a18.68 18.68 0 0 1 15.562-6.381m218.62-9.307v11.33H512v7.563h-6.598v21.476a5 5 0 0 0 .622 3.113a7.07 7.07 0 0 0 3.89.622H512v7.906l-5.011.155c-5.042 0-8.466-.716-10.302-2.614a7.9 7.9 0 0 1-1.806-5.634v-24.9l-5.758-.124V66.39h5.758V55.06zm-92.939 12.077a12.2 12.2 0 0 1 3.486 4.886a13.4 13.4 0 0 1 5.198-5.26a16.1 16.1 0 0 1 7.315-1.65c1.775-.017 3.539.3 5.197.934a11.6 11.6 0 0 1 4.731 3.673a11.2 11.2 0 0 1 2.303 5.198c.233 1.59.36 3.195.38 4.802l-.006 26.82h-10.894V80.676a8.5 8.5 0 0 0-.747-3.797a5.26 5.26 0 0 0-5.197-2.833a6.04 6.04 0 0 0-6.225 3.642a11.5 11.5 0 0 0-.872 4.638v24.183h-10.707V82.293c.1-1.775-.154-3.552-.747-5.228a5.17 5.17 0 0 0-5.26-2.957a6.23 6.23 0 0 0-6.225 2.925a11 11 0 0 0-.871 4.98v24.464h-10.49V66.015h10.334v5.914a17.2 17.2 0 0 1 3.735-4.482a14.66 14.66 0 0 1 15.562-.311m-68.131-.374a12.14 12.14 0 0 1 3.486 4.887a13.7 13.7 0 0 1 5.197-5.23a15.56 15.56 0 0 1 7.315-1.649c1.613.01 3.21.292 4.727.83l.75.29a11.92 11.92 0 0 1 7.035 8.81c.205 1.546.32 3.104.346 4.664l-.004 27.144H362.29V80.644a8.56 8.56 0 0 0-.747-3.828a5.29 5.29 0 0 0-5.198-2.833a6.225 6.225 0 0 0-6.225 3.642a11.2 11.2 0 0 0-.867 3.87l-.005 24.982h-10.707V82.293a13.6 13.6 0 0 0-.746-5.26a5.17 5.17 0 0 0-5.23-2.956a6.23 6.23 0 0 0-6.224 2.925a11.6 11.6 0 0 0-.872 5.011v24.433H314.7V65.984h10.333v5.603a16.7 16.7 0 0 1 3.735-4.513a14.78 14.78 0 0 1 15.563-.312m-83.539-2.21l.654.032h.902v10.893c-.653 0-1.245 0-1.774-.155H259.3a8.81 8.81 0 0 0-8.621 4.14a16.8 16.8 0 0 0-1.245 7.22v19.453H238.57V65.486h10.147v7.097a23 23 0 0 1 4.295-5.572a11.6 11.6 0 0 1 7.781-2.459m25.88 8.81a9.34 9.34 0 0 0-7.174 3.36a15.22 15.22 0 0 0-2.521 9.338c-.2 3.3.674 6.575 2.49 9.337a9.337 9.337 0 0 0 14.348 0c1.8-2.77 2.672-6.04 2.49-9.337a15.3 15.3 0 0 0-2.458-9.338a9.34 9.34 0 0 0-7.175-3.36M201.781 78.9a19.1 19.1 0 0 0-1.152 6.878a16.1 16.1 0 0 0 1.183 6.225a7.81 7.81 0 0 0 7.15 5.173l.569-.006a8.25 8.25 0 0 0 6.287-2.614v-.032a13.14 13.14 0 0 0 2.552-8.963a13.63 13.63 0 0 0-2.396-8.809a8.03 8.03 0 0 0-5.922-3.102l-.583-.01a7.66 7.66 0 0 0-7.688 5.26m259.641-2.957a11 11 0 0 0-2.832 6.225h18.301a8.9 8.9 0 0 0-2.832-6.412a9.34 9.34 0 0 0-5.545-2.199l-.68-.01a8.5 8.5 0 0 0-6.412 2.396M74.7 24.9c27.503 0 49.798 22.296 49.798 49.8s-22.295 49.798-49.799 49.798S24.9 102.203 24.9 74.7s22.297-49.8 49.8-49.8m0-24.9C33.444 0 0 33.444 0 74.7c0 41.254 33.444 74.698 74.7 74.698c41.254 0 74.698-33.444 74.698-74.699A74.7 74.7 0 0 0 74.7 0"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

أيقونة Grommet في مجموعات أخرى

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

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

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

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

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

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

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

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