eye slash icon

eye-slash from Font Awesome Regular by Dave Gandy · Regular · Design · CC-BY-4.0 Attribution required.

Name: eye-slash
Set: Font Awesome Regular
Style: Regular
Category: Design
Viewbox: 640×640
License: CC BY 4.0

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 Solid eye-slash-outlineFlowbite Icons eye-slashHeroIcons eye-slashLine Awesome eye-slashPhosphor eye-slashPrime Icons eye-slashUnicons

More design icons from Font Awesome Regular

clone eye object-group object-ungroup

Use the eye slash icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-96.4-96.4c2.7-2.4 5.4-4.8 8-7.2c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1c-47.1-43.7-111.8-80.6-192.6-80.6c-56.8 0-105.6 18.2-146 44.2zm135.9 136C241 156.2 278.1 144 320 144c65.2 0 118.8 29.6 159.9 67.7C518.4 247.4 545 290 558.5 320c-13.6 30-40.2 72.5-78.6 108.3c-3.1 2.8-6.2 5.6-9.4 8.4L425.8 392c14-20.5 22.2-45.3 22.2-72c0-70.7-57.3-128-128-128c-26.7 0-51.5 8.2-72 22.2zm182 182l-108-108c11.1-5.8 23.7-9.1 37.1-9.1c44.2 0 80 35.8 80 80c0 13.4-3.3 26-9.1 37.1M135.4 237.2l-34-34C68.8 240 46.4 279 34.5 307.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47.1 43.7 111.8 80.6 192.6 80.6c37.3 0 71.2-7.9 101.5-20.6L384.2 486c-20 6.4-41.4 10-64.2 10c-65.2 0-118.8-29.6-159.9-67.7C121.6 392.6 95 350 81.5 320c10.4-23.1 28.6-53.6 54-82.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7RegularEyeSlash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-96.4-96.4c2.7-2.4 5.4-4.8 8-7.2c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1c-47.1-43.7-111.8-80.6-192.6-80.6c-56.8 0-105.6 18.2-146 44.2zm135.9 136C241 156.2 278.1 144 320 144c65.2 0 118.8 29.6 159.9 67.7C518.4 247.4 545 290 558.5 320c-13.6 30-40.2 72.5-78.6 108.3c-3.1 2.8-6.2 5.6-9.4 8.4L425.8 392c14-20.5 22.2-45.3 22.2-72c0-70.7-57.3-128-128-128c-26.7 0-51.5 8.2-72 22.2zm182 182l-108-108c11.1-5.8 23.7-9.1 37.1-9.1c44.2 0 80 35.8 80 80c0 13.4-3.3 26-9.1 37.1M135.4 237.2l-34-34C68.8 240 46.4 279 34.5 307.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47.1 43.7 111.8 80.6 192.6 80.6c37.3 0 71.2-7.9 101.5-20.6L384.2 486c-20 6.4-41.4 10-64.2 10c-65.2 0-118.8-29.6-159.9-67.7C121.6 392.6 95 350 81.5 320c10.4-23.1 28.6-53.6 54-82.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M73 39.1c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l528 528c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-96.4-96.4c2.7-2.4 5.4-4.8 8-7.2c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1c-47.1-43.7-111.8-80.6-192.6-80.6c-56.8 0-105.6 18.2-146 44.2zm135.9 136C241 156.2 278.1 144 320 144c65.2 0 118.8 29.6 159.9 67.7C518.4 247.4 545 290 558.5 320c-13.6 30-40.2 72.5-78.6 108.3c-3.1 2.8-6.2 5.6-9.4 8.4L425.8 392c14-20.5 22.2-45.3 22.2-72c0-70.7-57.3-128-128-128c-26.7 0-51.5 8.2-72 22.2zm182 182l-108-108c11.1-5.8 23.7-9.1 37.1-9.1c44.2 0 80 35.8 80 80c0 13.4-3.3 26-9.1 37.1M135.4 237.2l-34-34C68.8 240 46.4 279 34.5 307.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47.1 43.7 111.8 80.6 192.6 80.6c37.3 0 71.2-7.9 101.5-20.6L384.2 486c-20 6.4-41.4 10-64.2 10c-65.2 0-118.8-29.6-159.9-67.7C121.6 392.6 95 350 81.5 320c10.4-23.1 28.6-53.6 54-82.8z"/></svg>
</template>

