ICONYZ
العربية
أيقونة Difference من Font-GIS

أيقونة Difference

gis:difference

أيقونة Difference (gis:difference) أيقونة SVG مجانية من مجموعة Font-GIS من تصميم Jean-Marc Viglino. مرسومة على شبكة 100 × 100. تُنشر Font-GIS icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Font-GIS
المؤلف
Jean-Marc Viglino
الترخيص
CC-BY-4.0
الحجم
100 × 100
الفئة
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="m65.453 10.826l-.053 5c3.073.034 6.144.549 9.059 1.52l1.58-4.744a34.8 34.8 0 0 0-10.586-1.776m-5.365.352a35.1 35.1 0 0 0-10.26 3.119l2.17 4.506a30.2 30.2 0 0 1 8.799-2.674zm20.908 3.51l-2.283 4.447a30.1 30.1 0 0 1 7.447 5.394l3.522-3.549a35.1 35.1 0 0 0-8.686-6.292M35 19.125c-19.3 0-35 15.7-35 35s15.7 35 35 35c8.934 0 17.087-3.374 23.275-8.904q.008 0 .014.002l.191-.18l.125-.115a35 35 0 0 0 2.461-2.496q.126-.137.248-.276q.6-.682 1.165-1.394q-.723-.06-1.436-.155c-.318-.041-.632-.094-.947-.146c-.158-.026-.316-.046-.473-.074a30 30 0 0 1-1.383-.283a30 30 0 0 1-1.183-.301l-.194-.051C44.234 71.216 35 59.651 35 45.875a29.88 29.88 0 0 1 9.557-21.955q.242-.227.49-.45q.375-.33.76-.65c.158-.131.313-.266.474-.394q.622-.5 1.27-.965a35 35 0 0 0-2.867-.965l-.03-.008c-.287-.082-.577-.155-.867-.23c-.215-.056-.43-.118-.646-.17c-.349-.084-.701-.155-1.053-.229c-.126-.026-.25-.057-.377-.082l-.002.002A35 35 0 0 0 35 19.125m58.2 5.928l-4.028 2.967a30 30 0 0 1 4.252 8.15l4.736-1.606a35 35 0 0 0-4.96-9.511m6.294 14.717l-4.924.87c.536 3.029.603 6.145.194 9.19l4.955.666c.48-3.562.4-7.19-.225-10.726M93.8 54.338a30.2 30.2 0 0 1-3.936 8.314l4.143 2.801a35.2 35.2 0 0 0 4.586-9.695zm-6.803 11.928a29.8 29.8 0 0 1-7.213 5.687l2.451 4.358a34.8 34.8 0 0 0 8.428-6.647zm-11.394 7.638a30.2 30.2 0 0 1-9.002 1.887l.265 4.992a35.1 35.1 0 0 0 10.498-2.199z" color="currentColor"/></svg>

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

React

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

<Icon icon="gis:difference" width="24" />

Vue

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

<template>
  <Icon icon="gis:difference" width="24" />
</template>

Svelte

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

<Icon icon="gis:difference" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="gis:difference"></iconify-icon>

صورة HTML

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

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

أيقونة Difference من Material Symbols
Material Symbols
 أيقونة Difference من Feather Icon
Feather Icon
 أيقونة Difference من Material Symbols Light
Material Symbols Light

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

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

نعم. تُنشر Font-GIS icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

تصفح كل أيقونات Font-GIS →