ios eye icon
ios-eye from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-eye
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios eye icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.8 112c-80.4 0-143.8 50.6-219.6 133.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c96.4 0 168.7-77.7 220.1-134 5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112zm4.4 233.9c-53 2.4-96.6-41.2-94.1-94.1 2.1-46.2 39.5-83.6 85.7-85.7 53-2.4 96.6 41.2 94.1 94.1-2.1 46.2-39.5 83.6-85.7 85.7z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-36.9 0-66.6 31.4-63.8 68.9 2.4 31.3 27.6 56.5 58.9 58.9 37.5 2.8 68.9-26.9 68.9-63.8 0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-25.2 0-45.7-21.1-45.7-47z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosEye(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.8 112c-80.4 0-143.8 50.6-219.6 133.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c96.4 0 168.7-77.7 220.1-134 5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112zm4.4 233.9c-53 2.4-96.6-41.2-94.1-94.1 2.1-46.2 39.5-83.6 85.7-85.7 53-2.4 96.6 41.2 94.1 94.1-2.1 46.2-39.5 83.6-85.7 85.7z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-36.9 0-66.6 31.4-63.8 68.9 2.4 31.3 27.6 56.5 58.9 58.9 37.5 2.8 68.9-26.9 68.9-63.8 0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-25.2 0-45.7-21.1-45.7-47z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M255.8 112c-80.4 0-143.8 50.6-219.6 133.3-5.5 6.1-5.6 15.2-.1 21.3C101 338.3 158.2 400 255.8 400c96.4 0 168.7-77.7 220.1-134 5.3-5.8 5.6-14.6.5-20.7C424 181.8 351.5 112 255.8 112zm4.4 233.9c-53 2.4-96.6-41.2-94.1-94.1 2.1-46.2 39.5-83.6 85.7-85.7 53-2.4 96.6 41.2 94.1 94.1-2.1 46.2-39.5 83.6-85.7 85.7z" fill="currentColor"/><path d="M256 209c0-6 1.1-11.7 3.1-16.9-1 0-2-.1-3.1-.1-36.9 0-66.6 31.4-63.8 68.9 2.4 31.3 27.6 56.5 58.9 58.9 37.5 2.8 68.9-26.9 68.9-63.8 0-1.3-.1-2.6-.1-3.9-5.6 2.5-11.7 3.9-18.2 3.9-25.2 0-45.7-21.1-45.7-47z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-eye {
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%20512%20512%22%3E%3Cpath%20d%3D%22M255.8%20112c-80.4%200-143.8%2050.6-219.6%20133.3-5.5%206.1-5.6%2015.2-.1%2021.3C101%20338.3%20158.2%20400%20255.8%20400c96.4%200%20168.7-77.7%20220.1-134%205.3-5.8%205.6-14.6.5-20.7C424%20181.8%20351.5%20112%20255.8%20112zm4.4%20233.9c-53%202.4-96.6-41.2-94.1-94.1%202.1-46.2%2039.5-83.6%2085.7-85.7%2053-2.4%2096.6%2041.2%2094.1%2094.1-2.1%2046.2-39.5%2083.6-85.7%2085.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20209c0-6%201.1-11.7%203.1-16.9-1%200-2-.1-3.1-.1-36.9%200-66.6%2031.4-63.8%2068.9%202.4%2031.3%2027.6%2056.5%2058.9%2058.9%2037.5%202.8%2068.9-26.9%2068.9-63.8%200-1.3-.1-2.6-.1-3.9-5.6%202.5-11.7%203.9-18.2%203.9-25.2%200-45.7-21.1-45.7-47z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M255.8%20112c-80.4%200-143.8%2050.6-219.6%20133.3-5.5%206.1-5.6%2015.2-.1%2021.3C101%20338.3%20158.2%20400%20255.8%20400c96.4%200%20168.7-77.7%20220.1-134%205.3-5.8%205.6-14.6.5-20.7C424%20181.8%20351.5%20112%20255.8%20112zm4.4%20233.9c-53%202.4-96.6-41.2-94.1-94.1%202.1-46.2%2039.5-83.6%2085.7-85.7%2053-2.4%2096.6%2041.2%2094.1%2094.1-2.1%2046.2-39.5%2083.6-85.7%2085.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20209c0-6%201.1-11.7%203.1-16.9-1%200-2-.1-3.1-.1-36.9%200-66.6%2031.4-63.8%2068.9%202.4%2031.3%2027.6%2056.5%2058.9%2058.9%2037.5%202.8%2068.9-26.9%2068.9-63.8%200-1.3-.1-2.6-.1-3.9-5.6%202.5-11.7%203.9-18.2%203.9-25.2%200-45.7-21.1-45.7-47z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-eye.svg?color=%231a73e8&size=48
