Icône Hide
ep:hide
L'icône Hide (ep:hide) est une icône SVG gratuite de la collection Element Plus. Elle est dessinée sur une grille de 1024 × 1024. Les Element Plus 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
- Element Plus
- Auteur
- Element Plus
- Licence
- MIT
- Taille
- 1024 × 1024
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M876.8 156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6s-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8c-160 16-288 73.6-377.6 176S0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4s3.2 16 9.6 22.4s12.8 9.6 22.4 9.6s16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4m-646.4 528Q115.2 579.2 76.8 512q43.2-72 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4A218 218 0 0 0 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352 555.2 352 512c0-44.8 16-83.2 48-112s67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2zM889.6 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6q-43.2 72-153.6 172.8C723.2 752 624 793.6 512 800a478 478 0 0 1-140.8-28.8l-48 48A680 680 0 0 0 512 864c160-16 288-73.6 377.6-176S1024 528 1024 512s-48-73.6-134.4-176"/><path fill="currentColor" d="M512 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2A215 215 0 0 0 512 736c64 0 115.2-22.4 160-64c41.6-41.6 64-96 64-160c0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4c0 44.8-16 83.2-48 112s-67.2 48-112 48"/></svg>
Comment utiliser l'icône Hide
React
import { Icon } from "@iconify/react";
<Icon icon="ep:hide" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:hide" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:hide" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--hide]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:hide"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:hide"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/ep/hide.svg" alt="Icône Hide" width="24" height="24">
L'icône Hide dans d'autres collections
FAQ : Icône Hide
L'icône Hide est-elle gratuite pour un usage commercial ?
Oui. Les Element Plus icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hide dans React ?
Installez @iconify/react et affichez <Icon icon="ep:hide" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hide à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ep/hide.svg" alt="Icône Hide">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Element Plus →
ICONYZ