CSS

.icon-eye-slash {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M73%2039.1c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6-.1%2034l528%20528c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-96.4-96.4c2.7-2.4%205.4-4.8%208-7.2c46.8-43.5%2078.1-95.4%2093-131.1c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1c-47.1-43.7-111.8-80.6-192.6-80.6c-56.8%200-105.6%2018.2-146%2044.2zm135.9%20136C241%20156.2%20278.1%20144%20320%20144c65.2%200%20118.8%2029.6%20159.9%2067.7C518.4%20247.4%20545%20290%20558.5%20320c-13.6%2030-40.2%2072.5-78.6%20108.3c-3.1%202.8-6.2%205.6-9.4%208.4L425.8%20392c14-20.5%2022.2-45.3%2022.2-72c0-70.7-57.3-128-128-128c-26.7%200-51.5%208.2-72%2022.2zm182%20182l-108-108c11.1-5.8%2023.7-9.1%2037.1-9.1c44.2%200%2080%2035.8%2080%2080c0%2013.4-3.3%2026-9.1%2037.1M135.4%20237.2l-34-34C68.8%20240%2046.4%20279%2034.5%20307.7c-3.3%207.9-3.3%2016.7%200%2024.6c14.9%2035.7%2046.2%2087.7%2093%20131.1c47.1%2043.7%20111.8%2080.6%20192.6%2080.6c37.3%200%2071.2-7.9%20101.5-20.6L384.2%20486c-20%206.4-41.4%2010-64.2%2010c-65.2%200-118.8-29.6-159.9-67.7C121.6%20392.6%2095%20350%2081.5%20320c10.4-23.1%2028.6-53.6%2054-82.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M73%2039.1c-9.4-9.4-24.6-9.4-33.9%200s-9.4%2024.6-.1%2034l528%20528c9.4%209.4%2024.6%209.4%2033.9%200s9.4-24.6%200-33.9l-96.4-96.4c2.7-2.4%205.4-4.8%208-7.2c46.8-43.5%2078.1-95.4%2093-131.1c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1c-47.1-43.7-111.8-80.6-192.6-80.6c-56.8%200-105.6%2018.2-146%2044.2zm135.9%20136C241%20156.2%20278.1%20144%20320%20144c65.2%200%20118.8%2029.6%20159.9%2067.7C518.4%20247.4%20545%20290%20558.5%20320c-13.6%2030-40.2%2072.5-78.6%20108.3c-3.1%202.8-6.2%205.6-9.4%208.4L425.8%20392c14-20.5%2022.2-45.3%2022.2-72c0-70.7-57.3-128-128-128c-26.7%200-51.5%208.2-72%2022.2zm182%20182l-108-108c11.1-5.8%2023.7-9.1%2037.1-9.1c44.2%200%2080%2035.8%2080%2080c0%2013.4-3.3%2026-9.1%2037.1M135.4%20237.2l-34-34C68.8%20240%2046.4%20279%2034.5%20307.7c-3.3%207.9-3.3%2016.7%200%2024.6c14.9%2035.7%2046.2%2087.7%2093%20131.1c47.1%2043.7%20111.8%2080.6%20192.6%2080.6c37.3%200%2071.2-7.9%20101.5-20.6L384.2%20486c-20%206.4-41.4%2010-64.2%2010c-65.2%200-118.8-29.6-159.9-67.7C121.6%20392.6%2095%20350%2081.5%20320c10.4-23.1%2028.6-53.6%2054-82.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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