File Type Docz icon

vscode-icons:file-type-docz

The File Type Docz icon (vscode-icons:file-type-docz) 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, typedocz, filetypedocz

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f2ebda" d="M24.053 7.707a2.306 2.306 0 0 1 2.314-2.3H9.4a2.307 2.307 0 0 0-2.315 2.3v18.885h14.653a2.307 2.307 0 0 0 2.315-2.3Z"/><path fill="#e2d9c5" d="M28.685 7.844h-4.632v16.449a2.307 2.307 0 0 1-2.315 2.3H4.724a2.345 2.345 0 0 1-2.314-2.437h16.963a2.47 2.47 0 0 0 .942 1.978a2.29 2.29 0 0 0 .928-1.841V7.707a2.306 2.306 0 0 1 2.314-2.3h2.814a2.344 2.344 0 0 1 2.314 2.437"/><path fill="#dda064" d="M17.816 19.8a11.2 11.2 0 0 1 1.917-4.122c2.21-2.507 6.642-3.244 9.857-3.162a28.5 28.5 0 0 0-2.9 2.752a15.1 15.1 0 0 1-4.821 3.22a25 25 0 0 0-4.053 1.312"/><path fill="#b57947" d="M17.816 19.8c.476-1.472 8.559-7.366 11.774-7.284a28.5 28.5 0 0 0-2.9 2.752a15.1 15.1 0 0 1-4.821 3.22a25 25 0 0 0-4.053 1.312"/><path d="M22.1 9.579a.41.41 0 0 0-.41-.408h-8.74a.408.408 0 1 0 0 .816h8.737a.41.41 0 0 0 .413-.408m-12.444.408h1.384a.408.408 0 1 0 0-.816H9.656a.408.408 0 1 0 0 .816m0 11.681a.408.408 0 1 0 0 .816h4.293a.408.408 0 1 0 0-.816Zm6.426-3.758a.41.41 0 0 0-.411-.407H9.656a.408.408 0 1 0 0 .815h6.015a.41.41 0 0 0 .411-.408m2.928-4.165a.41.41 0 0 0-.411-.408H9.656a.408.408 0 1 0 0 .815H18.6a.41.41 0 0 0 .41-.407m5.043 5.2a.41.41 0 0 0-.411.408v4.94a1.9 1.9 0 0 1-1.9 1.892h-.051a1.943 1.943 0 0 1-1.9-2.033a.41.41 0 0 0-.41-.4H7.5V7.707a1.9 1.9 0 0 1 1.9-1.892h15.019l-.035.038l-.043.046l-.043.049l-.041.049l-.041.051l-.039.051l-.038.053l-.037.052l-.036.055l-.034.055l-.033.056l-.032.057l-.03.058l-.03.058l-.027.057l-.026.06l-.025.061l-.024.061l-.021.063l-.021.062l-.019.066l-.017.061l-.016.069l-.014.061l-.013.072l-.011.06l-.01.078c-.003.026 0 .038-.007.056s0 .059-.007.088v3.805a.411.411 0 0 0 .821 0V8.251h4.222a.4.4 0 0 0 .292-.121a.4.4 0 0 0 .118-.29A2.743 2.743 0 0 0 26.367 5H9.4a2.72 2.72 0 0 0-2.72 2.707v16.042H2.41a.41.41 0 0 0-.41.411A2.74 2.74 0 0 0 4.724 27h17.014a2.72 2.72 0 0 0 2.725-2.707v-4.94a.41.41 0 0 0-.41-.408m.431-11.518l.006-.037l.01-.052l.008-.039l.011-.048l.011-.041l.013-.045l.013-.041l.015-.043l.015-.042L24.6 7l.018-.042l.016-.037l.021-.043l.016-.032l.029-.046l.01-.017a2 2 0 0 1 .125-.193l.045-.059l.008-.009l.046-.054l.009-.01l.049-.053l.008-.011l.053-.053h.006l.058-.053a1.9 1.9 0 0 1 .9-.433l.085-.013c.027 0 .054-.007.082-.009h.016l.076-.005h.092a1.9 1.9 0 0 1 1.863 1.621h-3.748ZM4.724 26.185a1.9 1.9 0 0 1-1.864-1.621h16.131l.02.126l.008.041l.016.082l.011.048q.008.037.018.073l.014.05l.019.069l.016.051l.022.065l.018.051l.025.064l.02.048l.028.064l.02.046l.032.066l.021.041l.041.076l.015.028l.061.1l.015.023q.024.039.049.075l.024.034l.045.061l.028.036l.044.055l.03.036l.046.052l.032.035l.023.025ZM30 12.514V12.5a.4.4 0 0 0-.02-.11v-.006l-.023-.052v-.006l-.027-.042l-.006-.009l-.035-.04l-.009-.008l-.037-.031a.3.3 0 0 0-.047-.029l-.009-.005l-.051-.022a.3.3 0 0 0-.055-.014h-.012a.4.4 0 0 0-.057-.006c-3.434-.088-7.912.733-10.176 3.3a10.6 10.6 0 0 0-1.89 3.928l-.109.338v.014l-.693 2.447a.406.406 0 0 0 .284.5a.4.4 0 0 0 .111.016a.41.41 0 0 0 .395-.3l.643-2.269a13 13 0 0 1 2.275-.769c.444-.12.947-.256 1.556-.442a15.3 15.3 0 0 0 5-3.332a28 28 0 0 1 2.859-2.714a.4.4 0 0 0 .041-.039l.034-.044l.006-.009a.4.4 0 0 0 .046-.1v-.01l.006-.067v-.038Zm-9.959 3.433a8.73 8.73 0 0 1 4.352-2.427a17 17 0 0 1 1.634-.352a32 32 0 0 0-3.579 2.069a33 33 0 0 0-3.565 2.708a6.7 6.7 0 0 1 1.158-1.998m6.349-.955a14.8 14.8 0 0 1-4.64 3.108c-.6.182-1.092.316-1.53.434c-.4.107-.756.2-1.112.317q.237-.227.566-.512a33 33 0 0 1 3.23-2.423a22.4 22.4 0 0 1 5.322-2.758a30 30 0 0 0-1.836 1.834"/></svg>

How to use the File Type Docz icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-docz"></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-docz"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docz.svg" alt="File Type Docz icon" width="24" height="24">

Related icons in VSCode Icons

File Type Docz icon FAQ

Is the File Type Docz 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 Docz icon in React?

Install @iconify/react and render <Icon icon="vscode-icons:file-type-docz" />, or use “Copy code” on this page to get a standalone React component.

How do I add the File Type Docz 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-docz.svg" alt="File Type Docz icon">, or paste the SVG code inline to style it with CSS.

Browse all VSCode Icons →