أيقونة Img Box Fill

lets-icons:img-box-fill

أيقونة Img Box Fill (lets-icons:img-box-fill) أيقونة SVG مجانية من مجموعة Lets Icons من تصميم Leonid Tsvetkov. مرسومة على شبكة 24 × 24. تُنشر Lets Icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Lets Icons
المؤلف: Leonid Tsvetkov
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: أنواع الوسائط المتعددة
الوسوم: imgbox، boxfill، imgboxfill

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><mask id="SVGpBX89cBI" fill="#fff"><path d="M2 10c0-3.771 0-5.657 1.172-6.828S6.229 2 10 2h4c3.771 0 5.657 0 6.828 1.172S22 6.229 22 10v4c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z"/></mask><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M3.172 3.172C2 4.343 2 6.229 2 10v4c0 3.771 0 5.657 1.172 6.828S6.229 22 10 22h4c3.771 0 5.657 0 6.828-1.172S22 17.771 22 14v-4c0-2.84 0-4.61-.5-5.811V17a3.62 3.62 0 0 1-2.56-1.06l-.752-.752c-.722-.722-1.082-1.082-1.491-1.234a2 2 0 0 0-1.394 0c-.409.152-.77.512-1.49 1.234l-.114.113c-.585.585-.878.878-1.189.932a1 1 0 0 1-.699-.134c-.268-.166-.431-.547-.758-1.308L11 14.667c-.75-1.75-1.124-2.624-1.778-2.952a2 2 0 0 0-1.065-.205c-.729.062-1.401.735-2.747 2.08L3.5 15.5V2.887q-.174.129-.328.285" clip-rule="evenodd"/><path stroke="currentColor" stroke-width="4" d="M2 10c0-3.771 0-5.657 1.172-6.828S6.229 2 10 2h4c3.771 0 5.657 0 6.828 1.172S22 6.229 22 10v4c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z" mask="url(#SVGpBX89cBI)"/><circle cx="15" cy="9" r="2" fill="currentColor"/></g></svg>

كيفية استخدام أيقونة Img Box Fill

React

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

<Icon icon="lets-icons:img-box-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:img-box-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:img-box-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--img-box-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-box-fill"></div>

مكوّن ويب

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

<iconify-icon icon="lets-icons:img-box-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/img-box-fill.svg" alt="أيقونة Img Box Fill" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Img Box Fill

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

نعم. تُنشر Lets Icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Img Box Fill في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/lets-icons/img-box-fill.svg" alt="أيقونة Img Box Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Lets Icons →