ICONYZ
Español
Icono Edit Pen de Element Plus

Icono Edit Pen

ep:edit-pen

El icono Edit Pen (ep:edit-pen) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus 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
Element Plus
Autor
Element Plus
Licencia
MIT
Tamaño
1024 × 1024
Etiquetas
editpen
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m199 672.6l194 112l224-388l-193.9-112l-224 388.1zm-23.8 60.2L208 881.1l145-45.7zM455 229.2l194 112l56.7-98l-194-112zM104.3 708.8l384-665l304.8 176l-384 665h.1l-248.4 78.3zm384 254.3v-64h448v64z"/></svg>

Cómo usar el icono Edit Pen

React

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

<Icon icon="ep:edit-pen" width="24" />

Vue

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

<template>
  <Icon icon="ep:edit-pen" width="24" />
</template>

Svelte

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

<Icon icon="ep:edit-pen" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ep:edit-pen"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Element Plus

El icono Edit Pen en otras colecciones

Preguntas frecuentes sobre Icono Edit Pen

¿El icono Edit Pen es gratis para uso comercial?

Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Edit Pen en React?

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

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

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

Ver todos los Iconos Element Plus →