ICONYZ
العربية
أيقونة Perspective من IconPark Outline

أيقونة Perspective

icon-park-outline:perspective

أيقونة Perspective (icon-park-outline:perspective) أيقونة SVG مجانية من مجموعة IconPark Outline من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
IconPark Outline
المؤلف
ByteDance
الترخيص
Apache-2.0
الحجم
48 × 48
الفئة
التحرير
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M44 28v8l-13 2.6M44 28L4 32m40-4v-8M4 32v12l13-2.6M4 32V16m40 4v-8L31 9.4M44 20L4 16m0 0V4l13 2.6m14 2.8v29.2m0-29.2L17 6.6m14 32l-14 2.8m0-34.8v34.8"/></svg>

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

React

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

<Icon icon="icon-park-outline:perspective" width="24" />

Vue

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

<template>
  <Icon icon="icon-park-outline:perspective" width="24" />
</template>

Svelte

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

<Icon icon="icon-park-outline:perspective" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--perspective]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:perspective"></div>

مكوّن ويب

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

<iconify-icon icon="icon-park-outline:perspective"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/icon-park-outline/perspective.svg" alt="أيقونة Perspective" width="24" height="24">

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

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

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

نعم. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات IconPark Outline →