Docz icon

file-icons:docz

The Docz icon (file-icons:docz) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M359.994 130.292H200.225c-9.895 0-9.895 15.01 0 15.01h159.768c10.026.001 10.027-15.01.001-15.01m-194.692 0h-25.307c-10.06 0-10.06 15.01 0 15.01h25.307c9.97 0 9.97-15.01 0-15.01m53.195 230.052h-78.502c-10.058 0-10.058 15.01 0 15.01h78.502c10.093 0 10.093-15.01 0-15.01m31.498-76.683h-110c-9.8 0-9.8 15.01 0 15.01h110c9.995 0 9.995-15.01 0-15.01m53.545-76.686H139.995c-10.124 0-10.124 15.01 0 15.01H303.54c10.138 0 10.138-15.01 0-15.01m92.212-101.125v64.095c0 10.033 15.01 10.033 15.01 0v-56.59h77.206c4.878-.137 7.658-4.094 7.505-7.579c-.296-29.8-21.712-52.272-49.895-52.272h-310.18c-27.475 0-49.826 22.352-49.826 49.827v295.314H7.504c-4.17.115-7.398 3.282-7.504 7.579c.296 29.8 21.712 52.272 49.815 52.272h311.124c27.475 0 49.827-22.352 49.827-49.827v-90.946c0-9.974-15.012-9.973-15.012.001v90.946c-2.026 45.756-69.024 47.705-70.564-2.594a7.506 7.506 0 0 0-7.505-7.431H100.586V103.33c0-19.198 15.619-34.816 34.815-34.816h274.567c-9.368 9.79-14.581 22.29-14.216 37.336m-71.14 337.636H49.813c-17.225 0-30.856-12.385-34.082-29.83h294.97c1.82 12.084 6.393 22.075 13.91 29.83m-55.315-74.504c-2.12 10.191 11.51 13.354 14.45 4.067l11.764-41.784c48.948-22.07 66.995-10.442 127.846-54.488c23.694-17.15 51.297-42.724 85.933-79.1c5.324-4.732 2.28-12.909-4.586-13.29c-62.8-1.625-144.689 13.492-186.089 60.754c-21.305 23.673-34.056 67.392-49.318 123.84M439.37 203.869c-45.14 22.16-88.36 51.587-130.65 87.931c15.313-45.3 56.72-75.542 130.65-87.93M312.834 308.465c51.763-45.617 108.436-84.253 166.736-104.796c-25.372 25.248-47.372 48.12-69.993 64.222c-42.605 30.326-66.792 30.512-96.743 40.574M479.747 98.343h-68.614c6.677-39.296 61.377-40.203 68.614 0"/></svg>

How to use the Docz icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:docz"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:docz"></iconify-icon>

HTML image

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

Docz icon FAQ

Is the Docz icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Docz icon in React?

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

How do I add the Docz icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/docz.svg" alt="Docz icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →