Docpad icon
file-icons:docpad
The Docpad icon (file-icons:docpad) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M62.676 231.304c10.728-6.185 10.728-21.731 0-27.916s-24.211 1.588-24.211 13.958s13.483 20.143 24.21 13.958m324.275-87.08v53.88h18.85v38.487H105.525c-13.644 36.372-61.335 47.605-89.612 19.328c-29.583-29.583-15.928-80.419 24.52-91.284c28.708-7.712 55.746 8.787 65.153 33.469h189v-53.88h30.665v30.858h30.858v-30.858zm62.373 136.472c-10.728 6.185-10.728 21.731 0 27.916s24.211-1.588 24.211-13.958s-13.483-20.143-24.21-13.958m-324.275 87.08v-53.88H106.2v-38.487h300.274c13.644-36.372 61.335-47.605 89.612-19.328c29.583 29.583 15.928 80.419-24.52 91.284c-28.708 7.712-55.746-8.787-65.153-33.469h-189v53.88H186.75v-30.858h-30.86v30.858z"/></svg>How to use the Docpad icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:docpad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:docpad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:docpad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--docpad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:docpad"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:docpad"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/docpad.svg" alt="Docpad icon" width="24" height="24">Docpad icon FAQ
Is the Docpad 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 Docpad icon in React?
Install @iconify/react and render <Icon icon="file-icons:docpad" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Docpad icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/docpad.svg" alt="Docpad icon">, or paste the SVG code inline to style it with CSS.