file type docusaurus logo

file-type-docusaurus from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-docusaurus
Set
VSCode Icons
Style
Color
Viewbox
200×200
License
MIT

Related icons in VSCode Icons

Use the file type docusaurus logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 200 200"><g fill="#44d860"><circle cx="183" cy="113" r="10"/><circle cx="188" cy="104.3" r="2.4"/><circle cx="191.7" cy="108" r="2.4"/><circle cx="193" cy="113" r="2.4"/><circle cx="191.7" cy="118" r="2.4"/><circle cx="188" cy="121.7" r="2.4"/><circle cx="173" cy="163" r="20"/><circle cx="183" cy="145.7" r="5"/><circle cx="190.3" cy="153" r="5"/><circle cx="193" cy="163" r="5"/></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 53a1 1 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="128" cy="104.3" r="2.4"/><circle cx="131.7" cy="108" r="2.4"/><circle cx="133" cy="113" r="2.4"/><circle cx="131.7" cy="118" r="2.4"/><circle cx="128" cy="121.7" r="2.4"/><circle cx="123" cy="163" r="20"/><circle cx="113" cy="145.7" r="5"/><circle cx="123" cy="143" r="5"/><circle cx="133" cy="145.7" r="5"/><circle cx="140.3" cy="153" r="5"/><circle cx="143" cy="163" r="5"/></g></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeDocusaurus(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 200 200"><g fill="#44d860"><circle cx="183" cy="113" r="10"/><circle cx="188" cy="104.3" r="2.4"/><circle cx="191.7" cy="108" r="2.4"/><circle cx="193" cy="113" r="2.4"/><circle cx="191.7" cy="118" r="2.4"/><circle cx="188" cy="121.7" r="2.4"/><circle cx="173" cy="163" r="20"/><circle cx="183" cy="145.7" r="5"/><circle cx="190.3" cy="153" r="5"/><circle cx="193" cy="163" r="5"/></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" strokeLinecap="round" strokeWidth="2"><path strokeWidth="5" d="M63 53a1 1 0 1 0-20 0"/><path strokeLinecap="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="128" cy="104.3" r="2.4"/><circle cx="131.7" cy="108" r="2.4"/><circle cx="133" cy="113" r="2.4"/><circle cx="131.7" cy="118" r="2.4"/><circle cx="128" cy="121.7" r="2.4"/><circle cx="123" cy="163" r="20"/><circle cx="113" cy="145.7" r="5"/><circle cx="123" cy="143" r="5"/><circle cx="133" cy="145.7" r="5"/><circle cx="140.3" cy="153" r="5"/><circle cx="143" cy="163" r="5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 200 200"><g fill="#44d860"><circle cx="183" cy="113" r="10"/><circle cx="188" cy="104.3" r="2.4"/><circle cx="191.7" cy="108" r="2.4"/><circle cx="193" cy="113" r="2.4"/><circle cx="191.7" cy="118" r="2.4"/><circle cx="188" cy="121.7" r="2.4"/><circle cx="173" cy="163" r="20"/><circle cx="183" cy="145.7" r="5"/><circle cx="190.3" cy="153" r="5"/><circle cx="193" cy="163" r="5"/></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 53a1 1 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="128" cy="104.3" r="2.4"/><circle cx="131.7" cy="108" r="2.4"/><circle cx="133" cy="113" r="2.4"/><circle cx="131.7" cy="118" r="2.4"/><circle cx="128" cy="121.7" r="2.4"/><circle cx="123" cy="163" r="20"/><circle cx="113" cy="145.7" r="5"/><circle cx="123" cy="143" r="5"/><circle cx="133" cy="145.7" r="5"/><circle cx="140.3" cy="153" r="5"/><circle cx="143" cy="163" r="5"/></g></svg>
</template>

CSS

