ios eye icon
ios-eye-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-eye-outline
- Set
- IonIcons
- Style
- Outline
- 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="M447.1 256.2C401.8 204 339.2 144 256 144c-33.6 0-64.4 9.5-96.9 29.8C131.7 191 103.6 215.2 65 255l-1 1 6.7 6.9C125.8 319.3 173.4 368 256 368c36.5 0 71.9-11.9 108.2-36.4 30.9-20.9 57.2-47.4 78.3-68.8l5.5-5.5-.9-1.1zM256 160c33.1 0 64.9 9.5 97.2 30.6 23.9 15.6 47.4 36.7 73.7 66.1C388.6 295.4 331.1 352 256 352c-34.2 0-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8 59.1-59.7 108.4-96 170.4-96z" fill="currentColor"/><path d="M256 336c44.1 0 80-35.9 80-80s-35.9-80-80-80-80 35.9-80 80 35.9 80 80 80zm0-143.7c35.2 0 64 28.6 64 63.7s-28.8 63.7-64 63.7-63.9-28.6-63.9-63.7 28.7-63.7 63.9-63.7z" fill="currentColor"/><path d="M288 256c0 17.5-14.4 32-31.8 32S224 272.8 224 255.3s15.8-31.3 32-31.3v-16c-26.5 0-47.9 21.6-47.9 48.2s21.5 48.1 47.9 48.1 48-21.6 48-48.1v-.2h-16z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosEyeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M447.1 256.2C401.8 204 339.2 144 256 144c-33.6 0-64.4 9.5-96.9 29.8C131.7 191 103.6 215.2 65 255l-1 1 6.7 6.9C125.8 319.3 173.4 368 256 368c36.5 0 71.9-11.9 108.2-36.4 30.9-20.9 57.2-47.4 78.3-68.8l5.5-5.5-.9-1.1zM256 160c33.1 0 64.9 9.5 97.2 30.6 23.9 15.6 47.4 36.7 73.7 66.1C388.6 295.4 331.1 352 256 352c-34.2 0-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8 59.1-59.7 108.4-96 170.4-96z" fill="currentColor"/><path d="M256 336c44.1 0 80-35.9 80-80s-35.9-80-80-80-80 35.9-80 80 35.9 80 80 80zm0-143.7c35.2 0 64 28.6 64 63.7s-28.8 63.7-64 63.7-63.9-28.6-63.9-63.7 28.7-63.7 63.9-63.7z" fill="currentColor"/><path d="M288 256c0 17.5-14.4 32-31.8 32S224 272.8 224 255.3s15.8-31.3 32-31.3v-16c-26.5 0-47.9 21.6-47.9 48.2s21.5 48.1 47.9 48.1 48-21.6 48-48.1v-.2h-16z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M447.1 256.2C401.8 204 339.2 144 256 144c-33.6 0-64.4 9.5-96.9 29.8C131.7 191 103.6 215.2 65 255l-1 1 6.7 6.9C125.8 319.3 173.4 368 256 368c36.5 0 71.9-11.9 108.2-36.4 30.9-20.9 57.2-47.4 78.3-68.8l5.5-5.5-.9-1.1zM256 160c33.1 0 64.9 9.5 97.2 30.6 23.9 15.6 47.4 36.7 73.7 66.1C388.6 295.4 331.1 352 256 352c-34.2 0-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8 59.1-59.7 108.4-96 170.4-96z" fill="currentColor"/><path d="M256 336c44.1 0 80-35.9 80-80s-35.9-80-80-80-80 35.9-80 80 35.9 80 80 80zm0-143.7c35.2 0 64 28.6 64 63.7s-28.8 63.7-64 63.7-63.9-28.6-63.9-63.7 28.7-63.7 63.9-63.7z" fill="currentColor"/><path d="M288 256c0 17.5-14.4 32-31.8 32S224 272.8 224 255.3s15.8-31.3 32-31.3v-16c-26.5 0-47.9 21.6-47.9 48.2s21.5 48.1 47.9 48.1 48-21.6 48-48.1v-.2h-16z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-eye-outline {
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%22M447.1%20256.2C401.8%20204%20339.2%20144%20256%20144c-33.6%200-64.4%209.5-96.9%2029.8C131.7%20191%20103.6%20215.2%2065%20255l-1%201%206.7%206.9C125.8%20319.3%20173.4%20368%20256%20368c36.5%200%2071.9-11.9%20108.2-36.4%2030.9-20.9%2057.2-47.4%2078.3-68.8l5.5-5.5-.9-1.1zM256%20160c33.1%200%2064.9%209.5%2097.2%2030.6%2023.9%2015.6%2047.4%2036.7%2073.7%2066.1C388.6%20295.4%20331.1%20352%20256%20352c-34.2%200-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8%2059.1-59.7%20108.4-96%20170.4-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20336c44.1%200%2080-35.9%2080-80s-35.9-80-80-80-80%2035.9-80%2080%2035.9%2080%2080%2080zm0-143.7c35.2%200%2064%2028.6%2064%2063.7s-28.8%2063.7-64%2063.7-63.9-28.6-63.9-63.7%2028.7-63.7%2063.9-63.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M288%20256c0%2017.5-14.4%2032-31.8%2032S224%20272.8%20224%20255.3s15.8-31.3%2032-31.3v-16c-26.5%200-47.9%2021.6-47.9%2048.2s21.5%2048.1%2047.9%2048.1%2048-21.6%2048-48.1v-.2h-16z%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%22M447.1%20256.2C401.8%20204%20339.2%20144%20256%20144c-33.6%200-64.4%209.5-96.9%2029.8C131.7%20191%20103.6%20215.2%2065%20255l-1%201%206.7%206.9C125.8%20319.3%20173.4%20368%20256%20368c36.5%200%2071.9-11.9%20108.2-36.4%2030.9-20.9%2057.2-47.4%2078.3-68.8l5.5-5.5-.9-1.1zM256%20160c33.1%200%2064.9%209.5%2097.2%2030.6%2023.9%2015.6%2047.4%2036.7%2073.7%2066.1C388.6%20295.4%20331.1%20352%20256%20352c-34.2%200-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8%2059.1-59.7%20108.4-96%20170.4-96z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20336c44.1%200%2080-35.9%2080-80s-35.9-80-80-80-80%2035.9-80%2080%2035.9%2080%2080%2080zm0-143.7c35.2%200%2064%2028.6%2064%2063.7s-28.8%2063.7-64%2063.7-63.9-28.6-63.9-63.7%2028.7-63.7%2063.9-63.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M288%20256c0%2017.5-14.4%2032-31.8%2032S224%20272.8%20224%20255.3s15.8-31.3%2032-31.3v-16c-26.5%200-47.9%2021.6-47.9%2048.2s21.5%2048.1%2047.9%2048.1%2048-21.6%2048-48.1v-.2h-16z%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-outline.svg?color=%231a73e8&size=48
