ICONYZ
العربية
أيقونة Image Block من Unicons

أيقونة Image Block

uil:image-block

أيقونة Image Block (uil:image-block) أيقونة SVG مجانية من مجموعة Unicons من تصميم Iconscout. مرسومة على شبكة 24 × 24. تُنشر Unicons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Unicons
المؤلف
Iconscout
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
الوسائط المتعددة
الوسوم
imageblock
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.54 2.46A5 5 0 1 0 22 6a5 5 0 0 0-1.46-3.54M14 6a3 3 0 0 1 3-3a3 3 0 0 1 1.29.3l-4 4A3 3 0 0 1 14 6m5.12 2.12a3.08 3.08 0 0 1-3.4.57l4-4A3 3 0 0 1 20 6a3 3 0 0 1-.88 2.12M19 13a1 1 0 0 0-1 1v.39l-1.48-1.49a2.87 2.87 0 0 0-3.93 0l-.7.71l-2.48-2.49a2.87 2.87 0 0 0-3.93 0L4 12.61V7a1 1 0 0 1 1-1h4a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 .95-.17h.09A3 3 0 0 0 20 19.44a1.4 1.4 0 0 0 0-.22V14a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1v-3.57l2.9-2.89a.79.79 0 0 1 1.09 0l3.19 3.18L15.46 20Zm13-1a1 1 0 0 1-.18.54L13.3 15l.71-.7a.79.79 0 0 1 1.09 0l2.9 2.91Z"/></svg>

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

React

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

<Icon icon="uil:image-block" width="24" />

Vue

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

<template>
  <Icon icon="uil:image-block" width="24" />
</template>

Svelte

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

<Icon icon="uil:image-block" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="uil:image-block"></iconify-icon>

صورة HTML

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

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

أيقونة image
image
 أيقونة image-alt-slash
image-alt-slash
 أيقونة image-broken
image-broken
 أيقونة image-check
image-check
 أيقونة image-download
image-download
 أيقونة image-edit
image-edit
 أيقونة image-lock
image-lock
 أيقونة image-minus
image-minus
 أيقونة image-plus
image-plus
 أيقونة image-question
image-question
 أيقونة image-redo
image-redo
 أيقونة image-resize-landscape
image-resize-landscape
 أيقونة image-resize-square
image-resize-square
 أيقونة image-search
image-search
 أيقونة image-share
image-share
 أيقونة image-shield
image-shield
 أيقونة image-slash
image-slash
 أيقونة image-times
image-times
 أيقونة image-upload
image-upload
 أيقونة image-v
image-v
 أيقونة images
images

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

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

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

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

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

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

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

تصفح كل Unicons →