أيقونة Dia

file-icons:dia

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M269.642 130.298L163.788 340.66l216.751.41zm-1.627 97.812l37.084 70.42l-71.738-.299zm-104.227-91.663H50.943V12.267h112.845zm-.16 251.768l-55.493 111.519L50.91 388.07l22.704.11V147.783h67.503v240.433zm104.514 54.532l-122.156.005l28.2-56.671h93.702c126.975-6.035 188.66-71.009 187.232-136.028c-1.407-64.16-64.27-128.364-186.535-136.022h-93.462V57.353h93.473c162.307 7.124 243.654 99.903 243.395 192.7c-.257 92.339-81.317 184.696-243.849 192.694m-198.76.008L0 442.758V386.08l40.289-.094zM39.608 114.03H0V57.353h39.608z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل File Icons →