eyes icon

eyes-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: eyes-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

eyes eyes-bold eyes-duotone eyes-fill eyes-light

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="M213.45 63.86C203.65 45.89 190.35 36 176 36s-27.65 9.89-37.45 27.86A114 114 0 0 0 128 92.31a114 114 0 0 0-10.55-28.45C107.65 45.89 94.35 36 80 36s-27.65 9.89-37.45 27.86C33.17 81.06 28 103.84 28 128s5.17 46.94 14.55 64.14C52.35 210.11 65.65 220 80 220s27.65-9.89 37.45-27.86A114 114 0 0 0 128 163.69a114 114 0 0 0 10.55 28.45c9.8 18 23.1 27.86 37.45 27.86s27.65-9.89 37.45-27.86c9.38-17.2 14.55-40 14.55-64.14s-5.17-46.94-14.55-64.14m-103 124.45C102.1 203.59 91.29 212 80 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C57.9 52.41 68.71 44 80 44s22.1 8.41 30.43 23.69C119.18 83.73 124 105.15 124 128s-4.82 44.27-13.57 60.31ZM36 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m170.43 60.31C198.1 203.59 187.29 212 176 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C153.9 52.41 164.71 44 176 44s22.1 8.41 30.43 23.69C215.18 83.73 220 105.15 220 128s-4.82 44.27-13.57 60.31M132 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>

React

import type { SVGProps } from "react";

export function PhEyesThin(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="M213.45 63.86C203.65 45.89 190.35 36 176 36s-27.65 9.89-37.45 27.86A114 114 0 0 0 128 92.31a114 114 0 0 0-10.55-28.45C107.65 45.89 94.35 36 80 36s-27.65 9.89-37.45 27.86C33.17 81.06 28 103.84 28 128s5.17 46.94 14.55 64.14C52.35 210.11 65.65 220 80 220s27.65-9.89 37.45-27.86A114 114 0 0 0 128 163.69a114 114 0 0 0 10.55 28.45c9.8 18 23.1 27.86 37.45 27.86s27.65-9.89 37.45-27.86c9.38-17.2 14.55-40 14.55-64.14s-5.17-46.94-14.55-64.14m-103 124.45C102.1 203.59 91.29 212 80 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C57.9 52.41 68.71 44 80 44s22.1 8.41 30.43 23.69C119.18 83.73 124 105.15 124 128s-4.82 44.27-13.57 60.31ZM36 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m170.43 60.31C198.1 203.59 187.29 212 176 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C153.9 52.41 164.71 44 176 44s22.1 8.41 30.43 23.69C215.18 83.73 220 105.15 220 128s-4.82 44.27-13.57 60.31M132 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M213.45 63.86C203.65 45.89 190.35 36 176 36s-27.65 9.89-37.45 27.86A114 114 0 0 0 128 92.31a114 114 0 0 0-10.55-28.45C107.65 45.89 94.35 36 80 36s-27.65 9.89-37.45 27.86C33.17 81.06 28 103.84 28 128s5.17 46.94 14.55 64.14C52.35 210.11 65.65 220 80 220s27.65-9.89 37.45-27.86A114 114 0 0 0 128 163.69a114 114 0 0 0 10.55 28.45c9.8 18 23.1 27.86 37.45 27.86s27.65-9.89 37.45-27.86c9.38-17.2 14.55-40 14.55-64.14s-5.17-46.94-14.55-64.14m-103 124.45C102.1 203.59 91.29 212 80 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C57.9 52.41 68.71 44 80 44s22.1 8.41 30.43 23.69C119.18 83.73 124 105.15 124 128s-4.82 44.27-13.57 60.31ZM36 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m170.43 60.31C198.1 203.59 187.29 212 176 212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28 28 0 1 0 0-41.78c2-14.83 6.17-28.39 12.18-39.42C153.9 52.41 164.71 44 176 44s22.1 8.41 30.43 23.69C215.18 83.73 220 105.15 220 128s-4.82 44.27-13.57 60.31M132 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20"/></svg>
</template>

CSS

.icon-eyes-thin {
  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%22M213.45%2063.86C203.65%2045.89%20190.35%2036%20176%2036s-27.65%209.89-37.45%2027.86A114%20114%200%200%200%20128%2092.31a114%20114%200%200%200-10.55-28.45C107.65%2045.89%2094.35%2036%2080%2036s-27.65%209.89-37.45%2027.86C33.17%2081.06%2028%20103.84%2028%20128s5.17%2046.94%2014.55%2064.14C52.35%20210.11%2065.65%20220%2080%20220s27.65-9.89%2037.45-27.86A114%20114%200%200%200%20128%20163.69a114%20114%200%200%200%2010.55%2028.45c9.8%2018%2023.1%2027.86%2037.45%2027.86s27.65-9.89%2037.45-27.86c9.38-17.2%2014.55-40%2014.55-64.14s-5.17-46.94-14.55-64.14m-103%20124.45C102.1%20203.59%2091.29%20212%2080%20212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28%2028%200%201%200%200-41.78c2-14.83%206.17-28.39%2012.18-39.42C57.9%2052.41%2068.71%2044%2080%2044s22.1%208.41%2030.43%2023.69C119.18%2083.73%20124%20105.15%20124%20128s-4.82%2044.27-13.57%2060.31ZM36%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20m170.43%2060.31C198.1%20203.59%20187.29%20212%20176%20212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28%2028%200%201%200%200-41.78c2-14.83%206.17-28.39%2012.18-39.42C153.9%2052.41%20164.71%2044%20176%2044s22.1%208.41%2030.43%2023.69C215.18%2083.73%20220%20105.15%20220%20128s-4.82%2044.27-13.57%2060.31M132%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20%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%22M213.45%2063.86C203.65%2045.89%20190.35%2036%20176%2036s-27.65%209.89-37.45%2027.86A114%20114%200%200%200%20128%2092.31a114%20114%200%200%200-10.55-28.45C107.65%2045.89%2094.35%2036%2080%2036s-27.65%209.89-37.45%2027.86C33.17%2081.06%2028%20103.84%2028%20128s5.17%2046.94%2014.55%2064.14C52.35%20210.11%2065.65%20220%2080%20220s27.65-9.89%2037.45-27.86A114%20114%200%200%200%20128%20163.69a114%20114%200%200%200%2010.55%2028.45c9.8%2018%2023.1%2027.86%2037.45%2027.86s27.65-9.89%2037.45-27.86c9.38-17.2%2014.55-40%2014.55-64.14s-5.17-46.94-14.55-64.14m-103%20124.45C102.1%20203.59%2091.29%20212%2080%20212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28%2028%200%201%200%200-41.78c2-14.83%206.17-28.39%2012.18-39.42C57.9%2052.41%2068.71%2044%2080%2044s22.1%208.41%2030.43%2023.69C119.18%2083.73%20124%20105.15%20124%20128s-4.82%2044.27-13.57%2060.31ZM36%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20m170.43%2060.31C198.1%20203.59%20187.29%20212%20176%20212s-22.1-8.41-30.43-23.69c-6-11-10.17-24.59-12.18-39.42a28%2028%200%201%200%200-41.78c2-14.83%206.17-28.39%2012.18-39.42C153.9%2052.41%20164.71%2044%20176%2044s22.1%208.41%2030.43%2023.69C215.18%2083.73%20220%20105.15%20220%20128s-4.82%2044.27-13.57%2060.31M132%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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