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

أيقونة Image Upscale

lucide:image-upscale

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

المجموعة
Lucide
المؤلف
Lucide Contributors
الترخيص
ISC
الحجم
24 × 24
الوسوم
resize، picture، sharpen، increase، imageupscale
تنزيل 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="M16 3h5v5m-4 13h2a2 2 0 0 0 2-2m0-7v3m0-12l-5 5M3 7V5a2 2 0 0 1 2-2m0 18l4.144-4.144a1.21 1.21 0 0 1 1.712 0L13 19M9 3h3"/><rect width="10" height="10" x="3" y="11" rx="1"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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

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