eye slash icon

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

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

The same icon in other sets

eye-slashBootstrap Icons eye-slashFramework7 Icons eye-slashFont Awesome 6 Solid eye-slashFont Awesome Regular 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 6 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 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-105.2-82.4c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5zm205.1 160.8l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16h2c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2m9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8l-37.7-29.7c-22.8 29.7-39.1 59.3-48.6 82.2c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47 43.8 111.7 80.6 192.5 80.6c47.8 0 89.9-12.9 126.2-32.5zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularEyeSlash(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-105.2-82.4c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5zm205.1 160.8l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16h2c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2m9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8l-37.7-29.7c-22.8 29.7-39.1 59.3-48.6 82.2c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47 43.8 111.7 80.6 192.5 80.6c47.8 0 89.9-12.9 126.2-32.5zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2s-6.3 25.5 4.1 33.7l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-105.2-82.4c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5zm205.1 160.8l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16h2c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2m9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8l-37.7-29.7c-22.8 29.7-39.1 59.3-48.6 82.2c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1c47 43.8 111.7 80.6 192.5 80.6c47.8 0 89.9-12.9 126.2-32.5zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/></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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7l-105.2-82.4c39.6-40.6%2066.4-86.1%2079.9-118.4c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5%2068.8%20400.8%2032%20320%2032c-68.2%200-125%2026.3-169.3%2060.8zm151%20118.3C226%2097.7%20269.5%2080%20320%2080c65.2%200%20118.8%2029.6%20159.9%2067.7C518.4%20183.5%20545%20226%20558.6%20256c-12.6%2028-36.6%2066.8-70.9%20100.9l-53.8-42.2c9.1-17.6%2014.2-37.5%2014.2-58.7c0-70.7-57.3-128-128-128c-32.2%200-61.7%2011.9-84.2%2031.5zm205.1%20160.8l-81.5-63.9c4.2-8.5%206.6-18.2%206.6-28.3c0-5.5-.7-10.9-2-16h2c44.2%200%2080%2035.8%2080%2080c0%209.9-1.8%2019.4-5.1%2028.2m9.4%20130.3C378.8%20425.4%20350.7%20432%20320%20432c-65.2%200-118.8-29.6-159.9-67.7C121.6%20328.5%2095%20286%2081.4%20256c8.3-18.4%2021.5-41.5%2039.4-64.8l-37.7-29.7c-22.8%2029.7-39.1%2059.3-48.6%2082.2c-3.3%207.9-3.3%2016.7%200%2024.6c14.9%2035.7%2046.2%2087.7%2093%20131.1c47%2043.8%20111.7%2080.6%20192.5%2080.6c47.8%200%2089.9-12.9%20126.2-32.5zM192%20256c0%2070.7%2057.3%20128%20128%20128c13.3%200%2026.1-2%2038.2-5.8L302%20334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2%202.8-.3%205.6-.3%208.5z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.8%205.1C28.4-3.1%2013.3-1.2%205.1%209.2s-6.3%2025.5%204.1%2033.7l592%20464c10.4%208.2%2025.5%206.3%2033.7-4.1s6.3-25.5-4.1-33.7l-105.2-82.4c39.6-40.6%2066.4-86.1%2079.9-118.4c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5%2068.8%20400.8%2032%20320%2032c-68.2%200-125%2026.3-169.3%2060.8zm151%20118.3C226%2097.7%20269.5%2080%20320%2080c65.2%200%20118.8%2029.6%20159.9%2067.7C518.4%20183.5%20545%20226%20558.6%20256c-12.6%2028-36.6%2066.8-70.9%20100.9l-53.8-42.2c9.1-17.6%2014.2-37.5%2014.2-58.7c0-70.7-57.3-128-128-128c-32.2%200-61.7%2011.9-84.2%2031.5zm205.1%20160.8l-81.5-63.9c4.2-8.5%206.6-18.2%206.6-28.3c0-5.5-.7-10.9-2-16h2c44.2%200%2080%2035.8%2080%2080c0%209.9-1.8%2019.4-5.1%2028.2m9.4%20130.3C378.8%20425.4%20350.7%20432%20320%20432c-65.2%200-118.8-29.6-159.9-67.7C121.6%20328.5%2095%20286%2081.4%20256c8.3-18.4%2021.5-41.5%2039.4-64.8l-37.7-29.7c-22.8%2029.7-39.1%2059.3-48.6%2082.2c-3.3%207.9-3.3%2016.7%200%2024.6c14.9%2035.7%2046.2%2087.7%2093%20131.1c47%2043.8%20111.7%2080.6%20192.5%2080.6c47.8%200%2089.9-12.9%20126.2-32.5zM192%20256c0%2070.7%2057.3%20128%20128%20128c13.3%200%2026.1-2%2038.2-5.8L302%20334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2%202.8-.3%205.6-.3%208.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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