File Type Docusaurus icon
vscode-icons:file-type-docusaurus
The File Type Docusaurus icon (vscode-icons:file-type-docusaurus) is a free SVG icon from the VSCode Icons set by Roberto Huertas. It is drawn on a 32 × 32 grid. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- VSCode Icons
- Author
- Roberto Huertas
- License
- MIT
- Size
- 32 × 32
- Tags
- filetype, typedocusaurus, filetypedocusaurus
SVG code
<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>
How to use the File Type Docusaurus icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docusaurus.svg" alt="File Type Docusaurus icon" width="24" height="24">
Related icons in VSCode Icons
File Type Docusaurus icon FAQ
Is the File Type Docusaurus icon free for commercial use?
Yes. VSCode Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the File Type Docusaurus icon in React?
Install @iconify/react and render <Icon icon="vscode-icons:file-type-docusaurus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the File Type Docusaurus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docusaurus.svg" alt="File Type Docusaurus icon">, or paste the SVG code inline to style it with CSS.
Browse all VSCode Icons →
