Hover the icon or press Play. Suggested motion: blink. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaEyeSlashSolid

Eye Slash Solid icon

A free eye slash solid icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asview icon show icon visible icon visibility icon watch icon preview icon

License: MIT license
Project: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/eye-slash-solid.json

components/icons/line-awesome-eye-slash-solid.tsx

import * as React from "react";

/**
 * Eye Slash Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/eye-slash-solid. Sized in em, colored by currentColor.
 */
export function LiaEyeSlashSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 3.71875 2.28125 L 2.28125 3.71875 L 8.46875 9.875 L 21.4375 22.84375 L 28.28125 29.71875 L 29.71875 28.28125 L 23.375 21.9375 C 27.472656 19.851563 30.527344 16.910156 30.71875 16.71875 L 31.375 16.0625 L 30.75 15.34375 C 30.492188 15.042969 24.394531 8 16 8 C 14.007813 8 12.152344 8.417969 10.46875 9.03125 Z M 16 10 C 18.164063 10 20.160156 10.554688 21.9375 11.34375 C 22.613281 12.445313 23 13.699219 23 15 C 23 16.816406 22.300781 18.46875 21.15625 19.71875 L 18.3125 16.875 C 18.726563 16.363281 19 15.710938 19 15 C 19 13.347656 17.652344 12 16 12 C 15.289063 12 14.636719 12.273438 14.125 12.6875 L 12.0625 10.625 C 13.300781 10.253906 14.609375 10 16 10 Z M 6.625 10.875 C 3.386719 12.863281 1.394531 15.171875 1.25 15.34375 L 0.625 16.0625 L 1.28125 16.71875 C 1.566406 17.003906 8.097656 23.382813 15.0625 23.9375 L 15.125 23.9375 C 15.414063 23.960938 15.710938 24 16 24 C 16.289063 24 16.585938 23.960938 16.875 23.9375 L 16.9375 23.9375 C 17.734375 23.875 18.535156 23.730469 19.3125 23.53125 L 17.59375 21.8125 C 17.34375 21.871094 17.074219 21.910156 16.8125 21.9375 L 16.6875 21.96875 C 16.21875 22.007813 15.777344 22.007813 15.3125 21.96875 L 15.21875 21.9375 C 11.679688 21.539063 9 18.566406 9 15 C 9 14.464844 9.066406 13.949219 9.1875 13.4375 Z M 7.28125 12.84375 C 7.105469 13.546875 7 14.261719 7 15 C 7 16.613281 7.4375 18.121094 8.1875 19.4375 C 6.066406 18.175781 4.320313 16.75 3.40625 15.9375 C 4.152344 15.195313 5.507813 13.988281 7.28125 12.84375 Z M 24.71875 12.84375 C 26.492188 13.988281 27.816406 15.226563 28.5625 15.96875 C 27.648438 16.78125 25.933594 18.175781 23.8125 19.4375 C 24.5625 18.121094 25 16.613281 25 15 C 25 14.265625 24.890625 13.546875 24.71875 12.84375 Z M 16 14 C 16.550781 14 17 14.449219 17 15 C 17 15.164063 16.945313 15.300781 16.875 15.4375 L 15.5625 14.125 C 15.699219 14.054688 15.835938 14 16 14 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaEyeSlashSolid } from "react-icons/lia";

export function Example() {
  return <LiaEyeSlashSolid className="size-5" />;
}

eye-slash-solid.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 3.71875 2.28125 L 2.28125 3.71875 L 8.46875 9.875 L 21.4375 22.84375 L 28.28125 29.71875 L 29.71875 28.28125 L 23.375 21.9375 C 27.472656 19.851563 30.527344 16.910156 30.71875 16.71875 L 31.375 16.0625 L 30.75 15.34375 C 30.492188 15.042969 24.394531 8 16 8 C 14.007813 8 12.152344 8.417969 10.46875 9.03125 Z M 16 10 C 18.164063 10 20.160156 10.554688 21.9375 11.34375 C 22.613281 12.445313 23 13.699219 23 15 C 23 16.816406 22.300781 18.46875 21.15625 19.71875 L 18.3125 16.875 C 18.726563 16.363281 19 15.710938 19 15 C 19 13.347656 17.652344 12 16 12 C 15.289063 12 14.636719 12.273438 14.125 12.6875 L 12.0625 10.625 C 13.300781 10.253906 14.609375 10 16 10 Z M 6.625 10.875 C 3.386719 12.863281 1.394531 15.171875 1.25 15.34375 L 0.625 16.0625 L 1.28125 16.71875 C 1.566406 17.003906 8.097656 23.382813 15.0625 23.9375 L 15.125 23.9375 C 15.414063 23.960938 15.710938 24 16 24 C 16.289063 24 16.585938 23.960938 16.875 23.9375 L 16.9375 23.9375 C 17.734375 23.875 18.535156 23.730469 19.3125 23.53125 L 17.59375 21.8125 C 17.34375 21.871094 17.074219 21.910156 16.8125 21.9375 L 16.6875 21.96875 C 16.21875 22.007813 15.777344 22.007813 15.3125 21.96875 L 15.21875 21.9375 C 11.679688 21.539063 9 18.566406 9 15 C 9 14.464844 9.066406 13.949219 9.1875 13.4375 Z M 7.28125 12.84375 C 7.105469 13.546875 7 14.261719 7 15 C 7 16.613281 7.4375 18.121094 8.1875 19.4375 C 6.066406 18.175781 4.320313 16.75 3.40625 15.9375 C 4.152344 15.195313 5.507813 13.988281 7.28125 12.84375 Z M 24.71875 12.84375 C 26.492188 13.988281 27.816406 15.226563 28.5625 15.96875 C 27.648438 16.78125 25.933594 18.175781 23.8125 19.4375 C 24.5625 18.121094 25 16.613281 25 15 C 25 14.265625 24.890625 13.546875 24.71875 12.84375 Z M 16 14 C 16.550781 14 17 14.449219 17 15 C 17 15.164063 16.945313 15.300781 16.875 15.4375 L 15.5625 14.125 C 15.699219 14.054688 15.835938 14 16 14 Z"
  />
</svg>

Attribution

"Eye Slash Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: view, show, visible, visibility

Similar Icons8 Line Awesome icons