Ikon File Type Docusaurus
vscode-icons:file-type-docusaurus
Ikon File Type Docusaurus (vscode-icons:file-type-docusaurus) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- VSCode Icons
- Pembuat
- Roberto Huertas
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- filetype, typedocusaurus, filetypedocusaurus
Kode 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>
Cara memakai ikon 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>
Web component
<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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docusaurus.svg" alt="Ikon File Type Docusaurus" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Docusaurus
Apakah ikon File Type Docusaurus gratis untuk penggunaan komersial?
Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File Type Docusaurus di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-docusaurus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Docusaurus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docusaurus.svg" alt="Ikon File Type Docusaurus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