.icon-file-type-docusaurus {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22%2344d860%22%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22113%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22188%22%20cy%3D%22104.3%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22191.7%22%20cy%3D%22108%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22193%22%20cy%3D%22113%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22191.7%22%20cy%3D%22118%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22188%22%20cy%3D%22121.7%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22163%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22190.3%22%20cy%3D%22153%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22193%22%20cy%3D%22163%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M99%2052h84v34H99z%22%2F%3E%3Cg%20fill%3D%22%233ecc5f%22%3E%3Cpath%20d%3D%22M23%20163c-7.4%200-14-4-17.3-10A20%2020%200%200%200%203%20163c0%2011%209%2020%2020%2020h20v-20zm120%2020h30v-40h-30z%22%2F%3E%3Cpath%20d%3D%22m113%2057.4l70-4.4V43c0-11-9-20-20-20H73c-4-8-6-8-10%200c-4-8-6-8-10%200c-4-8-6-8-10%200c-6-9-9-5-10.3%202.3c-8-3-11-3-7.3%207.3c-8%202-10%204-2.4%2010.4c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c0%2011%209%2020%2020%2020h120c11%200%2020-9%2020-20V83l-70-4.3A10.6%2010.6%200%200%201%20103%2068c0-5.6%204.4-10.3%2010-10.6%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffff50%22%20d%3D%22M103%20183h60c11%200%2020-9%2020-20V93h-60c-11%200-20%209-20%2020z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-width%3D%225%22%20d%3D%22M63%2053a1%201%200%201%200-20%200%22%2F%3E%3Cpath%20stroke-linecap%3D%22butt%22%20d%3D%22M183%2062.6c-5%200-5%2010-10%2010.7c-5%200-5-10-10-10s-5%209-10%209s-5-8.5-10-8.5s-5%208-10%208s-5-7.25-10-7.25s-5%206.5-10%206.5%22%2F%3E%3Cpath%20d%3D%22M168%20113h-50m50%2010h-50m50%2010h-50m50%2010h-50m50%2010h-50m50%2010h-50%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22143%22%20cy%3D%2239.3%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22163%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%2271%22%20r%3D%221%22%2F%3E%3Cpath%20fill%3D%22%233ecc5f%22%20d%3D%22M83%20123h40v-20H83zm0%2060h40v-40H83z%22%2F%3E%3Cg%20fill%3D%22%2344d860%22%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22113%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22104.3%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22131.7%22%20cy%3D%22108%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22133%22%20cy%3D%22113%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22131.7%22%20cy%3D%22118%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22121.7%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22163%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22143%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22133%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22140.3%22%20cy%3D%22153%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22143%22%20cy%3D%22163%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22%2344d860%22%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22113%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22188%22%20cy%3D%22104.3%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22191.7%22%20cy%3D%22108%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22193%22%20cy%3D%22113%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22191.7%22%20cy%3D%22118%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22188%22%20cy%3D%22121.7%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22173%22%20cy%3D%22163%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%22183%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22190.3%22%20cy%3D%22153%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22193%22%20cy%3D%22163%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M99%2052h84v34H99z%22%2F%3E%3Cg%20fill%3D%22%233ecc5f%22%3E%3Cpath%20d%3D%22M23%20163c-7.4%200-14-4-17.3-10A20%2020%200%200%200%203%20163c0%2011%209%2020%2020%2020h20v-20zm120%2020h30v-40h-30z%22%2F%3E%3Cpath%20d%3D%22m113%2057.4l70-4.4V43c0-11-9-20-20-20H73c-4-8-6-8-10%200c-4-8-6-8-10%200c-4-8-6-8-10%200c-6-9-9-5-10.3%202.3c-8-3-11-3-7.3%207.3c-8%202-10%204-2.4%2010.4c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c-8%204-8%206%200%2010c0%2011%209%2020%2020%2020h120c11%200%2020-9%2020-20V83l-70-4.3A10.6%2010.6%200%200%201%20103%2068c0-5.6%204.4-10.3%2010-10.6%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23ffff50%22%20d%3D%22M103%20183h60c11%200%2020-9%2020-20V93h-60c-11%200-20%209-20%2020z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-width%3D%225%22%20d%3D%22M63%2053a1%201%200%201%200-20%200%22%2F%3E%3Cpath%20stroke-linecap%3D%22butt%22%20d%3D%22M183%2062.6c-5%200-5%2010-10%2010.7c-5%200-5-10-10-10s-5%209-10%209s-5-8.5-10-8.5s-5%208-10%208s-5-7.25-10-7.25s-5%206.5-10%206.5%22%2F%3E%3Cpath%20d%3D%22M168%20113h-50m50%2010h-50m50%2010h-50m50%2010h-50m50%2010h-50m50%2010h-50%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22143%22%20cy%3D%2239.3%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22163%22%20cy%3D%2238%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%2271%22%20r%3D%221%22%2F%3E%3Cpath%20fill%3D%22%233ecc5f%22%20d%3D%22M83%20123h40v-20H83zm0%2060h40v-40H83z%22%2F%3E%3Cg%20fill%3D%22%2344d860%22%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22113%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22104.3%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22131.7%22%20cy%3D%22108%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22133%22%20cy%3D%22113%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22131.7%22%20cy%3D%22118%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22121.7%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22163%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%22113%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22123%22%20cy%3D%22143%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22133%22%20cy%3D%22145.7%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22140.3%22%20cy%3D%22153%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22143%22%20cy%3D%22163%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-docusaurus.svg?color=%231a73e8&size=48