hide icon
hide from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- hide
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Use the hide icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function EpHide(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-hide {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M876.8%20156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6s-16%203.2-22.4%209.6L736%20220.8c-64-32-137.6-51.2-224-60.8c-160%2016-288%2073.6-377.6%20176S0%20496%200%20512s48%2073.6%20134.4%20176c22.4%2025.6%2044.8%2048%2073.6%2067.2l-86.4%2089.6c-6.4%206.4-9.6%2012.8-9.6%2022.4s3.2%2016%209.6%2022.4s12.8%209.6%2022.4%209.6s16-3.2%2022.4-9.6l704-710.4c3.2-6.4%206.4-12.8%206.4-22.4m-646.4%20528Q115.2%20579.2%2076.8%20512q43.2-72%20153.6-172.8C304%20272%20400%20230.4%20512%20224c64%203.2%20124.8%2019.2%20176%2044.8l-54.4%2054.4A218%20218%200%200%200%20512%20288c-64%200-115.2%2022.4-160%2064s-64%2096-64%20160c0%2048%2012.8%2089.6%2035.2%20124.8L256%20707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352%20555.2%20352%20512c0-44.8%2016-83.2%2048-112s67.2-48%20112-48c28.8%200%2054.4%206.4%2073.6%2019.2zM889.6%20336c-12.8-16-28.8-28.8-41.6-41.6l-48%2048c73.6%2067.2%20124.8%20124.8%20150.4%20169.6q-43.2%2072-153.6%20172.8C723.2%20752%20624%20793.6%20512%20800a478%20478%200%200%201-140.8-28.8l-48%2048A680%20680%200%200%200%20512%20864c160-16%20288-73.6%20377.6-176S1024%20528%201024%20512s-48-73.6-134.4-176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20672c-12.8%200-25.6-3.2-38.4-6.4l-51.2%2051.2A215%20215%200%200%200%20512%20736c64%200%20115.2-22.4%20160-64c41.6-41.6%2064-96%2064-160c0-32-6.4-64-19.2-89.6l-51.2%2051.2c3.2%2012.8%206.4%2025.6%206.4%2038.4c0%2044.8-16%2083.2-48%20112s-67.2%2048-112%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M876.8%20156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6s-16%203.2-22.4%209.6L736%20220.8c-64-32-137.6-51.2-224-60.8c-160%2016-288%2073.6-377.6%20176S0%20496%200%20512s48%2073.6%20134.4%20176c22.4%2025.6%2044.8%2048%2073.6%2067.2l-86.4%2089.6c-6.4%206.4-9.6%2012.8-9.6%2022.4s3.2%2016%209.6%2022.4s12.8%209.6%2022.4%209.6s16-3.2%2022.4-9.6l704-710.4c3.2-6.4%206.4-12.8%206.4-22.4m-646.4%20528Q115.2%20579.2%2076.8%20512q43.2-72%20153.6-172.8C304%20272%20400%20230.4%20512%20224c64%203.2%20124.8%2019.2%20176%2044.8l-54.4%2054.4A218%20218%200%200%200%20512%20288c-64%200-115.2%2022.4-160%2064s-64%2096-64%20160c0%2048%2012.8%2089.6%2035.2%20124.8L256%20707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352%20555.2%20352%20512c0-44.8%2016-83.2%2048-112s67.2-48%20112-48c28.8%200%2054.4%206.4%2073.6%2019.2zM889.6%20336c-12.8-16-28.8-28.8-41.6-41.6l-48%2048c73.6%2067.2%20124.8%20124.8%20150.4%20169.6q-43.2%2072-153.6%20172.8C723.2%20752%20624%20793.6%20512%20800a478%20478%200%200%201-140.8-28.8l-48%2048A680%20680%200%200%200%20512%20864c160-16%20288-73.6%20377.6-176S1024%20528%201024%20512s-48-73.6-134.4-176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20672c-12.8%200-25.6-3.2-38.4-6.4l-51.2%2051.2A215%20215%200%200%200%20512%20736c64%200%20115.2-22.4%20160-64c41.6-41.6%2064-96%2064-160c0-32-6.4-64-19.2-89.6l-51.2%2051.2c3.2%2012.8%206.4%2025.6%206.4%2038.4c0%2044.8-16%2083.2-48%20112s-67.2%2048-112%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/hide.svg?color=%231a73e8&size=48
