ICONYZ
العربية
أيقونة File Type Docusaurus من VSCode Icons

أيقونة File Type Docusaurus

vscode-icons:file-type-docusaurus

أيقونة File Type Docusaurus (vscode-icons:file-type-docusaurus) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
VSCode Icons
المؤلف
Roberto Huertas
الترخيص
MIT
الحجم
32 × 32
الوسوم
filetype، typedocusaurus، filetypedocusaurus
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g transform="translate(1.57 1.64)scale(.14359)"><g fill="#44d860"><circle cx="183" cy="113" r="10"/><circle cx="173" cy="163" r="20"/><g stroke="#44d860" stroke-linecap="round"><path stroke-width="4.8" d="M188 104.3h0m3.7 3.7h0m1.3 5h0m-1.3 5h0m-3.7 3.7h0"/><path stroke-width="10" d="M183 145.7h0m7.3 7.3h0m2.7 10h0"/></g></g><path fill="#fff" d="M99 52h84v34H99z"/><g fill="#3ecc5f"><path d="M23 163c-7.4 0-14-4-17.3-10A20 20 0 0 0 3 163c0 11 9 20 20 20h20v-20zm120 20h30v-40h-30z"/><path d="m113 57.4l70-4.4V43c0-11-9-20-20-20H73c-4-8-6-8-10 0c-4-8-6-8-10 0c-4-8-6-8-10 0c-6-9-9-5-10.3 2.3c-8-3-11-3-7.3 7.3c-8 2-10 4-2.4 10.4c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c-8 4-8 6 0 10c0 11 9 20 20 20h120c11 0 20-9 20-20V83l-70-4.3A10.6 10.6 0 0 1 103 68c0-5.6 4.4-10.3 10-10.6"/></g><path fill="#ffff50" d="M103 183h60c11 0 20-9 20-20V93h-60c-11 0-20 9-20 20z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-width="5" d="M63 53a10 10 0 1 0-20 0"/><path stroke-linecap="butt" d="M183 62.6c-5 0-5 10-10 10.7c-5 0-5-10-10-10s-5 9-10 9s-5-8.5-10-8.5s-5 8-10 8s-5-7.25-10-7.25s-5 6.5-10 6.5"/><path d="M168 113h-50m50 10h-50m50 10h-50m50 10h-50m50 10h-50m50 10h-50"/></g><circle cx="143" cy="39.3" r="2.5"/><circle cx="163" cy="38" r="2.5"/><circle cx="113" cy="71" r="1"/><path fill="#3ecc5f" d="M83 123h40v-20H83zm0 60h40v-40H83z"/><g fill="#44d860"><circle cx="123" cy="113" r="10"/><circle cx="123" cy="163" r="20"/><g stroke="#44d860" stroke-linecap="round"><path stroke-width="4.8" d="M128 104.3h0m3.7 3.7h0m1.3 5h0m-1.3 5h0m-3.7 3.7h0"/><path stroke-width="10" d="M113 145.7h0m10-2.7h0m10 2.7h0m7.3 7.3h0m2.7 10h0"/></g></g></g></svg>

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

React

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

<Icon icon="vscode-icons:file-type-docusaurus" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-docusaurus" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-docusaurus" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vscode-icons:file-type-docusaurus"></iconify-icon>

صورة HTML

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

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

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

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

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

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

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

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

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

تصفح كل VSCode Icons →