Ikon Docs Outline
glyphs:docs-outline
Ikon Docs Outline (glyphs:docs-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- docsoutline, doc
Kode SVG
<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>
Cara memakai ikon Docs Outline
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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/docs-outline.svg" alt="Ikon Docs Outline" width="24" height="24">
Ikon Docs Outline di set ikon lain
FAQ Ikon Docs Outline
Apakah ikon Docs Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Docs Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:docs-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Docs Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/docs-outline.svg" alt="Ikon Docs Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
