أيقونة Tablet Screenshot
line-md:tablet-screenshot
أيقونة Tablet Screenshot (line-md:tablet-screenshot) أيقونة SVG مجانية من مجموعة Material Line Icons من تصميم Vjacheslav Trushkin. مرسومة على شبكة 24 × 24. تُنشر Material Line Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Line Icons
- المؤلف
- Vjacheslav Trushkin
- الترخيص
- MIT
- الحجم
- 24 × 24
- الفئة
- التقنية
- الوسوم
- tabletscreenshot
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="70" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5h9c0.55 0 1 0.45 1 1v12c0 0.55 -0.45 1 -1 1h-18c-0.55 0 -1 -0.45 -1 -1v-12c0 -0.55 0.45 -1 1 -1Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="70;0"/></path><path fill="currentColor" d="M2 5h0v14h0ZM22 5h0v14h0Z"><animate fill="freeze" attributeName="d" begin="0.6s" dur="0.2s" to="M2 5h3v14h-3ZM22 5h-3v14h3Z"/></path><path fill="none" stroke="currentColor" stroke-dasharray="4" stroke-dashoffset="4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9h2M8 9v2M16 15h-2M16 15v-2"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.9s" dur="0.2s" to="0"/></path></svg>
كيفية استخدام أيقونة Tablet Screenshot
React
import { Icon } from "@iconify/react";
<Icon icon="line-md:tablet-screenshot" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="line-md:tablet-screenshot" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="line-md:tablet-screenshot" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[line-md--tablet-screenshot]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/line-md -->
<div class="i-line-md:tablet-screenshot"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="line-md:tablet-screenshot"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/line-md/tablet-screenshot.svg" alt="أيقونة Tablet Screenshot" width="24" height="24">
أيقونات ذات صلة في Material Line Icons
الأسئلة الشائعة حول أيقونة Tablet Screenshot
هل أيقونة Tablet Screenshot مجانية للاستخدام التجاري؟
نعم. تُنشر Material Line Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Tablet Screenshot في React؟
ثبّت @iconify/react واعرض <Icon icon="line-md:tablet-screenshot" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Tablet Screenshot إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/line-md/tablet-screenshot.svg" alt="أيقونة Tablet Screenshot">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل Material Line Icons →
ICONYZ
