ICONYZ
Español
Icono Edit de Ligature Symbols

Icono Edit

ls:edit

El icono Edit (ls:edit) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 758 × 666. Ligature Symbols icons se publican bajo la Open Font License, 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
Ligature Symbols
Autor
Kazuyuki Motoyama
Licencia
OFL-1.1
Tamaño
758 × 666
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="758" height="666" viewBox="0 0 758 666"><path fill="currentColor" d="M558 554V425l80-80v235c0 47-39 86-85 86H85c-47 0-85-39-85-86V113c0-47 38-86 85-86h475v1l-80 79H112c-17 0-32 15-32 33v414c0 18 15 32 32 32h414c17 0 32-14 32-32m76-488l85 85l39-39l-85-85zM335 366l84 85l271-271l-84-85zm-60 144l116-31l-85-85z"/></svg>

Cómo usar el icono Edit

React

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

<Icon icon="ls:edit" width="24" />

Vue

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

<template>
  <Icon icon="ls:edit" width="24" />
</template>

Svelte

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

<Icon icon="ls:edit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--edit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:edit"></div>

Web component

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

<iconify-icon icon="ls:edit"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/edit.svg" alt="Icono Edit" width="24" height="24">

El icono Edit en otras colecciones

Preguntas frecuentes sobre Icono Edit

¿El icono Edit es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Edit en React?

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

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

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

Ver todos los Iconos Ligature Symbols →