Icono File Type Lime
vscode-icons:file-type-lime
El icono File Type Lime (vscode-icons:file-type-lime) es un icono SVG gratuito de la colección VSCode Icons de Roberto Huertas. Está dibujado en una cuadrícula de 32 × 32. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- VSCode Icons
- Autor
- Roberto Huertas
- Licencia
- MIT
- Tamaño
- 32 × 32
- Etiquetas
- filetype, typelime, filetypelime
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lime.svg" alt="Icono File Type Lime" width="24" height="24">
Iconos relacionados en VSCode Icons
Preguntas frecuentes sobre Icono File Type Lime
¿El icono File Type Lime es gratis para uso comercial?
Sí. VSCode Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono File Type Lime en React?
Instala @iconify/react y renderiza <Icon icon="vscode-icons:file-type-lime" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono File Type Lime a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lime.svg" alt="Icono File Type Lime">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los VSCode Icons →
