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

أيقونة Windi

file-icons:windi

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="472" height="512" viewBox="0 0 472 512"><path fill="currentColor" d="M72.647 76.643h51.498c2.216-31.136 47.349-33.103 63.042-10.637c17.231 24.669 7.876 62.674-46.973 62.136H0v51.498h140.214c66.155 0 106.24-40.426 106.24-90.122C243.898-23.36 78.31-31.527 72.647 76.643m181.816 306.61H98.87v-51.497h155.592C399.895 333.284 387.076 507.85 270.58 512c-52.374 0-83.685-39.266-83.685-77.247h51.499c0 10.685 9.99 25.75 32.186 25.75c49.581-2.73 58.862-77.25-16.117-77.25m22.866-204.404h45.612c-2.282-60.91 99.73-69.092 97.394 0c0 28.235-19.973 51.498-74.327 51.498H0v51.499h353.697c80.494 0 117.899-51.737 117.899-102.997c0-132.985-194.267-132.872-194.267 0M67.51 331.756H0v51.93h67.51z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Windi من Catppuccin Icons
Catppuccin Icons

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

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

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

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

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

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

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

تصفح كل File Icons →