Icône Folder Pen Bold

solar:folder-pen-bold

L'icône Folder Pen Bold (solar:folder-pen-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Mots-clés: folderpen, penbold, folderpenbold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.4971 12.7705C12.5905 12.9055 12.7026 13.0424 12.8359 13.1758C12.9689 13.3088 13.1056 13.4204 13.2402 13.5137L11.2744 15.4795C11.0748 15.6791 11.0184 15.7347 10.96 15.7803C10.8814 15.8415 10.796 15.8936 10.7061 15.9365C10.6392 15.9684 10.5636 15.9948 10.2959 16.084L9.93164 16.2051L9.80566 16.0791L9.92773 15.7158C10.017 15.4481 10.0433 15.3726 10.0752 15.3057C10.1181 15.2157 10.1702 15.1303 10.2314 15.0518C10.277 14.9933 10.3326 14.9369 10.5322 14.7373L12.4971 12.7705Z"/><path d="M13.5967 11.6719C13.8018 11.4681 14.1332 11.4694 14.3379 11.6738C14.5426 11.8785 14.5427 12.2089 14.3389 12.4141C14.2064 12.3575 14.0477 12.2665 13.8965 12.1152C13.7448 11.9635 13.6531 11.8046 13.5967 11.6719Z"/><path fill-rule="evenodd" d="M6.9502 2C7.33657 2 7.53009 2.00021 7.71582 2.01758C8.51677 2.09253 9.27617 2.40751 9.89551 2.9209C10.0392 3.04 10.1768 3.17677 10.4502 3.4502L11 4C11.8156 4.81562 12.2236 5.22336 12.7119 5.49512C12.9802 5.6444 13.2653 5.76251 13.5605 5.84668C14.098 5.99985 14.6748 6 15.8281 6H16.2021C18.8343 6 20.1503 6.0002 21.0059 6.76953C21.0846 6.84031 21.1597 6.91545 21.2305 6.99414C21.9998 7.84966 22 9.16566 22 11.7979V14C22 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 14V6.9502C2 6.06798 2.00006 5.62628 2.06934 5.25879C2.37463 3.64071 3.64071 2.37463 5.25879 2.06934C5.62628 2.00006 6.06798 2 6.9502 2ZM15.3994 10.6123C14.6086 9.82179 13.326 9.82178 12.5352 10.6123L9.47168 13.6768C9.29711 13.8513 9.16416 13.9811 9.04883 14.1289C8.92041 14.2935 8.81054 14.4726 8.7207 14.6611C8.64009 14.8303 8.58194 15.0071 8.50391 15.2412L8.0625 16.5654C7.93175 16.9583 8.0345 17.3917 8.32715 17.6846C8.61996 17.9774 9.05339 18.0799 9.44629 17.9492L10.7705 17.5078C11.0046 17.4298 11.1814 17.3716 11.3506 17.291C11.5391 17.2012 11.7182 17.0913 11.8828 16.9629C12.0306 16.8476 12.1604 16.7146 12.335 16.54L15.3994 13.4766C16.19 12.6857 16.1902 11.4031 15.3994 10.6123Z" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône Folder Pen Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-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:folder-pen-bold"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/folder-pen-bold.svg" alt="Icône Folder Pen Bold" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Folder Pen Bold

L'icône Folder Pen Bold est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Folder Pen Bold dans React ?

Installez @iconify/react et affichez <Icon icon="solar:folder-pen-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Folder Pen Bold à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/folder-pen-bold.svg" alt="Icône Folder Pen Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →