Icône Folder Output Bold

solar:folder-output-bold

L'icône Folder Output Bold (solar:folder-output-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: folderoutput, outputbold, folderoutputbold

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.20312 2C7.5895 2 7.78301 2.00021 7.96875 2.01758C8.7697 2.09253 9.5291 2.40751 10.1484 2.9209C10.2921 3.04 10.4297 3.17677 10.7031 3.4502L11.2529 4C12.0685 4.81562 12.4765 5.22336 12.9648 5.49512C13.2332 5.6444 13.5182 5.76251 13.8135 5.84668C14.3509 5.99985 14.9277 6 16.0811 6H16.4551C19.0873 6 20.4033 6.0002 21.2588 6.76953C21.3375 6.84031 21.4126 6.91545 21.4834 6.99414C22.2527 7.84966 22.2529 9.16566 22.2529 11.7979V14C22.2529 17.7712 22.2526 19.6566 21.0811 20.8281C19.9095 21.9997 18.0242 22 14.2529 22H10.2529C6.48169 22 4.59638 21.9997 3.4248 20.8281C2.47346 19.8768 2.29639 18.4548 2.2627 15.9346L5.93652 18.6064C6.27144 18.85 6.7407 18.7762 6.98438 18.4414C7.22795 18.1065 7.15413 17.6372 6.81934 17.3936L4.55957 15.75H13.2529C13.6671 15.75 14.0029 15.4142 14.0029 15C14.0029 14.5858 13.6671 14.25 13.2529 14.25H4.55957L6.81934 12.6064C7.15413 12.3628 7.22795 11.8935 6.98438 11.5586C6.7407 11.2238 6.27144 11.15 5.93652 11.3936L2.25293 14.0723V6.9502C2.25293 6.06798 2.25299 5.62628 2.32227 5.25879C2.62756 3.64071 3.89364 2.37463 5.51172 2.06934C5.8792 2.00006 6.32091 2 7.20312 2Z"/></svg>

Comment utiliser l'icône Folder Output Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

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

Icônes similaires dans Solar

FAQ : Icône Folder Output Bold

L'icône Folder Output 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 Output Bold dans React ?

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

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

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

Voir toutes les Icônes Solar →