Icono Pencil
ls:pencil
El icono Pencil (ls:pencil) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 695 × 717. 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
- 695 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="695" height="717" viewBox="0 0 695 717"><path fill="currentColor" d="M587 0L478 98s36 22 69 53c32 31 55 66 55 66l93-111s-1-20-45-63C605 0 587 0 587 0M232 549l-5 48l346-360s-23-32-51-59c-29-28-62-50-62-50L114 488l54-3l6 58zM0 702l86-176l48-4l4 55l58 8l-6 44l-174 88z"/></svg>
Cómo usar el icono Pencil
React
import { Icon } from "@iconify/react";
<Icon icon="ls:pencil" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:pencil" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:pencil" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--pencil]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:pencil"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:pencil"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/pencil.svg" alt="Icono Pencil" width="24" height="24">
El icono Pencil en otras colecciones
Preguntas frecuentes sobre Icono Pencil
¿El icono Pencil 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 Pencil en React?
Instala @iconify/react y renderiza <Icon icon="ls:pencil" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pencil a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/pencil.svg" alt="Icono Pencil">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
