eyes icon

eyes-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: eyes-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eyes eyes-bold eyes-duotone eyes-light 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 32c-20.61 0-38.28 18.16-48 45.85C118.28 50.16 100.61 32 80 32c-31.4 0-56 42.17-56 96s24.6 96 56 96c20.61 0 38.28-18.16 48-45.85c9.72 27.69 27.39 45.85 48 45.85c31.4 0 56-42.17 56-96s-24.6-96-56-96m-69.08 154.39C99.43 200.12 89.62 208 80 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C60.57 55.88 70.38 48 80 48s19.43 7.88 26.92 21.61C115.35 85.07 120 105.81 120 128s-4.65 42.93-13.08 58.39m96 0C195.43 200.12 185.62 208 176 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C156.57 55.88 166.38 48 176 48s19.43 7.88 26.92 21.61C211.35 85.07 216 105.81 216 128s-4.65 42.93-13.08 58.39"/></svg>

React

import type { SVGProps } from "react";

export function PhEyesFill(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 32c-20.61 0-38.28 18.16-48 45.85C118.28 50.16 100.61 32 80 32c-31.4 0-56 42.17-56 96s24.6 96 56 96c20.61 0 38.28-18.16 48-45.85c9.72 27.69 27.39 45.85 48 45.85c31.4 0 56-42.17 56-96s-24.6-96-56-96m-69.08 154.39C99.43 200.12 89.62 208 80 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C60.57 55.88 70.38 48 80 48s19.43 7.88 26.92 21.61C115.35 85.07 120 105.81 120 128s-4.65 42.93-13.08 58.39m96 0C195.43 200.12 185.62 208 176 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C156.57 55.88 166.38 48 176 48s19.43 7.88 26.92 21.61C211.35 85.07 216 105.81 216 128s-4.65 42.93-13.08 58.39"/></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 32c-20.61 0-38.28 18.16-48 45.85C118.28 50.16 100.61 32 80 32c-31.4 0-56 42.17-56 96s24.6 96 56 96c20.61 0 38.28-18.16 48-45.85c9.72 27.69 27.39 45.85 48 45.85c31.4 0 56-42.17 56-96s-24.6-96-56-96m-69.08 154.39C99.43 200.12 89.62 208 80 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C60.57 55.88 70.38 48 80 48s19.43 7.88 26.92 21.61C115.35 85.07 120 105.81 120 128s-4.65 42.93-13.08 58.39m96 0C195.43 200.12 185.62 208 176 208s-19.43-7.88-26.92-21.61a104.8 104.8 0 0 1-10.24-29.23a32 32 0 1 0 0-58.32a104.8 104.8 0 0 1 10.24-29.23C156.57 55.88 166.38 48 176 48s19.43 7.88 26.92 21.61C211.35 85.07 216 105.81 216 128s-4.65 42.93-13.08 58.39"/></svg>
</template>

CSS

.icon-eyes-fill {
  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%2032c-20.61%200-38.28%2018.16-48%2045.85C118.28%2050.16%20100.61%2032%2080%2032c-31.4%200-56%2042.17-56%2096s24.6%2096%2056%2096c20.61%200%2038.28-18.16%2048-45.85c9.72%2027.69%2027.39%2045.85%2048%2045.85c31.4%200%2056-42.17%2056-96s-24.6-96-56-96m-69.08%20154.39C99.43%20200.12%2089.62%20208%2080%20208s-19.43-7.88-26.92-21.61a104.8%20104.8%200%200%201-10.24-29.23a32%2032%200%201%200%200-58.32a104.8%20104.8%200%200%201%2010.24-29.23C60.57%2055.88%2070.38%2048%2080%2048s19.43%207.88%2026.92%2021.61C115.35%2085.07%20120%20105.81%20120%20128s-4.65%2042.93-13.08%2058.39m96%200C195.43%20200.12%20185.62%20208%20176%20208s-19.43-7.88-26.92-21.61a104.8%20104.8%200%200%201-10.24-29.23a32%2032%200%201%200%200-58.32a104.8%20104.8%200%200%201%2010.24-29.23C156.57%2055.88%20166.38%2048%20176%2048s19.43%207.88%2026.92%2021.61C211.35%2085.07%20216%20105.81%20216%20128s-4.65%2042.93-13.08%2058.39%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%2032c-20.61%200-38.28%2018.16-48%2045.85C118.28%2050.16%20100.61%2032%2080%2032c-31.4%200-56%2042.17-56%2096s24.6%2096%2056%2096c20.61%200%2038.28-18.16%2048-45.85c9.72%2027.69%2027.39%2045.85%2048%2045.85c31.4%200%2056-42.17%2056-96s-24.6-96-56-96m-69.08%20154.39C99.43%20200.12%2089.62%20208%2080%20208s-19.43-7.88-26.92-21.61a104.8%20104.8%200%200%201-10.24-29.23a32%2032%200%201%200%200-58.32a104.8%20104.8%200%200%201%2010.24-29.23C60.57%2055.88%2070.38%2048%2080%2048s19.43%207.88%2026.92%2021.61C115.35%2085.07%20120%20105.81%20120%20128s-4.65%2042.93-13.08%2058.39m96%200C195.43%20200.12%20185.62%20208%20176%20208s-19.43-7.88-26.92-21.61a104.8%20104.8%200%200%201-10.24-29.23a32%2032%200%201%200%200-58.32a104.8%20104.8%200%200%201%2010.24-29.23C156.57%2055.88%20166.38%2048%20176%2048s19.43%207.88%2026.92%2021.61C211.35%2085.07%20216%20105.81%20216%20128s-4.65%2042.93-13.08%2058.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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