eyes icon

eyes-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: eyes-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eyes eyes-bold eyes-duotone eyes-fill eyes-thin

The same icon in other sets

eyesEmoji One (Colored)eyesFluent Emoji eyesFluent Emoji Flat eyesFluent Emoji High Contrast eyesFirefox OS Emoji eyesHealth Icons eyesIconPark eyesIconPark Outline eyesIconPark Solid eyesIconPark TwoTone eyesNoto Emoji eyesOpenMoji eyesStreamline Emojis eyesTwitter Emoji

Use the eyes icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 34c-21.15 0-39.1 20.15-48 50.26C119.1 54.15 101.15 34 80 34c-30.28 0-54 41.29-54 94s23.72 94 54 94c21.15 0 39.1-20.15 48-50.26c8.9 30.11 26.85 50.26 48 50.26c30.28 0 54-41.29 54-94s-23.72-94-54-94M80 210c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C45.81 70.1 61.76 46 80 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18m138 82c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C141.81 70.1 157.76 46 176 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18"/></svg>

React

import type { SVGProps } from "react";

export function PhEyesLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 34c-21.15 0-39.1 20.15-48 50.26C119.1 54.15 101.15 34 80 34c-30.28 0-54 41.29-54 94s23.72 94 54 94c21.15 0 39.1-20.15 48-50.26c8.9 30.11 26.85 50.26 48 50.26c30.28 0 54-41.29 54-94s-23.72-94-54-94M80 210c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C45.81 70.1 61.76 46 80 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18m138 82c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C141.81 70.1 157.76 46 176 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M176 34c-21.15 0-39.1 20.15-48 50.26C119.1 54.15 101.15 34 80 34c-30.28 0-54 41.29-54 94s23.72 94 54 94c21.15 0 39.1-20.15 48-50.26c8.9 30.11 26.85 50.26 48 50.26c30.28 0 54-41.29 54-94s-23.72-94-54-94M80 210c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C45.81 70.1 61.76 46 80 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18m138 82c-18.24 0-34.19-24.1-39.83-56.53a30 30 0 1 0 0-50.94C141.81 70.1 157.76 46 176 46c22.77 0 42 37.55 42 82s-19.23 82-42 82m-42-82a18 18 0 1 1 18 18a18 18 0 0 1-18-18"/></svg>
</template>

CSS

.icon-eyes-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%2034c-21.15%200-39.1%2020.15-48%2050.26C119.1%2054.15%20101.15%2034%2080%2034c-30.28%200-54%2041.29-54%2094s23.72%2094%2054%2094c21.15%200%2039.1-20.15%2048-50.26c8.9%2030.11%2026.85%2050.26%2048%2050.26c30.28%200%2054-41.29%2054-94s-23.72-94-54-94M80%20210c-18.24%200-34.19-24.1-39.83-56.53a30%2030%200%201%200%200-50.94C45.81%2070.1%2061.76%2046%2080%2046c22.77%200%2042%2037.55%2042%2082s-19.23%2082-42%2082m-42-82a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18m138%2082c-18.24%200-34.19-24.1-39.83-56.53a30%2030%200%201%200%200-50.94C141.81%2070.1%20157.76%2046%20176%2046c22.77%200%2042%2037.55%2042%2082s-19.23%2082-42%2082m-42-82a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M176%2034c-21.15%200-39.1%2020.15-48%2050.26C119.1%2054.15%20101.15%2034%2080%2034c-30.28%200-54%2041.29-54%2094s23.72%2094%2054%2094c21.15%200%2039.1-20.15%2048-50.26c8.9%2030.11%2026.85%2050.26%2048%2050.26c30.28%200%2054-41.29%2054-94s-23.72-94-54-94M80%20210c-18.24%200-34.19-24.1-39.83-56.53a30%2030%200%201%200%200-50.94C45.81%2070.1%2061.76%2046%2080%2046c22.77%200%2042%2037.55%2042%2082s-19.23%2082-42%2082m-42-82a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18m138%2082c-18.24%200-34.19-24.1-39.83-56.53a30%2030%200%201%200%200-50.94C141.81%2070.1%20157.76%2046%20176%2046c22.77%200%2042%2037.55%2042%2082s-19.23%2082-42%2082m-42-82a18%2018%200%201%201%2018%2018a18%2018%200%200%201-18-18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/eyes-light.svg?color=%231a73e8&size=48