Icône Id
dashicons:id
L'icône Id (dashicons:id) est une icône SVG gratuite de la collection Dashicons par WordPress. Elle est dessinée sur une grille de 20 × 20. Les Dashicons sont publiées sous la licence GPL, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Dashicons
- Auteur
- WordPress
- Licence
- GPL-2.0-or-later
- 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="M18 16H2V4h16zM7.05 8.53q.195-.105.33-.24c.09-.1.17-.21.24-.34c.07-.14.13-.26.17-.37s.07-.22.1-.34L7.95 7c0-.04.01-.07.01-.09c.05-.32.03-.61-.04-.9c-.08-.28-.23-.52-.46-.72C7.23 5.1 6.95 5 6.6 5c-.2 0-.39.04-.56.11c-.17.08-.31.18-.41.3c-.11.13-.2.27-.27.44q-.105.24-.12.51c-.015.27 0 .36.01.55l.02.09c.01.06.03.15.06.25s.06.21.1.33s.1.25.17.37c.08.12.16.23.25.33s.2.19.34.25c.13.06.28.09.43.09s.3-.03.43-.09M17 9V5h-5v4zm-10.38.83l-1.38-.88c-.41 0-.79.11-1.14.32c-.35.22-.62.5-.81.85c-.19.34-.29.7-.29 1.07v1.25l.2.05c.13.04.31.09.55.14c.24.06.51.12.8.17c.29.06.62.1 1 .14c.37.04.73.06 1.07.06s.69-.02 1.07-.06s.7-.09.98-.14c.27-.05.54-.1.82-.17c.27-.06.45-.11.54-.13q.135-.045.21-.06v-1.25c0-.36-.1-.72-.31-1.07s-.49-.64-.84-.86s-.72-.33-1.11-.33zM17 11v-1h-5v1zm0 2v-1h-5v1zm0 2v-1H3v1z"/></svg>
Comment utiliser l'icône Id
React
import { Icon } from "@iconify/react";
<Icon icon="dashicons:id" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="dashicons:id" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="dashicons:id" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--id]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:id"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="dashicons:id"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/dashicons/id.svg" alt="Icône Id" width="24" height="24">
Icônes similaires dans Dashicons
L'icône Id dans d'autres collections
FAQ : Icône Id
L'icône Id est-elle gratuite pour un usage commercial ?
Oui. Les Dashicons sont publiées sous la licence GPL, qui autorise leur utilisation dans des projets personnels et commerciaux ; les versions modifiées des fichiers d'icônes doivent conserver la même licence.
Comment utiliser l'icône Id dans React ?
Installez @iconify/react et affichez <Icon icon="dashicons:id" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Id à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/dashicons/id.svg" alt="Icône Id">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Dashicons →
ICONYZ
