أيقونة Draw Io

file-icons:draw-io

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M511.87 503.111h-512v-512h512zM296.79 323.227v73.978c0 15.36 12.453 27.813 27.814 27.813h95.925c15.361 0 27.814-12.452 27.814-27.813v-73.978c0-15.361-12.453-27.814-27.814-27.814h-53.161L310.79 199.05c12.251-2.909 21.367-13.913 21.367-27.054V97.018c0-15.361-12.452-27.814-27.813-27.814h-95.926c-15.36 0-27.813 12.453-27.813 27.814v74.978c0 12.82 8.677 23.608 20.476 26.828l-56.71 96.59H91.209c-15.36 0-27.813 12.452-27.813 27.813v73.978c0 15.36 12.452 27.813 27.813 27.813h95.926c15.36 0 27.813-12.452 27.813-27.813v-73.978c0-16.797-8.624-27.814-35.789-27.814l56.133-95.603h43.155l56.132 95.603c-27.361-1.882-38.508 16.088-37.789 27.814"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="file-icons:draw-io"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل File Icons →