أيقونة 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 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.