Esdoc icon

file-icons:esdoc

The Esdoc icon (file-icons:esdoc) 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="M160.763 115.81c-34.287 26.285-55.58 76.19-49.808 129.99c36.528 19.048 53.235 56.295 45.235 96.295C216 383.62 292.952 384.762 348.571 344c-6.095-45.714 11.934-83.665 48-98.286c3.757-42.567-8.584-80.603-27.047-105.904c-41.143-56.381-144.381-75.81-208.761-24m138.63 137.622l-26.654-.099l-17.882 21.927l-19.5-21.927l-34.982-.051c-43.352-.071-70.38-46.126-49.027-84.113c19.51-36.598 81.223-43.264 103.51 8.156c22.095-52.11 88.42-47.442 107.092-.64c15.6 40.955-18.307 80.962-62.557 76.747M127.711 34.453c-170.281 98.17-170.281 344.925 0 443.094S512 452.338 512 256S297.993-63.716 127.711 34.453m242.956 347.261c-6.437-5.83-12.01-14.106-17.143-25.904c-12.068 8.688-24.457 15.85-39.238 21.714v35.428c-1.143 20.476-35.429 19.048-38.857 7.62v25.523c0 24.762-40.381 20.762-40.381 1.143v-26.667c-5.334 10.477-36.572 13.715-39.62-7.619v-35.047c-13.76-5.812-29.758-12.908-42.666-23.62c-4.091 9.336-10.94 19.607-17.905 28.572c-32.142-29.584-52.104-71.904-37.333-138.286c-6.832-55.837 19.434-110.265 48.38-132.19V56l48.763 27.429c35.633-13.094 79.047-13.715 119.238.38L360 56.763l1.143 54.095c43.047 41.524 51.428 83.81 48 140.572c10.345 50.5-.762 96.761-38.476 130.285"/></svg>

How to use the Esdoc icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Esdoc icon in other icon sets

Esdoc icon FAQ

Is the Esdoc 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 Esdoc icon in React?

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

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

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

Browse all File Icons →