eye slash icon

eye-slash-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: eye-slash-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eye-slash eye-slash-bold eye-slash-duotone eye-slash-fill eye-slash-light

The same icon in other sets

eye-slashBootstrap Icons eye-slashFramework7 Icons eye-slashFont Awesome 6 Regular eye-slashFont Awesome 6 Solid eye-slashFont Awesome Regular eye-slashFont Awesome Solid eye-slash-outlineFlowbite Icons eye-slashHeroIcons eye-slashLine Awesome eye-slashPrime Icons eye-slashUnicons

Related icons in Phosphor

eye-closed

Use the eye slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L67.59 67.5C29.34 89 13 124.81 12.34 126.38a4.08 4.08 0 0 0 0 3.25c.34.77 8.52 18.89 26.83 37.2c17 17 46.14 37.17 88.83 37.17a122.6 122.6 0 0 0 53.06-11.69l24 26.38a4 4 0 1 0 5.92-5.38Zm98.1 119.85a36 36 0 0 1-48.1-52.94ZM128 196c-32 0-59.89-11.65-83-34.62A135.8 135.8 0 0 1 20.44 128c3.65-7.23 20.09-36.81 52.68-54.43l22.45 24.7a44 44 0 0 0 59 64.83l20.89 23A114.9 114.9 0 0 1 128 196m6.78-103.36a4 4 0 0 1 1.49-7.86a44.15 44.15 0 0 1 35.54 39.09a4 4 0 0 1-3.61 4.35h-.38a4 4 0 0 1-4-3.63a36.1 36.1 0 0 0-29.04-31.95m108.88 37c-.41.91-10.2 22.58-32.38 42.45a4 4 0 0 1-2.67 1a4 4 0 0 1-2.67-7A136.7 136.7 0 0 0 235.56 128A136 136 0 0 0 211 94.62C187.89 71.65 160 60 128 60a122 122 0 0 0-20 1.63a4 4 0 0 1-1.32-7.89A129.3 129.3 0 0 1 128 52c42.7 0 71.87 20.22 88.83 37.18c18.31 18.31 26.49 36.44 26.83 37.2a4.08 4.08 0 0 1 0 3.25Z"/></svg>

React

import type { SVGProps } from "react";

export function PhEyeSlashThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L67.59 67.5C29.34 89 13 124.81 12.34 126.38a4.08 4.08 0 0 0 0 3.25c.34.77 8.52 18.89 26.83 37.2c17 17 46.14 37.17 88.83 37.17a122.6 122.6 0 0 0 53.06-11.69l24 26.38a4 4 0 1 0 5.92-5.38Zm98.1 119.85a36 36 0 0 1-48.1-52.94ZM128 196c-32 0-59.89-11.65-83-34.62A135.8 135.8 0 0 1 20.44 128c3.65-7.23 20.09-36.81 52.68-54.43l22.45 24.7a44 44 0 0 0 59 64.83l20.89 23A114.9 114.9 0 0 1 128 196m6.78-103.36a4 4 0 0 1 1.49-7.86a44.15 44.15 0 0 1 35.54 39.09a4 4 0 0 1-3.61 4.35h-.38a4 4 0 0 1-4-3.63a36.1 36.1 0 0 0-29.04-31.95m108.88 37c-.41.91-10.2 22.58-32.38 42.45a4 4 0 0 1-2.67 1a4 4 0 0 1-2.67-7A136.7 136.7 0 0 0 235.56 128A136 136 0 0 0 211 94.62C187.89 71.65 160 60 128 60a122 122 0 0 0-20 1.63a4 4 0 0 1-1.32-7.89A129.3 129.3 0 0 1 128 52c42.7 0 71.87 20.22 88.83 37.18c18.31 18.31 26.49 36.44 26.83 37.2a4.08 4.08 0 0 1 0 3.25Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M51 37.31a4 4 0 0 0-6 5.38L67.59 67.5C29.34 89 13 124.81 12.34 126.38a4.08 4.08 0 0 0 0 3.25c.34.77 8.52 18.89 26.83 37.2c17 17 46.14 37.17 88.83 37.17a122.6 122.6 0 0 0 53.06-11.69l24 26.38a4 4 0 1 0 5.92-5.38Zm98.1 119.85a36 36 0 0 1-48.1-52.94ZM128 196c-32 0-59.89-11.65-83-34.62A135.8 135.8 0 0 1 20.44 128c3.65-7.23 20.09-36.81 52.68-54.43l22.45 24.7a44 44 0 0 0 59 64.83l20.89 23A114.9 114.9 0 0 1 128 196m6.78-103.36a4 4 0 0 1 1.49-7.86a44.15 44.15 0 0 1 35.54 39.09a4 4 0 0 1-3.61 4.35h-.38a4 4 0 0 1-4-3.63a36.1 36.1 0 0 0-29.04-31.95m108.88 37c-.41.91-10.2 22.58-32.38 42.45a4 4 0 0 1-2.67 1a4 4 0 0 1-2.67-7A136.7 136.7 0 0 0 235.56 128A136 136 0 0 0 211 94.62C187.89 71.65 160 60 128 60a122 122 0 0 0-20 1.63a4 4 0 0 1-1.32-7.89A129.3 129.3 0 0 1 128 52c42.7 0 71.87 20.22 88.83 37.18c18.31 18.31 26.49 36.44 26.83 37.2a4.08 4.08 0 0 1 0 3.25Z"/></svg>
</template>

