ICONYZ
العربية
أيقونة Tilt من File Icons

أيقونة Tilt

file-icons:tilt

أيقونة Tilt (file-icons:tilt) أيقونة SVG مجانية من مجموعة File Icons من تصميم John Gardner. مرسومة على شبكة 470 × 512. تُنشر File Icons بموجب ترخيص ISC، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
File Icons
المؤلف
John Gardner
الترخيص
ISC
الحجم
470 × 512
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="470" height="512" viewBox="0 0 470 512"><path fill="currentColor" d="M157.174 14.948v127.908c0 8.084-6.549 14.633-14.633 14.633H14.633C6.549 157.49 0 150.94 0 142.856v-53.03a14.65 14.65 0 0 1 7.01-12.484L129.673 2.464c12.8-6.144 27.5-.359 27.5 12.484M470 141.628V14.949C470 6.89 463.451.34 455.367.34H202.595c-8.084 0-14.633 6.549-14.633 14.633v482.393c0 8.084 6.549 14.633 14.633 14.633h141.287c8.084 0 14.633-6.549 14.633-14.633V170.894c0-8.084 6.549-14.633 14.633-14.633h82.22c8.083 0 14.632-6.549 14.632-14.632"/></svg>

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

React

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

<Icon icon="file-icons:tilt" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:tilt" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:tilt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--tilt]"></span>

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:tilt"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/file-icons/tilt.svg" alt="أيقونة Tilt" width="24" height="24">

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

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

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

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

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

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

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

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

تصفح كل File Icons →