أيقونة Git Compare

ion:git-compare

أيقونة Git Compare (ion:git-compare) أيقونة SVG مجانية من مجموعة IonIcons من تصميم Ben Sperry. مرسومة على شبكة 512 × 512. تُنشر IonIcons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: IonIcons
المؤلف: Ben Sperry
الترخيص: MIT
الحجم: 512 × 512
الوسوم: gitcompare

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M218.31 340.69A16 16 0 0 0 191 352v32h-20a28 28 0 0 1-28-28V152a64 64 0 1 0-64-1.16V356a92.1 92.1 0 0 0 92 92h20v32a16 16 0 0 0 27.31 11.31l64-64a16 16 0 0 0 0-22.62ZM112 64a32 32 0 1 1-32 32a32 32 0 0 1 32-32m320 296.61V156a92.1 92.1 0 0 0-92-92h-20V32a16 16 0 0 0-27.31-11.31l-64 64a16 16 0 0 0 0 22.62l64 64A16 16 0 0 0 320 160v-32h20a28 28 0 0 1 28 28v204.61a64 64 0 1 0 64 0M400 448a32 32 0 1 1 32-32a32 32 0 0 1-32 32"/></svg>

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

React

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

<Icon icon="ion:git-compare" width="24" />

Vue

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

<template>
  <Icon icon="ion:git-compare" width="24" />
</template>

Svelte

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

<Icon icon="ion:git-compare" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--git-compare]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:git-compare"></div>

مكوّن ويب

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

<iconify-icon icon="ion:git-compare"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ion/git-compare.svg" alt="أيقونة Git Compare" width="24" height="24">

أيقونات ذات صلة في IonIcons

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

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

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

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

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

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

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

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

تصفح كل IonIcons →