Icono Hide
ep:hide
El icono Hide (ep:hide) es un icono SVG gratuito de la colección Element Plus. Está dibujado en una cuadrícula de 1024 × 1024. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Element Plus
- Autor
- Element Plus
- Licencia
- MIT
- Tamaño
- 1024 × 1024
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ep/hide.svg" alt="Icono Hide" width="24" height="24">
El icono Hide en otras colecciones
Preguntas frecuentes sobre Icono Hide
¿El icono Hide es gratis para uso comercial?
Sí. Element Plus icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Hide en React?
Instala @iconify/react y renderiza <Icon icon="ep:hide" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hide a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ep/hide.svg" alt="Icono Hide">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Element Plus →
ICONYZ
