أيقونة Screenshot

tdesign:screenshot

أيقونة Screenshot (tdesign:screenshot) أيقونة SVG مجانية من مجموعة TDesign Icons من تصميم TDesign. مرسومة على شبكة 24 × 24. تُنشر TDesign Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: TDesign Icons
المؤلف: TDesign
الترخيص: MIT
الحجم: 24 × 24

تنزيل 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-width="2"><path d="M7.807 10h.002l8.202 8.25z"/><path d="M17.714 17.5c1.263 0 2.286 1.007 2.286 2.25S18.977 22 17.714 22c-1.262 0-2.285-1.007-2.285-2.25s1.023-2.25 2.285-2.25ZM16.193 10h-.002L7.99 18.25z"/><path d="M6.286 17.5C5.023 17.5 4 18.507 4 19.75S5.023 22 6.286 22c1.262 0 2.285-1.007 2.285-2.25S7.548 17.5 6.286 17.5Z"/><path stroke-linecap="square" d="M21 15V3H3v12"/></g></svg>

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

React

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

<Icon icon="tdesign:screenshot" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:screenshot" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:screenshot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--screenshot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:screenshot"></div>

مكوّن ويب

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

<iconify-icon icon="tdesign:screenshot"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tdesign/screenshot.svg" alt="أيقونة Screenshot" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل TDesign Icons →