Icône File Zip Bold

solar:file-zip-bold

L'icône File Zip Bold (solar:file-zip-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: filezip, zipbold, filezipbold

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" fill-rule="evenodd" d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2H12V3V4H13.5C13.9714 4 14.2071 4 14.3536 4.14645C14.5 4.29289 14.5 4.5286 14.5 5C14.5 5.4714 14.5 5.70711 14.3536 5.85355C14.2071 6 13.9714 6 13.5 6H12V8H13.5C13.9714 8 14.2071 8 14.3536 8.14645C14.5 8.29289 14.5 8.5286 14.5 9C14.5 9.4714 14.5 9.70711 14.3536 9.85355C14.2071 10 13.9714 10 13.5 10H13C12.5286 10 12.2929 10 12.1464 9.85355C12 9.70711 12 9.4714 12 9V8H10.5C10.0286 8 9.79289 8 9.64645 7.85355C9.5 7.70711 9.5 7.4714 9.5 7C9.5 6.5286 9.5 6.29289 9.64645 6.14645C9.79289 6 10.0286 6 10.5 6H12V4H10.5C10.0286 4 9.79289 4 9.64645 3.85355C9.5 3.70711 9.5 3.4714 9.5 3V2.00338C6.70613 2.02377 5.17628 2.16686 4.17157 3.17157ZM9.5 12.875V13C9.5 14.3807 10.6193 15.5 12 15.5C13.3807 15.5 14.5 14.3807 14.5 13V12.875C14.5 12.3918 14.1082 12 13.625 12H10.375C9.89175 12 9.5 12.3918 9.5 12.875Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône File Zip Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/file-zip-bold.svg" alt="Icône File Zip Bold" width="24" height="24">

Icônes similaires dans Solar

L'icône File Zip Bold dans d'autres collections

FAQ : Icône File Zip Bold

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

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

Comment ajouter l'icône File Zip Bold à une page web ?

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

Voir toutes les Icônes Solar →