Ikon File Type Coffeelint
vscode-icons:file-type-coffeelint
Ikon File Type Coffeelint (vscode-icons:file-type-coffeelint) 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, typecoffeelint, filetypecoffeelint
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#6f4e37" d="M13.114 5.728c.025.153-.051.28-.306.408a3.46 3.46 0 0 0-1.63-.229c-.637.051-1.172.255-1.1.688c.1.433.713.688 1.808.586c2.674-.229 2.649-2.038 6.571-2.394c3.056-.28 4.763.662 4.992 1.808c.178.891-.56 1.757-2.776 1.936c-1.961.178-3.107-.357-3.209-.891c-.051-.28.1-.688 1.044-.79c.1.433.637.891 1.91.764C21.341 7.536 22.1 7.2 22 6.7c-.1-.535-1.07-.84-2.6-.713c-3.107.28-3.871 1.987-6.52 2.216c-1.88.173-3.408-.514-3.612-1.533c-.076-.382-.076-1.273 1.91-1.452c1.019-.076 1.834.1 1.936.509Zm3.718 4.763A41 41 0 0 1 8.5 9.7c-2.263-.56-3.46-1.171-3.46-1.96c0-.331.153-.611.611-.942c-1.426.56-2.19 1.019-2.19 1.732c.076.79 1.35 1.579 3.948 2.19a39.4 39.4 0 0 0 9.347.942a39 39 0 0 0 9.344-.942c2.6-.611 3.846-1.426 3.846-2.19c0-.56-.56-1.1-1.579-1.5a.86.86 0 0 1 .408.688c0 .79-1.172 1.426-3.54 1.961a39.3 39.3 0 0 1-8.402.811Z"/><path fill="#393" d="M3.181 16.374A5.28 5.28 0 0 0 2.01 19.99a4.2 4.2 0 0 0 1.655 3.056a4 4 0 0 0 3.362.79a11 11 0 0 0 1.5-.484a4.24 4.24 0 0 1-2.751-1.019a4.13 4.13 0 0 1-1.732-2.827a3.8 3.8 0 0 1 .614-3.006A3.98 3.98 0 0 1 7.409 15a4.8 4.8 0 0 1 3.209.942a7 7 0 0 0-.866-.866a4.1 4.1 0 0 0-3.464-.688a5.2 5.2 0 0 0-3.107 1.987Zm23.024-3.693a42.3 42.3 0 0 1-9.347.942a44 44 0 0 1-9.424-.942c-2.19-.56-3.362-1.172-3.769-1.808a23.2 23.2 0 0 0 2.6 7.641c.942 1.426 1.885 2.674 2.827 4.024a10 10 0 0 1 .866 2.369a4.56 4.56 0 0 0 2.6 1.732a10.6 10.6 0 0 0 4.177.611h.153a11.8 11.8 0 0 0 4.3-.611a4.87 4.87 0 0 0 2.521-1.732h.076a9.6 9.6 0 0 1 .79-2.369c.942-1.35 1.885-2.6 2.827-4.024A24.6 24.6 0 0 0 30 10.872c-.509.713-1.681 1.328-3.795 1.809"/></svg>
Cara memakai ikon File Type Coffeelint
React
import { Icon } from "@iconify/react";
<Icon icon="vscode-icons:file-type-coffeelint" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vscode-icons:file-type-coffeelint" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vscode-icons:file-type-coffeelint" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-coffeelint]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-coffeelint"></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-coffeelint"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-coffeelint.svg" alt="Ikon File Type Coffeelint" width="24" height="24">
Ikon terkait di VSCode Icons
FAQ Ikon File Type Coffeelint
Apakah ikon File Type Coffeelint 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 Coffeelint di React?
Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-coffeelint" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon File Type Coffeelint ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-coffeelint.svg" alt="Ikon File Type Coffeelint">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua VSCode Icons →
