ICONYZ
Español
Icono Pen Sharp Fill de Keyline Icons

Icono Pen Sharp Fill

keyline-icons:pen-sharp-fill

El icono Pen Sharp Fill (keyline-icons:pen-sharp-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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
Keyline Icons
Autor
Keyline Icons
Licencia
MIT
Tamaño
24 × 24
Etiquetas
pensharp, sharpfill, pensharpfill
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.7308 8.3975L10.5639 19.5644C10.4681 19.6602 10.3539 19.7355 10.2281 19.7858L2.3714 22.9285C2.2533 22.9757 2.1272 23 2 23C1.4477 23 1 22.5523 1 22C1 21.8728 1.0243 21.7467 1.0715 21.6286L4.2142 13.7719C4.2645 13.6461 4.3398 13.5319 4.4356 13.4361L15.6025 2.2692C16.4152 1.4565 17.5174 1 18.6667 1C19.8159 1 20.9181 1.4565 21.7308 2.2692C22.5435 3.0819 23 4.1841 23 5.3333C23 6.4826 22.5435 7.5848 21.7308 8.3975ZM19.7778 7.522L20.3166 6.9832C20.7542 6.5457 21 5.9522 21 5.3333C21 4.7145 20.7542 4.121 20.3166 3.6834C19.879 3.2458 19.2855 3 18.6667 3C18.0478 3 17.4543 3.2458 17.0168 3.6834L16.478 4.2222Z"/></svg>

Cómo usar el icono Pen Sharp Fill

React

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

<Icon icon="keyline-icons:pen-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:pen-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:pen-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pen-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pen-sharp-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:pen-sharp-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/pen-sharp-fill.svg" alt="Icono Pen Sharp Fill" width="24" height="24">

Iconos relacionados en Keyline Icons

Icono pen
pen
 Icono pen-duotone
pen-duotone
 Icono pen-fill
pen-fill
 Icono pen-line
pen-line
 Icono pen-line-duotone
pen-line-duotone
 Icono pen-line-fill
pen-line-fill
 Icono pen-line-sharp
pen-line-sharp
 Icono pen-line-sharp-duotone
pen-line-sharp-duotone
 Icono pen-line-sharp-fill
pen-line-sharp-fill
 Icono pen-line-sharp-two-tone
pen-line-sharp-two-tone
 Icono pen-line-two-tone
pen-line-two-tone
 Icono pen-off
pen-off
 Icono pen-off-duotone
pen-off-duotone
 Icono pen-off-fill
pen-off-fill
 Icono pen-off-sharp
pen-off-sharp
 Icono pen-off-sharp-duotone
pen-off-sharp-duotone
 Icono pen-off-sharp-fill
pen-off-sharp-fill
 Icono pen-off-sharp-two-tone
pen-off-sharp-two-tone
 Icono pen-off-two-tone
pen-off-two-tone
 Icono pen-sharp
pen-sharp
 Icono pen-sharp-duotone
pen-sharp-duotone
 Icono pen-sharp-two-tone
pen-sharp-two-tone
 Icono pen-sparkles
pen-sparkles
 Icono pen-sparkles-duotone
pen-sparkles-duotone

Preguntas frecuentes sobre Icono Pen Sharp Fill

¿El icono Pen Sharp Fill es gratis para uso comercial?

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

¿Cómo uso el icono Pen Sharp Fill en React?

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

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

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

Ver todos los Keyline Icons →