ICONYZ
العربية
أيقونة Image Up من Lucide

أيقونة Image Up

lucide:image-up

أيقونة Image Up (lucide:image-up) أيقونة SVG مجانية من مجموعة Lucide من تصميم Lucide Contributors. مرسومة على شبكة 24 × 24. تُنشر Lucide icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Lucide
المؤلف
Lucide Contributors
الترخيص
ISC
الحجم
24 × 24
الوسوم
picture، photo، upload، import، imageup
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21"/><path d="m14 19.5l3-3l3 3M17 22v-5.5"/><circle cx="9" cy="9" r="2"/></g></svg>

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

React

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

<Icon icon="lucide:image-up" width="24" />

Vue

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

<template>
  <Icon icon="lucide:image-up" width="24" />
</template>

Svelte

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

<Icon icon="lucide:image-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide--image-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide -->
<div class="i-lucide:image-up"></div>

مكوّن ويب

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

<iconify-icon icon="lucide:image-up"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/lucide/image-up.svg" alt="أيقونة Image Up" width="24" height="24">

أيقونات ذات صلة في Lucide

أيقونة image
image
 أيقونة image-down
image-down
 أيقونة image-minus
image-minus
 أيقونة image-off
image-off
 أيقونة image-play
image-play
 أيقونة image-plus
image-plus
 أيقونة image-upscale
image-upscale
 أيقونة images
images

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

أيقونة Image Up من Huge Icons
Huge Icons
 أيقونة Image Up من Reicon
Reicon

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

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

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

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

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

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

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

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