Icône View Page All 16
qlementine-icons:view-page-all-16
L'icône View Page All 16 (qlementine-icons:view-page-all-16) 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
- Page
- Mots-clés
- viewpage, pageall, viewpageall
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/><path fill="currentColor" fill-rule="evenodd" d="M.163.819C0 1.14 0 1.56 0 2.399v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.163.741.163 1.58.163h2.2c.84 0 1.26 0 1.58-.163c.282-.144.512-.373.656-.656c.163-.321.163-.741.163-1.58v-2.2c0-.84 0-1.26-.163-1.58a1.5 1.5 0 0 0-.656-.656C5.858 0 5.438 0 4.599 0h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656M4.603 1h-2.2c-.437 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.007.003a.5.5 0 0 0-.218.218l-.004.008l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .437 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.004.007a.5.5 0 0 0 .225.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.437 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.006-.003h.001a.5.5 0 0 0 .218-.219h.001l.003-.007l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904V2.4c0-.437 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.004-.008a.5.5 0 0 0-.218-.218l-.007-.003l-.032-.009a1 1 0 0 0-.184-.025C5.307 1.001 5.04 1 4.603 1" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z"/><path fill="currentColor" fill-rule="evenodd" d="M9.16.819c-.163.321-.163.741-.163 1.58v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.163.741.163 1.58.163h2.2c.84 0 1.26 0 1.58-.163c.282-.144.512-.373.656-.656c.164-.321.164-.741.164-1.58v-2.2c0-.84 0-1.26-.164-1.58a1.5 1.5 0 0 0-.656-.656C14.855 0 14.435 0 13.596 0h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656M13.6 1h-2.2c-.436 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.007.003a.5.5 0 0 0-.218.218l-.004.008l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .437 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.003.006v.001a.5.5 0 0 0 .226.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.004-.002l.002-.001h.002a.5.5 0 0 0 .218-.219v-.002l.003-.005l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904V2.4c0-.437 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.003-.008a.5.5 0 0 0-.218-.218l-.008-.003l-.032-.009a1 1 0 0 0-.184-.025c-.2-.016-.467-.017-.904-.017" clip-rule="evenodd"/><path fill="currentColor" d="M2 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/><path fill="currentColor" fill-rule="evenodd" d="M0 11.4c0-.84 0-1.26.163-1.58c.144-.282.373-.512.656-.656c.321-.163.741-.163 1.58-.163h2.2c.84 0 1.26 0 1.58.163c.282.144.512.373.656.656c.163.321.163.741.163 1.58v2.2c0 .84 0 1.26-.163 1.58a1.5 1.5 0 0 1-.656.656C5.858 16 5.438 16 4.599 16h-2.2c-.84 0-1.26 0-1.58-.164a1.5 1.5 0 0 1-.656-.656C0 14.859 0 14.439 0 13.6zM4.6 10c.437 0 .704 0 .904.017a1.3 1.3 0 0 1 .216.034l.006.003h.001a.5.5 0 0 1 .222.226l.009.032c.008.034.017.09.025.184c.016.2.017.467.017.904v2.2c0 .436 0 .704-.017.904a1.3 1.3 0 0 1-.034.216l-.003.007a.5.5 0 0 1-.219.219s-.004.002-.007.003l-.032.009a1 1 0 0 1-.184.025c-.2.016-.467.017-.904.017H2.4c-.437 0-.704 0-.904-.017a1.3 1.3 0 0 1-.216-.034l-.007-.003a.5.5 0 0 1-.218-.218l-.004-.008l-.009-.032a1 1 0 0 1-.025-.184c-.016-.2-.017-.467-.017-.904v-2.2c0-.436 0-.704.017-.904a1.3 1.3 0 0 1 .034-.216l.004-.007a.5.5 0 0 1 .218-.218l.007-.004l.032-.009a1 1 0 0 1 .184-.025c.2-.016.467-.017.904-.017z" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 13a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1zm0-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z"/><path fill="currentColor" fill-rule="evenodd" d="M9.16 9.82c-.163.321-.163.741-.163 1.58v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.164.741.164 1.58.164h2.2c.84 0 1.26 0 1.58-.164c.282-.144.512-.373.656-.656c.164-.321.164-.741.164-1.58v-2.2c0-.84 0-1.26-.164-1.58a1.5 1.5 0 0 0-.656-.656c-.321-.163-.741-.163-1.58-.163h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656m4.44.181h-2.2c-.436 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.006.003h-.001a.5.5 0 0 0-.218.218l-.001.002l-.003.006l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .436 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.004.007a.5.5 0 0 0 .225.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.004-.002l.004-.002a.5.5 0 0 0 .218-.218l.003-.007l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904v-2.2c0-.436 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.003-.008a.5.5 0 0 0-.218-.217l-.008-.004l-.032-.009a1 1 0 0 0-.184-.025c-.2-.016-.467-.017-.904-.017" clip-rule="evenodd"/></svg>Comment utiliser l'icône View Page All 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:view-page-all-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:view-page-all-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:view-page-all-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--view-page-all-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:view-page-all-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:view-page-all-16"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/view-page-all-16.svg" alt="Icône View Page All 16" width="24" height="24">Icônes similaires dans Qlementine Icons
FAQ : Icône View Page All 16
L'icône View Page All 16 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 View Page All 16 dans React ?
Installez @iconify/react et affichez <Icon icon="qlementine-icons:view-page-all-16" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône View Page All 16 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/qlementine-icons/view-page-all-16.svg" alt="Icône View Page All 16">, ou collez le code SVG directement dans la page pour le styliser en CSS.