Ikon File Type Lime

vscode-icons:file-type-lime

Ikon File Type Lime (vscode-icons:file-type-lime) 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, typelime, filetypelime

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#919c47" d="M6.687 10.259Q11.114 7.8 15.54 5.348c-.029 3.372-.008 6.745-.025 10.117c-3.015-1.68-6.008-3.393-9.026-5.065a2 2 0 0 1 .198-.141m9.599-4.524c2.979 1.633 5.941 3.3 8.922 4.928a3 3 0 0 1-.322.2c-2.877 1.551-5.731 3.147-8.617 4.68c.009-3.268.008-6.543.017-9.808M6.218 11.1c2.936 1.647 5.864 3.309 8.806 4.947a2 2 0 0 1-.258.216q-3.714 2.12-7.426 4.246c-.381.223-.776.424-1.136.683c.027-3.361-.004-6.726.014-10.092m10.593 5.029q4.485-2.455 8.979-4.894c0 3.189.006 6.378 0 9.568c-2.981-1.584-5.99-3.114-8.979-4.674m-9.917 5.516c2.868-1.689 5.766-3.326 8.641-5c-.006 3.343 0 6.687 0 10.031q-4.325-2.513-8.641-5.031m9.393-4.993Q20.757 19 25.248 21.3c-2.978 1.817-5.976 3.6-8.956 5.418c-.015-3.353-.004-6.709-.005-10.066"/><path fill="#88ac29" d="M8.42 7.568C11.212 5.7 14.029 3.863 16.827 2c0 .709 0 1.428-.051 2.129c1.031.671 2.124 1.261 3.178 1.893C22.3 7.417 24.666 8.766 27 10.18c.144 1.844.04 3.7.162 5.544c.037 1.22.006 2.441.1 3.659c-.011.683.044 1.369.006 2.052c-.739.613-1.571 1.116-2.341 1.694Q20.058 26.57 15.183 30a13.5 13.5 0 0 1-.125-1.846c-1.479-.917-2.991-1.781-4.489-2.666c-1.939-1.175-3.912-2.291-5.84-3.482c-.033-1.408.058-2.816.056-4.224q.045-2.493.054-4.987c.067-.967.043-1.937.076-2.9Q6.651 8.7 8.42 7.568m-.595 1.1q-1.193.8-2.458 1.495c.03 3.834.073 7.669.09 11.5c3.345 1.989 6.723 3.924 10.076 5.9c0 .44-.007.882 0 1.322c3.665-2.511 7.347-5 11.011-7.508c.013-3.612.064-7.224.087-10.836a6 6 0 0 1-.873-.452c-3.159-1.831-6.307-3.681-9.47-5.5c-.018-.494 0-.99-.013-1.484Q12.058 5.9 7.826 8.672Z"/><path fill="#fffffd" d="M7.826 8.672q4.227-2.784 8.454-5.565c.015.494 0 .99.013 1.484c3.163 1.824 6.31 3.674 9.47 5.5a6 6 0 0 0 .873.452c-.023 3.612-.073 7.224-.087 10.836c-3.665 2.511-7.347 5-11.011 7.508c-.011-.44-.006-.882 0-1.322c-3.353-1.975-6.731-3.91-10.076-5.9c-.017-3.835-.06-7.67-.09-11.5Q6.635 9.476 7.83 8.67m-1.143 1.589a2 2 0 0 0-.2.144c3.018 1.67 6.013 3.382 9.026 5.062c.228.153.5.327.754.124v-.044c2.886-1.533 5.74-3.129 8.617-4.68a3 3 0 0 0 .322-.2c-2.981-1.632-5.943-3.295-8.922-4.928a5.3 5.3 0 0 0-.745-.388Q11.115 7.81 6.686 10.26m-.469.844c-.013 3.364.013 6.728-.013 10.092a2.8 2.8 0 0 0 .689.45q4.31 2.527 8.637 5.028c.006-3.344 0-6.688 0-10.031c.1-.356-.282-.444-.51-.592c-2.942-1.638-5.87-3.3-8.806-4.947m10.593 5.027a5 5 0 0 0-.506.269c0 .063-.013.19-.018.253c0 3.357-.009 6.713.006 10.069c2.98-1.816 5.978-3.6 8.956-5.418c.183-.155.59-.2.538-.5c.009-3.19 0-6.379 0-9.568q-4.492 2.428-8.972 4.893Z"/><path fill="#c8cea3" d="M15.54 5.348a5.3 5.3 0 0 1 .745.388c-.008 3.27-.008 6.54-.017 9.81v.044c-.258.2-.526.029-.754-.124c.019-3.373-.003-6.746.026-10.118m-.516 10.701c.228.148.613.236.51.592c-2.874 1.677-5.773 3.314-8.641 5a2.8 2.8 0 0 1-.689-.45c.36-.259.755-.46 1.136-.683l7.426-4.246a2 2 0 0 0 .258-.213m1.276.351a5 5 0 0 1 .506-.269c2.991 1.559 6 3.09 8.976 4.674c.052.3-.356.344-.538.5q-4.492-2.3-8.962-4.651c.009-.065.018-.192.018-.254"/></svg>

Cara memakai ikon File Type Lime

React

import { Icon } from "@iconify/react";

<Icon icon="vscode-icons:file-type-lime" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="vscode-icons:file-type-lime" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="vscode-icons:file-type-lime" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-lime]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-lime"></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-lime"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lime.svg" alt="Ikon File Type Lime" width="24" height="24">

Ikon terkait di VSCode Icons

FAQ Ikon File Type Lime

Apakah ikon File Type Lime 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 Lime di React?

Pasang @iconify/react lalu render <Icon icon="vscode-icons:file-type-lime" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon File Type Lime ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lime.svg" alt="Ikon File Type Lime">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua VSCode Icons →