ICONYZ
Español
Icono Lemon Slice de TDesign Icons

Icono Lemon Slice

tdesign:lemon-slice

El icono Lemon Slice (tdesign:lemon-slice) es un icono SVG gratuito de la colección TDesign Icons de TDesign. Está dibujado en una cuadrícula de 24 × 24. TDesign 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
TDesign Icons
Autor
TDesign
Licencia
MIT
Tamaño
24 × 24
Etiquetas
lemonslice
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M22 10.488c0-2.93-2.065-6.582-4-8.488l-7.5 7.5L3 17c1.906 1.935 5.557 4 8.488 4a10.48 10.48 0 0 0 7.433-3.079A10.48 10.48 0 0 0 22 10.488"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m10.763 9.763l7.887 7.887m-7.61-8.104l10.71.92m-11.188-.247l.905 10.531M22 10.488c0-2.93-2.065-6.582-4-8.488L3 17c1.906 1.935 5.557 4 8.488 4C17.294 21 22 16.294 22 10.488Z"/></g></svg>

Cómo usar el icono Lemon Slice

React

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

<Icon icon="tdesign:lemon-slice" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:lemon-slice" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:lemon-slice" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tdesign--lemon-slice]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tdesign -->
<div class="i-tdesign:lemon-slice"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="tdesign:lemon-slice"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/tdesign/lemon-slice.svg" alt="Icono Lemon Slice" width="24" height="24">

Iconos relacionados en TDesign Icons

Preguntas frecuentes sobre Icono Lemon Slice

¿El icono Lemon Slice es gratis para uso comercial?

Sí. TDesign Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Lemon Slice en React?

Instala @iconify/react y renderiza <Icon icon="tdesign:lemon-slice" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lemon Slice a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/tdesign/lemon-slice.svg" alt="Icono Lemon Slice">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los TDesign Icons →