Ícone File Type Lychee

vscode-icons:file-type-lychee

O ícone File Type Lychee (vscode-icons:file-type-lychee) é um ícone SVG gratuito da coleção VSCode Icons de Roberto Huertas. Ele é desenhado em uma grade de 32 × 32. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: VSCode Icons
Autor: Roberto Huertas
Licença: MIT
Tamanho: 32 × 32
Tags: filetype, typelychee, filetypelychee

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGhDbaeMzN"><stop offset="0" stop-color="#d2d2d2"/></linearGradient><linearGradient id="SVGZsURPbTz" x1="86.99" x2="152.52" y1="90.38" y2="90.38" gradientUnits="userSpaceOnUse" href="#SVGhDbaeMzN"/></defs><g transform="matrix(.3 0 0 .3 4.76 .548)"><path d="M64.404 36.17c-.59-17.476-11.095-31.892-24.807-31.938c-19.42-.06-28.847 25.404-24.149 37.754c13.52 10.69 44.984 4.185 48.956-5.815" filter="blur(2.5px)" opacity=".25"/><path fill="#ff1999" d="M70.45 36.56c11.47.49 9.89 13.54 2.27 14.7c12.96 1.81 7 16.43 1.3 16.12c8.15 8.91.07 19.91-9.72 14.7c2.23 8.12-10.51 12.39-13.27 4.27c-4.53 13.58-16.81 8.56-16.73 2.23c-4.14 7.23-13.63 2.72-13.59-2.93c-7.25 4.14-16.32-4.67-11.24-11.38c-9.89-.24-9.65-12.44-2.25-14.17c1.72.7-.7 3.15-.02-.13c-10.24-3.31-8.53-14.4-1.3-14.3c-3.45-4.86 2.16-11.58 8.26-10.89"/><path fill="url(#SVGZsURPbTz)" d="M152.52 103.86c-.77-22.84-14.5-41.68-32.42-41.74c-25.38-.08-37.7 33.2-31.56 49.34c17.67 13.97 58.79 5.47 63.98-7.6" transform="translate(-51.66 -42.89)scale(.76517)"/><circle cx="33.86" cy="25.73" r="1.93" fill="#676767"/><circle cx="53.26" cy="26.44" r="2.24" fill="#676767"/><path fill="none" stroke="#676767" stroke-linecap="round" stroke-linejoin="round" stroke-width=".73" d="M40.32 27.13c-.19 1.49.28 2.92 1.63 3.19c2.01.41 2.8-1 3.5-2.63"/><path fill="#ff6fbf" d="M9.4 48.11c-6.18-.09-7.64 9.03 1.11 11.75c0 .04-.01.07-.02.12c-6.29 1.45-6.47 11.45 1.96 11.64c-4.34 5.52 3.4 12.76 9.61 9.35c-.03 4.64 8.08 8.35 11.61 2.41c-.06 4.88 9.13 8.8 13.48.11c-4.15 1.55-8.7-1.13-8.66-4.24c-3.45 5.31-11.35 2-11.32-2.15c-6.05 3.05-13.59-3.43-9.37-8.36c-8.22-.18-8.04-9.11-1.91-10.41c0-.04.01-.06.02-.1c-6.73-1.92-7.26-7.41-4.22-9.6c-.77-.17-1.52-.34-2.29-.51m43.02 29.49q-.04.11-.08.21l.12-.12"/><path fill="#ffb7df" d="m65.23 34.8l-.29.02q.06.87.09 1.76c-3.96 10-35.43 16.5-48.95 5.81c-.55-1.45-.91-3.09-1.08-4.84l-.5.03c-11.77 11.8 34.32 24.33 52.24 1.5c.24-3.03.25-3.94-2.71-4.28"/></g></svg>

Como usar o ícone File Type Lychee

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lychee.svg" alt="Ícone File Type Lychee" width="24" height="24">

Ícones relacionados em VSCode Icons

Perguntas frequentes sobre Ícone File Type Lychee

O ícone File Type Lychee é grátis para uso comercial?

Sim. VSCode Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone File Type Lychee no React?

Instale @iconify/react e renderize <Icon icon="vscode-icons:file-type-lychee" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone File Type Lychee a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-lychee.svg" alt="Ícone File Type Lychee">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os VSCode Icons →