أيقونة Image In Picture
tabler:image-in-picture
أيقونة Image In Picture (tabler:image-in-picture) أيقونة SVG مجانية من مجموعة Tabler Icons من تصميم Paweł Kuna. مرسومة على شبكة 24 × 24. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Tabler Icons
- المؤلف
- Paweł Kuna
- الترخيص
- MIT
- الحجم
- 24 × 24
- الوسوم
- photo، snapshot، visual، frame، layer، embed، nest، overlay، merge، media، photography، imagein، inpicture، imageinpicture
شيفرة 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="M13 15c-2 0-5 1-5 5"/><path d="M4 13a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0-6V5a1 1 0 0 1 1-1h2m4 0h2m4 0h2a1 1 0 0 1 1 1v2m0 4v2m0 4v2a1 1 0 0 1-1 1h-2"/></g></svg>كيفية استخدام أيقونة Image In Picture
React
import { Icon } from "@iconify/react";
<Icon icon="tabler:image-in-picture" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="tabler:image-in-picture" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="tabler:image-in-picture" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--image-in-picture]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:image-in-picture"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="tabler:image-in-picture"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/tabler/image-in-picture.svg" alt="أيقونة Image In Picture" width="24" height="24">أيقونات ذات صلة في Tabler Icons
أيقونة Image In Picture في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Image In Picture
هل أيقونة Image In Picture مجانية للاستخدام التجاري؟
نعم. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Image In Picture في React؟
ثبّت @iconify/react واعرض <Icon icon="tabler:image-in-picture" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Image In Picture إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tabler/image-in-picture.svg" alt="أيقونة Image In Picture">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.