eye off icon

eye-off-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: eye-off-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

eye-off-fillEva Icons eye-offFeather Icons eye-off-16-filledFluent UI System Icons eye-offHuge Icons eye-offHumbleicons eye-offIconoir eye-offLucide eye-offMage Icons eye-offMajesticons eye-offMaterial Design Icons eye-offMyna UI Icons eye-offPixelarticons eye-off-fillRemix Icon eye-offTabler Icons

Related icons in IonIcons

eye-disabled

Use the eye off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m63.998 86.005l21.998-21.998L447.999 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 0 0-60.57-60.57m-6.68 127.82l-60.57-60.57a64.07 64.07 0 0 0 60.57 60.57"/><path fill="currentColor" d="M256 352a96 96 0 0 1-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.5 233.5 0 0 0 335 402.2l-53.61-53.6A95.8 95.8 0 0 1 256 352m0-192a96 96 0 0 1 92.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96c-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.9 222.9 0 0 0-78.21 14.29l53.11 53.11A95.8 95.8 0 0 1 256 160"/></svg>

React

import type { SVGProps } from "react";

export function IonEyeOffSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m63.998 86.005l21.998-21.998L447.999 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 0 0-60.57-60.57m-6.68 127.82l-60.57-60.57a64.07 64.07 0 0 0 60.57 60.57"/><path fill="currentColor" d="M256 352a96 96 0 0 1-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.5 233.5 0 0 0 335 402.2l-53.61-53.6A95.8 95.8 0 0 1 256 352m0-192a96 96 0 0 1 92.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96c-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.9 222.9 0 0 0-78.21 14.29l53.11 53.11A95.8 95.8 0 0 1 256 160"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m63.998 86.005l21.998-21.998L447.999 426.01l-21.998 21.998zM259.34 192.09l60.57 60.57a64.07 64.07 0 0 0-60.57-60.57m-6.68 127.82l-60.57-60.57a64.07 64.07 0 0 0 60.57 60.57"/><path fill="currentColor" d="M256 352a96 96 0 0 1-92.6-121.34l-69.07-69.08C66.12 187.42 39.24 221.14 16 256c26.42 44 62.56 89.24 100.2 115.18C159.38 400.92 206.33 416 255.76 416A233.5 233.5 0 0 0 335 402.2l-53.61-53.6A95.8 95.8 0 0 1 256 352m0-192a96 96 0 0 1 92.6 121.34L419.26 352c29.15-26.25 56.07-61.56 76.74-96c-26.38-43.43-62.9-88.56-101.18-114.82C351.1 111.2 304.31 96 255.76 96a222.9 222.9 0 0 0-78.21 14.29l53.11 53.11A95.8 95.8 0 0 1 256 160"/></svg>
</template>

CSS

.icon-eye-off-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m63.998%2086.005l21.998-21.998L447.999%20426.01l-21.998%2021.998zM259.34%20192.09l60.57%2060.57a64.07%2064.07%200%200%200-60.57-60.57m-6.68%20127.82l-60.57-60.57a64.07%2064.07%200%200%200%2060.57%2060.57%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20352a96%2096%200%200%201-92.6-121.34l-69.07-69.08C66.12%20187.42%2039.24%20221.14%2016%20256c26.42%2044%2062.56%2089.24%20100.2%20115.18C159.38%20400.92%20206.33%20416%20255.76%20416A233.5%20233.5%200%200%200%20335%20402.2l-53.61-53.6A95.8%2095.8%200%200%201%20256%20352m0-192a96%2096%200%200%201%2092.6%20121.34L419.26%20352c29.15-26.25%2056.07-61.56%2076.74-96c-26.38-43.43-62.9-88.56-101.18-114.82C351.1%20111.2%20304.31%2096%20255.76%2096a222.9%20222.9%200%200%200-78.21%2014.29l53.11%2053.11A95.8%2095.8%200%200%201%20256%20160%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m63.998%2086.005l21.998-21.998L447.999%20426.01l-21.998%2021.998zM259.34%20192.09l60.57%2060.57a64.07%2064.07%200%200%200-60.57-60.57m-6.68%20127.82l-60.57-60.57a64.07%2064.07%200%200%200%2060.57%2060.57%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20352a96%2096%200%200%201-92.6-121.34l-69.07-69.08C66.12%20187.42%2039.24%20221.14%2016%20256c26.42%2044%2062.56%2089.24%20100.2%20115.18C159.38%20400.92%20206.33%20416%20255.76%20416A233.5%20233.5%200%200%200%20335%20402.2l-53.61-53.6A95.8%2095.8%200%200%201%20256%20352m0-192a96%2096%200%200%201%2092.6%20121.34L419.26%20352c29.15-26.25%2056.07-61.56%2076.74-96c-26.38-43.43-62.9-88.56-101.18-114.82C351.1%20111.2%20304.31%2096%20255.76%2096a222.9%20222.9%200%200%200-78.21%2014.29l53.11%2053.11A95.8%2095.8%200%200%201%20256%20160%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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