Icône Document
uiw:document
L'icône Document (uiw:document) est une icône SVG gratuite de la collection uiw icons par liwen0526. Elle est dessinée sur une grille de 20 × 20. Les uiw 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
- uiw icons
- Auteur
- liwen0526
- Licence
- MIT
- Taille
- 20 × 20
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M17.226 0C18.206 0 19 .814 19 1.818v16.364C19 19.186 18.206 20 17.226 20H4.542c-.98 0-1.774-.814-1.774-1.818l-.001-1.686H1.665a.674.674 0 0 1-.665-.68c0-.377.298-.682.665-.682h1.102v-2.419H1.665A.674.674 0 0 1 1 12.033c0-.377.298-.682.665-.682l1.102-.001V8.919H1.665A.674.674 0 0 1 1 8.239c0-.377.298-.682.665-.682l1.102-.001V5.122H1.665A.674.674 0 0 1 1 4.441c0-.377.298-.682.665-.682l1.102-.001l.001-1.94C2.768.814 3.562 0 4.542 0zm-3.248 1.364H4.466a.34.34 0 0 0-.246.118a.43.43 0 0 0-.12.268v2.008h.844a.67.67 0 0 1 .665.683a.674.674 0 0 1-.665.681H4.1v2.431h.873l.045.007l-.074-.004a.65.65 0 0 1 .313.08l.02.011a.5.5 0 0 1 .124.101l-.055-.053a.68.68 0 0 1 .261.509l-.007-.08q.01.055.01.114a.676.676 0 0 1-.606.679l-.03.001l-.016.001H4.1v2.431h.844a.65.65 0 0 1 .308.078q.092.044.15.111l-.03-.029a.69.69 0 0 1 .216.696l-.009.03l-.015.044a.7.7 0 0 1-.271.333l-.01.006a.64.64 0 0 1-.339.095H4.1v2.419h.873q.012 0 .023.004l-.052-.004c.367 0 .665.305.665.682c0 .222-.104.42-.265.544l-.013.01l-.062.04l-.008.004a.6.6 0 0 1-.275.082h-.013l-.015.002h-.014l-.844-.001v1.764q.009.1.072.19l.048.058q.11.115.27.13h9.488zm3.264-.002h-1.938v17.274h1.974q.136.001.256-.13a.47.47 0 0 0 .134-.267V1.794a.5.5 0 0 0-.134-.298a.42.42 0 0 0-.292-.134"/></svg>
Comment utiliser l'icône Document
React
import { Icon } from "@iconify/react";
<Icon icon="uiw:document" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="uiw:document" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="uiw:document" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[uiw--document]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/uiw -->
<div class="i-uiw:document"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="uiw:document"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/uiw/document.svg" alt="Icône Document" width="24" height="24">
L'icône Document dans d'autres collections
FAQ : Icône Document
L'icône Document est-elle gratuite pour un usage commercial ?
Oui. Les uiw icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Document dans React ?
Installez @iconify/react et affichez <Icon icon="uiw:document" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Document à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/uiw/document.svg" alt="Icône Document">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les uiw icons →
ICONYZ
