أيقونة Cursor Hand 2

streamline-ultimate-color:cursor-hand-2

أيقونة Cursor Hand 2 (streamline-ultimate-color:cursor-hand-2) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Ultimate color icons
المؤلف: Streamline
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: أساسيات الواجهة
الوسوم: cursorhand

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffdda1" d="M17.533 12.26V7.575a1.562 1.562 0 1 1 3.123 0v10.411a5.205 5.205 0 0 1-5.205 5.206h-3.472a5.21 5.21 0 0 1-4.397-2.416C5.789 17.952 3.566 13.3 3.566 13.3A1.25 1.25 0 0 1 5.4 11.636l2.765 3.227V4.452a1.562 1.562 0 1 1 3.123 0V2.37a1.562 1.562 0 1 1 3.124 0v2.082a1.561 1.561 0 1 1 3.123 0v7.808z"/><path fill="#ffdda1" d="M11.286 10.4V4.453a1.561 1.561 0 1 0-3.123 0v6.882c1-.435 2.049-.749 3.123-.933"/><path fill="#ffdda1" d="M13.89 10.178c2.36-.027 4.69.55 6.766 1.676V7.575a1.562 1.562 0 1 0-3.123-.01V4.452a1.562 1.562 0 0 0-3.123 0V2.37a1.562 1.562 0 0 0-3.124 0v8.03q1.292-.222 2.603-.222Z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.287 4.452V2.37a1.562 1.562 0 1 1 3.124 0v2.082"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.41 10.699V4.452a1.562 1.562 0 0 1 3.124 0v3.123"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.533 12.26V7.575a1.561 1.561 0 1 1 3.123 0v10.412a5.206 5.206 0 0 1-5.205 5.205h-3.472a5.21 5.21 0 0 1-4.397-2.416c-1.793-2.824-4.016-7.474-4.016-7.474A1.25 1.25 0 0 1 5.4 11.636l2.765 3.227V4.452a1.562 1.562 0 1 1 3.123 0v6.247"/></g></svg>

كيفية استخدام أيقونة Cursor Hand 2

React

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

<Icon icon="streamline-ultimate-color:cursor-hand-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:cursor-hand-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:cursor-hand-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--cursor-hand-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:cursor-hand-2"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:cursor-hand-2"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/cursor-hand-2.svg" alt="أيقونة Cursor Hand 2" width="24" height="24">

أيقونات ذات صلة في Ultimate color icons

أيقونة Cursor Hand 2 في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Cursor Hand 2

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

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

كيف أستخدم أيقونة Cursor Hand 2 في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/cursor-hand-2.svg" alt="أيقونة Cursor Hand 2">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →