أيقونة File Type Png

tabler:file-type-png

أيقونة File Type Png (tabler:file-type-png) أيقونة SVG مجانية من مجموعة Tabler Icons من تصميم Paweł Kuna. مرسومة على شبكة 24 × 24. تُنشر Tabler Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Tabler Icons
المؤلف: Paweł Kuna
الترخيص: MIT
الحجم: 24 × 24
الوسوم: picture، photo، raster، bitmap، transparency، png، compressed، visual، file، type، document، filetype، typepng، filetypepng

تنزيل 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M5 12V5a2 2 0 0 1 2-2h7l5 5v4m1 3h-1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1v-3M5 18h1.5a1.5 1.5 0 0 0 0-3H5v6m6 0v-6l3 6v-6"/></g></svg>

كيفية استخدام أيقونة File Type Png

React

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

<Icon icon="tabler:file-type-png" width="24" />

Vue

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

<template>
  <Icon icon="tabler:file-type-png" width="24" />
</template>

Svelte

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

<Icon icon="tabler:file-type-png" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--file-type-png]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:file-type-png"></div>

مكوّن ويب

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

<iconify-icon icon="tabler:file-type-png"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/tabler/file-type-png.svg" alt="أيقونة File Type Png" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة File Type Png

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

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

كيف أستخدم أيقونة File Type Png في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/tabler/file-type-png.svg" alt="أيقونة File Type Png">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Tabler Icons →