Ikon File Type Docz
vscode-icons:file-type-docz
Ikon File Type Docz (vscode-icons:file-type-docz) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode 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
- VSCode Icons
- Pembuat
- Roberto Huertas
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- filetype, typedocz, filetypedocz
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f2ebda" d="M24.053 7.707a2.306 2.306 0 0 1 2.314-2.3H9.4a2.307 2.307 0 0 0-2.315 2.3v18.885h14.653a2.307 2.307 0 0 0 2.315-2.3Z"/><path fill="#e2d9c5" d="M28.685 7.844h-4.632v16.449a2.307 2.307 0 0 1-2.315 2.3H4.724a2.345 2.345 0 0 1-2.314-2.437h16.963a2.47 2.47 0 0 0 .942 1.978a2.29 2.29 0 0 0 .928-1.841V7.707a2.306 2.306 0 0 1 2.314-2.3h2.814a2.344 2.344 0 0 1 2.314 2.437"/><path fill="#dda064" d="M17.816 19.8a11.2 11.2 0 0 1 1.917-4.122c2.21-2.507 6.642-3.244 9.857-3.162a28.5 28.5 0 0 0-2.9 2.752a15.1 15.1 0 0 1-4.821 3.22a25 25 0 0 0-4.053 1.312"/><path fill="#b57947" d="M17.816 19.8c.476-1.472 8.559-7.366 11.774-7.284a28.5 28.5 0 0 0-2.9 2.752a15.1 15.1 0 0 1-4.821 3.22a25 25 0 0 0-4.053 1.312"/><path d="M22.1 9.579a.41.41 0 0 0-.41-.408h-8.74a.408.408 0 1 0 0 .816h8.737a.41.41 0 0 0 .413-.408m-12.444.408h1.384a.408.408 0 1 0 0-.816H9.656a.408.408 0 1 0 0 .816m0 11.681a.408.408 0 1 0 0 .816h4.293a.408.408 0 1 0 0-.816Zm6.426-3.758a.41.41 0 0 0-.411-.407H9.656a.408.408 0 1 0 0 .815h6.015a.41.41 0 0 0 .411-.408m2.928-4.165a.41.41 0 0 0-.411-.408H9.656a.408.408 0 1 0 0 .815H18.6a.41.41 0 0 0 .41-.407m5.043 5.2a.41.41 0 0 0-.411.408v4.94a1.9 1.9 0 0 1-1.9 1.892h-.051a1.943 1.943 0 0 1-1.9-2.033a.41.41 0 0 0-.41-.4H7.5V7.707a1.9 1.9 0 0 1 1.9-1.892h15.019l-.035.038l-.043.046l-.043.049l-.041.049l-.041.051l-.039.051l-.038.053l-.037.052l-.036.055l-.034.055l-.033.056l-.032.057l-.03.058l-.03.058l-.027.057l-.026.06l-.025.061l-.024.061l-.021.063l-.021.062l-.019.066l-.017.061l-.016.069l-.014.061l-.013.072l-.011.06l-.01.078c-.003.026 0 .038-.007.056s0 .059-.007.088v3.805a.411.411 0 0 0 .821 0V8.251h4.222a.4.4 0 0 0 .292-.121a.4.4 0 0 0 .118-.29A2.743 2.743 0 0 0 26.367 5H9.4a2.72 2.72 0 0 0-2.72 2.707v16.042H2.41a.41.41 0 0 0-.41.411A2.74 2.74 0 0 0 4.724 27h17.014a2.72 2.72 0 0 0 2.725-2.707v-4.94a.41.41 0 0 0-.41-.408m.431-11.518l.006-.037l.01-.052l.008-.039l.011-.048l.011-.041l.013-.045l.013-.041l.015-.043l.015-.042L24.6 7l.018-.042l.016-.037l.021-.043l.016-.032l.029-.046l.01-.017a2 2 0 0 1 .125-.193l.045-.059l.008-.009l.046-.054l.009-.01l.049-.053l.008-.011l.053-.053h.006l.058-.053a1.9 1.9 0 0 1 .9-.433l.085-.013c.027 0 .054-.007.082-.009h.016l.076-.005h.092a1.9 1.9 0 0 1 1.863 1.621h-3.748ZM4.724 26.185a1.9 1.9 0 0 1-1.864-1.621h16.131l.02.126l.008.041l.016.082l.011.048q.008.037.018.073l.014.05l.019.069l.016.051l.022.065l.018.051l.025.064l.02.048l.028.064l.02.046l.032.066l.021.041l.041.076l.015.028l.061.1l.015.023q.024.039.049.075l.024.034l.045.061l.028.036l.044.055l.03.036l.046.052l.032.035l.023.025ZM30 12.514V12.5a.4.4 0 0 0-.02-.11v-.006l-.023-.052v-.006l-.027-.042l-.006-.009l-.035-.04l-.009-.008l-.037-.031a.3.3 0 0 0-.047-.029l-.009-.005l-.051-.022a.3.3 0 0 0-.055-.014h-.012a.4.4 0 0 0-.057-.006c-3.434-.088-7.912.733-10.176 3.3a10.6 10.6 0 0 0-1.89 3.928l-.109.338v.014l-.693 2.447a.406.406 0 0 0 .284.5a.4.4 0 0 0 .111.016a.41.41 0 0 0 .395-.3l.643-2.269a13 13 0 0 1 2.275-.769c.444-.12.947-.256 1.556-.442a15.3 15.3 0 0 0 5-3.332a28 28 0 0 1 2.859-2.714a.4.4 0 0 0 .041-.039l.034-.044l.006-.009a.4.4 0 0 0 .046-.1v-.01l.006-.067v-.038Zm-9.959 3.433a8.73 8.73 0 0 1 4.352-2.427a17 17 0 0 1 1.634-.352a32 32 0 0 0-3.579 2.069a33 33 0 0 0-3.565 2.708a6.7 6.7 0 0 1 1.158-1.998m6.349-.955a14.8 14.8 0 0 1-4.64 3.108c-.6.182-1.092.316-1.53.434c-.4.107-.756.2-1.112.317q.237-.227.566-.512a33 33 0 0 1 3.23-2.423a22.4 22.4 0 0 1 5.322-2.758a30 30 0 0 0-1.836 1.834"/></svg>
Cara memakai ikon File Type Docz
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-docz" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-docz" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-docz" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-docz]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-docz"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vscode-icons:file-type-docz"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docz.svg" alt="Ikon File Type Docz" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Docz
Apakah ikon File Type Docz gratis untuk penggunaan komersial?
Ya. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon File Type Docz di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-docz" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Docz ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-docz.svg" alt="Ikon File Type Docz">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
