أيقونة Gesture

zmdi:gesture

أيقونة Gesture (zmdi:gesture) أيقونة SVG مجانية من مجموعة Material Design Iconic Font من تصميم MDI Community. مرسومة على شبكة 392 × 384. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Material Design Iconic Font
المؤلف: MDI Community
الترخيص: OFL-1.1
الحجم: 392 × 384

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="392" height="384" viewBox="0 0 392 384"><path fill="currentColor" d="M37 83L0 47q5-6 19-20Q45 0 77 0q18 0 35.5 15T130 61q0 20-6 34t-21 36q-29 43-40 75q-5 18-2.5 29.5T71 247q9 0 24-18q16-17 48-58q18-22 46-41t60-19q42 0 62.5 27.5T335 200h52v53h-52q-6 69-36.5 100T235 384q-28 0-48.5-19.5T166 318q0-33 30-69.5t85-45.5v-3q-1-8-2.5-12.5t-5-10.5t-11-9t-18.5-3q-18 0-39 20t-48 53q-16 19-23.5 28T114 284.5T91 297q-30 10-56-9q-29-22-29-64q0-14 6-32.5T27 156t16.5-30T59 101.5T67 89q18-28 7-32q-8-3-37 26m199 249q14 0 27.5-18t17.5-57q-30 8-45.5 27T220 316q0 7 5 11.5t11 4.5"/></svg>

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

React

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

<Icon icon="zmdi:gesture" width="24" />

Vue

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

<template>
  <Icon icon="zmdi:gesture" width="24" />
</template>

Svelte

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

<Icon icon="zmdi:gesture" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="zmdi:gesture"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Material Design Iconic Font icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Material Design Iconic Font →