Icono Pen 1 Solid
streamline-plump:pen-1-solid
El icono Pen 1 Solid (streamline-plump:pen-1-solid) es un icono SVG gratuito de la colección Plump free icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Plump free icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- pensolid
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M35.686 4.122a25 25 0 0 0-.486-.324c-2.669-1.736-5.727-1.113-7.969.56c-1.54-.74-3.182-1.063-4.32-1.212c-1.78-.234-3.394.508-4.497 1.612l-8.829 8.828a2 2 0 1 0 2.829 2.829l8.828-8.828c.397-.397.823-.518 1.147-.475c.978.128 2.145.386 3.122.857q.249.157.522.336c1.816 1.194 4.4 3.123 7.556 6.104s5.201 5.423 6.468 7.143c.522.709.912 1.294 1.193 1.744l1.566-1.572c2.257-2.264 3.384-5.853 1.386-8.925q-.155-.237-.324-.485l.816-.952c1.084-1.265 2.103-3.39.996-5.474a8.6 8.6 0 0 0-1.53-2.048a8.6 8.6 0 0 0-2.048-1.53c-2.084-1.107-4.21-.088-5.474.996zm3.377 21.369q-.074-.136-.22-.38a23 23 0 0 0-1.201-1.78c-1.156-1.57-3.081-3.878-6.113-6.74c-3.03-2.864-5.477-4.684-7.144-5.779a25 25 0 0 0-1.893-1.14q-.315-.167-.464-.237l-.013-.006L5.107 26.277a5 5 0 0 0-.154.16q.48.336 1.026.734c2.157 1.577 5.038 3.874 7.925 6.75s5.192 5.749 6.774 7.899q.488.664.883 1.228q.082-.075.161-.155zm-35.46 3.665q-.05.286-.066.58c-.102 1.75-.25 5.065-.298 10.111c-.005.517.15 1.048.483 1.495l.046.062l-2.182 2.182a2 2 0 0 0 2.828 2.829l2.183-2.183l.06.045c.447.333.979.489 1.495.484c5.047-.049 8.362-.196 10.112-.298a5 5 0 0 0 .577-.066q-.27-.38-.579-.799c-1.518-2.063-3.724-4.81-6.475-7.552s-5.508-4.94-7.578-6.453q-.315-.23-.606-.437" clip-rule="evenodd"/></svg>Cómo usar el icono Pen 1 Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:pen-1-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:pen-1-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:pen-1-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--pen-1-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:pen-1-solid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:pen-1-solid"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/pen-1-solid.svg" alt="Icono Pen 1 Solid" width="24" height="24">Iconos relacionados en Plump free icons
El icono Pen 1 Solid en otras colecciones
Preguntas frecuentes sobre Icono Pen 1 Solid
¿El icono Pen 1 Solid es gratis para uso comercial?
Sí. Plump free icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Pen 1 Solid en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump:pen-1-solid" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pen 1 Solid a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump/pen-1-solid.svg" alt="Icono Pen 1 Solid">, o pega el código SVG en línea para darle estilo con CSS.