Icono File Pen Bold

solar:file-pen-bold

El icono File Pen Bold (solar:file-pen-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar 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: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Etiquetas: filepen, penbold, filepenbold

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.75488 14.0869C9.84835 14.222 9.96029 14.3587 10.0938 14.4922C10.2269 14.6253 10.3633 14.7368 10.498 14.8301L8.53223 16.7959C8.33285 16.9953 8.27613 17.0511 8.21777 17.0967C8.13925 17.1579 8.05373 17.21 7.96387 17.2529C7.89698 17.2848 7.82138 17.3112 7.55371 17.4004L7.18945 17.5215L7.06348 17.3955L7.18555 17.0322C7.27476 16.7646 7.30113 16.689 7.33301 16.6221C7.3759 16.5322 7.42803 16.4467 7.48926 16.3682C7.5348 16.3098 7.59067 16.2531 7.79004 16.0537L9.75488 14.0869Z"/><path d="M10.8545 12.9883C11.0597 12.7847 11.3911 12.7857 11.5957 12.9902C11.8003 13.1948 11.8003 13.5253 11.5967 13.7305C11.4642 13.6739 11.3057 13.583 11.1543 13.4316C11.0025 13.2798 10.911 13.121 10.8545 12.9883Z"/><path fill-rule="evenodd" d="M10.0303 2C10.6361 2 11.1218 1.99994 11.5303 2.0166C11.5168 2.09653 11.5091 2.1783 11.5088 2.26074L11.5 5.09473C11.4999 6.19183 11.4994 7.16184 11.6045 7.94336C11.7184 8.79041 11.9807 9.6369 12.6719 10.3281C13.3631 11.0193 14.2096 11.2816 15.0566 11.3955C15.8382 11.5006 16.8082 11.5001 17.9053 11.5H21.957C21.9996 12.0342 22 12.6899 22 13.5625V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V10C2 6.22876 2.0003 4.34345 3.17188 3.17188C4.34345 2.0003 6.23918 2 10.0303 2ZM12.6572 11.9287C11.8665 11.138 10.5839 11.1383 9.79297 11.9287L6.72949 14.9932C6.55501 15.1676 6.42193 15.2976 6.30664 15.4453C6.17827 15.6099 6.06833 15.7891 5.97852 15.9775C5.89792 16.1467 5.83973 16.3236 5.76172 16.5576L5.32031 17.8818C5.18952 18.2748 5.29212 18.7081 5.58496 19.001C5.87782 19.2938 6.31115 19.3964 6.7041 19.2656L8.02832 18.8242C8.26238 18.7462 8.43921 18.688 8.6084 18.6074C8.79682 18.5176 8.97603 18.4077 9.14062 18.2793C9.28837 18.164 9.41829 18.0309 9.59277 17.8564L12.6572 14.793C13.4476 14.0021 13.4479 12.7194 12.6572 11.9287Z" clip-rule="evenodd"/><path d="M13.0088 2.26562C13.7007 2.53113 14.2649 3.03877 15.3926 4.05371L19.3516 7.61621C20.5682 8.71115 21.2175 9.29582 21.5801 10H18C15.643 10 14.4647 9.99981 13.7324 9.26758C13.0002 8.53534 13 7.35697 13 5L13.0088 2.26562Z"/></g></svg>

Cómo usar el icono File Pen Bold

React

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

<Icon icon="solar:file-pen-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:file-pen-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:file-pen-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--file-pen-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:file-pen-bold"></div>

Web component

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

<iconify-icon icon="solar:file-pen-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/file-pen-bold.svg" alt="Icono File Pen Bold" width="24" height="24">

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono File Pen Bold

¿El icono File Pen Bold es gratis para uso comercial?

Sí. Solar 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 File Pen Bold en React?

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

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

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

Ver todos los Iconos Solar →