Docs Outline icon
glyphs:docs-outline
The Docs Outline icon (glyphs:docs-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- docsoutline, doc
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor" fill-opacity=".25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10 27.667A9.667 9.667 0 0 1 19.667 18H20a2 2 0 1 0 0-4h-.333C12.119 14 6 20.119 6 27.667v24.666C6 59.881 12.119 66 19.667 66H20a2 2 0 1 0 0-4h-.333A9.667 9.667 0 0 1 10 52.333z"/><path d="M34.84 18a6 6 0 0 0-5.97 6.597l.572 5.718A10 10 0 0 1 24.44 40a10 10 0 0 1 5.002 9.685l-.572 5.718A6 6 0 0 0 34.84 62H36a2 2 0 1 1 0 4h-1.16c-5.916 0-10.54-5.108-9.95-10.995l.571-5.718a6 6 0 0 0-3.287-5.964l-3.068-1.534a2 2 0 0 1 0-3.578l3.068-1.534a6 6 0 0 0 3.287-5.964l-.571-5.718C24.3 19.108 28.924 14 34.84 14H36a2 2 0 1 1 0 4zm16.29 6.597A6 6 0 0 0 45.16 18H44a2 2 0 1 1 0-4h1.16c5.916 0 10.54 5.108 9.95 10.995l-.571 5.718a6 6 0 0 0 3.287 5.964l3.068 1.534a2 2 0 0 1 0 3.578l-3.068 1.534a6 6 0 0 0-3.287 5.964l.572 5.718C55.699 60.892 51.076 66 45.16 66H44a2 2 0 1 1 0-4h1.16a6 6 0 0 0 5.97-6.597l-.572-5.718A10 10 0 0 1 55.56 40a10 10 0 0 1-5.001-9.685z"/><path d="M70 27.667A9.667 9.667 0 0 0 60.333 18H60a2 2 0 1 1 0-4h.333C67.881 14 74 20.119 74 27.667v24.666C74 59.881 67.881 66 60.333 66H60a2 2 0 1 1 0-4h.333A9.667 9.667 0 0 0 70 52.333z"/></g></svg>
How to use the Docs Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:docs-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:docs-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:docs-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--docs-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:docs-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:docs-outline"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/docs-outline.svg" alt="Docs Outline icon" width="24" height="24">
Docs Outline icon in other icon sets
Docs Outline icon FAQ
Is the Docs Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Docs Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:docs-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Docs Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/docs-outline.svg" alt="Docs Outline icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs icons →
ICONYZ
