Icône Folder Open 24
qlementine-icons:folder-open-24
L'icône Folder Open 24 (qlementine-icons:folder-open-24) est une icône SVG gratuite de la collection Qlementine Icons par Olivier Cléro. Elle est dessinée sur une grille de 24 × 24. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Qlementine Icons
- Auteur
- Olivier Cléro
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Fichier
- Mots-clés
- folderopen
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.87 4.06c-.196-.06-.421-.065-1.08-.065H5.3c-.848 0-1.45 0-1.93.04c-.469.038-.767.111-1.01.232a2.5 2.5 0 0 0-1.09 1.09c-.122.24-.195.536-.233 1.01c-.039.475-.04 1.08-.04 1.93v7.4c0 .849.001 1.45.04 1.93c.038.47.112.768.233 1.01c.24.47.622.854 1.09 1.09c.1.052.21.094.339.129l2.84-7.72a2.51 2.51 0 0 1 2.35-1.64h14.2c1.04 0 1.77 1.04 1.41 2.02l-2.28 6.19a3.495 3.495 0 0 1-3.28 2.29h-12.6c-.821 0-1.47 0-1.99-.043c-.531-.043-.975-.134-1.38-.34a3.52 3.52 0 0 1-1.53-1.53c-.205-.402-.296-.846-.339-1.38c-.043-.52-.043-1.17-.043-1.99v-7.44c0-.82 0-1.47.043-1.99c.043-.53.134-.974.339-1.38a3.52 3.52 0 0 1 1.53-1.53c.403-.204.847-.295 1.38-.338c.521-.043 1.17-.043 1.99-.043h1.58c.555 0 .938 0 1.29.108a2.5 2.5 0 0 1 .861.461c.288.237.5.556.808 1.02l.141.212c.365.547.493.731.652.861c.152.125.328.22.517.276c.196.06.421.065 1.08.065h3.81c.683 0 1.22 0 1.66.03c.444.03.817.093 1.16.237a3.5 3.5 0 0 1 1.89 1.89q.056.135.096.277c.085.293-.159.563-.464.563c-.25 0-.452-.187-.542-.421l-.014-.036a2.5 2.5 0 0 0-1.35-1.35c-.205-.085-.456-.136-.849-.163c-.397-.027-.902-.027-1.61-.027h-3.86c-.555 0-.938 0-1.29-.108a2.5 2.5 0 0 1-.86-.461c-.289-.237-.5-.556-.809-1.02l-.14-.212c-.366-.547-.494-.731-.653-.861a1.5 1.5 0 0 0-.517-.276z"/></svg>Comment utiliser l'icône Folder Open 24
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:folder-open-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:folder-open-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:folder-open-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--folder-open-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:folder-open-24"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:folder-open-24"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/folder-open-24.svg" alt="Icône Folder Open 24" width="24" height="24">Icônes similaires dans Qlementine Icons
FAQ : Icône Folder Open 24
L'icône Folder Open 24 est-elle gratuite pour un usage commercial ?
Oui. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Folder Open 24 dans React ?
Installez @iconify/react et affichez <Icon icon="qlementine-icons:folder-open-24" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Folder Open 24 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/qlementine-icons/folder-open-24.svg" alt="Icône Folder Open 24">, ou collez le code SVG directement dans la page pour le styliser en CSS.