CSS

.icon-eye-slash-thin {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M51%2037.31a4%204%200%200%200-6%205.38L67.59%2067.5C29.34%2089%2013%20124.81%2012.34%20126.38a4.08%204.08%200%200%200%200%203.25c.34.77%208.52%2018.89%2026.83%2037.2c17%2017%2046.14%2037.17%2088.83%2037.17a122.6%20122.6%200%200%200%2053.06-11.69l24%2026.38a4%204%200%201%200%205.92-5.38Zm98.1%20119.85a36%2036%200%200%201-48.1-52.94ZM128%20196c-32%200-59.89-11.65-83-34.62A135.8%20135.8%200%200%201%2020.44%20128c3.65-7.23%2020.09-36.81%2052.68-54.43l22.45%2024.7a44%2044%200%200%200%2059%2064.83l20.89%2023A114.9%20114.9%200%200%201%20128%20196m6.78-103.36a4%204%200%200%201%201.49-7.86a44.15%2044.15%200%200%201%2035.54%2039.09a4%204%200%200%201-3.61%204.35h-.38a4%204%200%200%201-4-3.63a36.1%2036.1%200%200%200-29.04-31.95m108.88%2037c-.41.91-10.2%2022.58-32.38%2042.45a4%204%200%200%201-2.67%201a4%204%200%200%201-2.67-7A136.7%20136.7%200%200%200%20235.56%20128A136%20136%200%200%200%20211%2094.62C187.89%2071.65%20160%2060%20128%2060a122%20122%200%200%200-20%201.63a4%204%200%200%201-1.32-7.89A129.3%20129.3%200%200%201%20128%2052c42.7%200%2071.87%2020.22%2088.83%2037.18c18.31%2018.31%2026.49%2036.44%2026.83%2037.2a4.08%204.08%200%200%201%200%203.25Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M51%2037.31a4%204%200%200%200-6%205.38L67.59%2067.5C29.34%2089%2013%20124.81%2012.34%20126.38a4.08%204.08%200%200%200%200%203.25c.34.77%208.52%2018.89%2026.83%2037.2c17%2017%2046.14%2037.17%2088.83%2037.17a122.6%20122.6%200%200%200%2053.06-11.69l24%2026.38a4%204%200%201%200%205.92-5.38Zm98.1%20119.85a36%2036%200%200%201-48.1-52.94ZM128%20196c-32%200-59.89-11.65-83-34.62A135.8%20135.8%200%200%201%2020.44%20128c3.65-7.23%2020.09-36.81%2052.68-54.43l22.45%2024.7a44%2044%200%200%200%2059%2064.83l20.89%2023A114.9%20114.9%200%200%201%20128%20196m6.78-103.36a4%204%200%200%201%201.49-7.86a44.15%2044.15%200%200%201%2035.54%2039.09a4%204%200%200%201-3.61%204.35h-.38a4%204%200%200%201-4-3.63a36.1%2036.1%200%200%200-29.04-31.95m108.88%2037c-.41.91-10.2%2022.58-32.38%2042.45a4%204%200%200%201-2.67%201a4%204%200%200%201-2.67-7A136.7%20136.7%200%200%200%20235.56%20128A136%20136%200%200%200%20211%2094.62C187.89%2071.65%20160%2060%20128%2060a122%20122%200%200%200-20%201.63a4%204%200%200%201-1.32-7.89A129.3%20129.3%200%200%201%20128%2052c42.7%200%2071.87%2020.22%2088.83%2037.18c18.31%2018.31%2026.49%2036.44%2026.83%2037.2a4.08%204.08%200%200%201%200%203.25Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/eye-slash-thin.svg?color=%231a73e8&size=48