أيقونة Pscursor

whh:pscursor

أيقونة Pscursor (whh:pscursor) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 1024 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 704H800q-13 0-33.5-11T736 672L608 544q-19-19-19-32t19-32l128-128q7-11 29-21.5t35-10.5h160q26 0 45 18.5t19 45.5v256q0 26-19 45t-45 19M672 288L544 416q-19 19-32 19t-32-19L352 288q-10-10-21-30.5T320 224V64q0-27 19-45.5T384 0h256q27 0 45.5 18.5T704 64v160q0 13-10.5 35T672 288M416 544L288 672q-10 10-30.5 21T224 704H64q-26 0-45-19T0 640V384q0-27 19-45.5T64 320h160q13 0 35 10.5t29 21.5l128 128q19 19 19 32t-19 32m64 64q19-19 32-19t32 19l128 128q11 7 21.5 29t10.5 35v160q0 26-19 45t-45 19H384q-27 0-45.5-19T320 960V800q0-13 11-33.5t21-30.5z"/></svg>

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

React

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

<Icon icon="whh:pscursor" width="24" />

Vue

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

<template>
  <Icon icon="whh:pscursor" width="24" />
</template>

Svelte

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

<Icon icon="whh:pscursor" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:pscursor"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →