Eye Off icon

A free eye off icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Security & Protection
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: eye, off, visibility, hidden, private, conceal, unseen

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1 10C1 8 4.5 3 10 3C12.08 3 13.87 3.71 15.29 4.71L12.12 7.88L7.88 12.12L4.71 15.29C2.36 13.65 1 11.25 1 10Z"/>
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.08 7.58C18.68 8.51 19 9.39 19 10C19 12 15.5 17 10 17C9.57 17 9.15 16.97 8.74 16.91M15.29 4.71L20 0M4.71 15.29L0 20M7.88 12.12C7.34 11.58 7 10.83 7 10C7 8.34 8.34 7 10 7C10.83 7 11.58 7.34 12.12 7.88"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1 1)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M21.71 1.71C22.1 1.32 22.1 0.68 21.71 0.29C21.32 -0.1 20.68 -0.1 20.29 0.29L16.26 4.32C16.2 4.39 16.1 4.4 16.02 4.35C14.61 3.55 12.92 3 11 3C7.93 3 5.45 4.4 3.74 6.03C2.89 6.85 2.22 7.74 1.76 8.58C1.31 9.39 1 10.26 1 11C1 11.91 1.46 13.02 2.14 14.05C2.62 14.79 3.26 15.55 4.04 16.24C4.12 16.32 4.13 16.46 4.05 16.54L0.29 20.29C-0.1 20.68 -0.1 21.32 0.29 21.71C0.68 22.1 1.32 22.1 1.71 21.71L21.71 1.71ZM12.85 7.74C12.94 7.64 12.92 7.49 12.81 7.43C12.26 7.16 11.65 7 11 7C8.79 7 7 8.79 7 11C7 11.65 7.16 12.26 7.43 12.81C7.49 12.92 7.64 12.94 7.74 12.85L8.99 11.6C9.04 11.55 9.06 11.48 9.04 11.41C9.01 11.27 9 11.14 9 11C9 9.9 9.9 9 11 9C11.14 9 11.27 9.01 11.41 9.04C11.48 9.06 11.55 9.04 11.6 8.99L12.85 7.74Z"/>
  <path transform="translate(1 1)" fill="currentColor" d="M9.04 17.2L11.2 15.05C11.23 15.01 11.28 14.99 11.33 14.99C13.28 14.83 14.83 13.28 14.99 11.33C14.99 11.28 15.01 11.23 15.05 11.2L18.37 7.87C18.58 7.66 18.88 7.55 19.18 7.58C19.49 7.62 19.76 7.78 19.92 8.04C20.56 9.04 21 10.11 21 11C21 11.74 20.69 12.61 20.24 13.42C19.78 14.26 19.11 15.15 18.26 15.97C16.55 17.6 14.07 19 11 19C10.52 19 10.06 18.97 9.6 18.9C9.23 18.85 8.92 18.59 8.8 18.23C8.68 17.87 8.77 17.47 9.04 17.2Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 5)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.08 4.58C17.68 5.51 18 6.39 18 7C18 9 14.5 14 9 14C8.57 14 8.15 13.97 7.74 13.91M14.29 1.71C12.87 0.71 11.08 0 9 0C3.5 0 0 5 0 7C0 8.25 1.36 10.65 3.71 12.29M6.88 9.12C6.34 8.58 6 7.83 6 7C6 5.34 7.34 4 9 4C9.83 4 10.58 4.34 11.12 4.88"/>
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 0L0 20"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 4)" fill="currentColor" d="M10 0C6.93 0 4.45 1.4 2.74 3.03C1.89 3.85 1.22 4.74 0.76 5.58C0.31 6.39 0 7.26 0 8C0 8.91 0.46 10.02 1.14 11.05C1.83 12.11 2.85 13.22 4.13 14.11C4.53 14.39 5.07 14.34 5.41 14L8.59 10.83C8.19 11.22 7.56 11.22 7.17 10.83C6.45 10.11 6 9.1 6 8C6 5.79 7.79 4 10 4C11.1 4 12.11 4.45 12.83 5.17C13.22 5.56 13.22 6.19 12.83 6.59L16 3.41C16.21 3.21 16.32 2.91 16.29 2.62C16.26 2.32 16.11 2.06 15.87 1.89C14.3 0.8 12.31 0 10 0Z"/>
  <path opacity="0.28" transform="translate(2 4)" fill="currentColor" d="M12.83 6.59C12.44 6.98 11.8 6.98 11.41 6.59C11.05 6.22 10.55 6 10 6C8.9 6 8 6.9 8 8C8 8.55 8.22 9.05 8.59 9.41C8.98 9.8 8.98 10.44 8.59 10.83L12.83 6.59Z"/>
  <path opacity="0.28" transform="translate(2 4)" fill="currentColor" d="M10.33 11.99C10.28 11.99 10.23 12.01 10.2 12.05L8.04 14.2C7.77 14.47 7.68 14.87 7.8 15.23C7.92 15.59 8.23 15.85 8.6 15.9C9.06 15.97 9.52 16 10 16C13.07 16 15.55 14.6 17.26 12.97C18.11 12.15 18.78 11.26 19.24 10.42C19.69 9.61 20 8.74 20 8C20 7.11 19.56 6.04 18.92 5.04C18.76 4.78 18.49 4.62 18.18 4.58C17.88 4.55 17.58 4.66 17.37 4.87L14.05 8.2C14.01 8.23 13.99 8.28 13.99 8.33C13.83 10.28 12.28 11.83 10.33 11.99Z"/>
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M20 0L0 20"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 5)" fill="currentColor" d="M0 7C0 5 3.5 0 9 0C11.08 0 12.87 0.71 14.29 1.71L3.71 12.29C1.36 10.65 0 8.25 0 7Z"/>
  <path opacity="0.28" transform="translate(3 5)" fill="currentColor" d="M7.04 13.2L9.25 10.99C11.26 10.87 12.87 9.26 12.99 7.25L16.37 3.87C16.58 3.66 16.88 3.55 17.18 3.58C17.49 3.62 17.76 3.78 17.92 4.04C18.56 5.04 19 6.11 19 7C19 7.74 18.69 8.61 18.24 9.42C17.78 10.26 17.11 11.15 16.26 11.97C14.55 13.6 12.07 15 9 15C8.52 15 8.06 14.97 7.6 14.9C7.23 14.85 6.92 14.59 6.8 14.23C6.68 13.87 6.77 13.47 7.04 13.2Z"/>
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1 10C1 8 4.5 3 10 3C12.08 3 13.87 3.71 15.29 4.71L12.12 7.88L7.88 12.12L4.71 15.29C2.36 13.65 1 11.25 1 10Z"/>
  <path transform="translate(2 2)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.08 7.58C18.68 8.51 19 9.39 19 10C19 12 15.5 17 10 17C9.57 17 9.15 16.97 8.74 16.91M15.29 4.71L20 0M4.71 15.29L0 20M7.88 12.12C7.34 11.58 7 10.83 7 10C7 8.34 8.34 7 10 7C10.83 7 11.58 7.34 12.12 7.88"/>
</svg>