Eye 1 icon
glyphs-poly:eye-1
The Eye 1 icon (glyphs-poly:eye-1) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2f2f2" fill-rule="evenodd" d="M71.03 39.736A34.237 34.237 0 0 1 9 39.738a34.237 34.237 0 0 1 62.03-.002" clip-rule="evenodd"/><path fill="#e0e0e0" d="m71.03 39.736l1.812.847l.396-.847l-.396-.847zm-4.248 6.847l-1.564-1.247zm-53.535 0l1.564-1.247zM9 39.738l-1.812-.847l-.396.847l.396.847zm4.248-6.847l1.564 1.247zm53.535 0l-1.564 1.247zm2.435 5.998a32.2 32.2 0 0 1-4 6.447l3.128 2.494a36.2 36.2 0 0 0 4.496-7.247zm-4 6.447a32.24 32.24 0 0 1-25.203 12.138v4a36.24 36.24 0 0 0 28.33-13.644zM40.015 57.474A32.24 32.24 0 0 1 14.81 45.336l-3.127 2.494a36.24 36.24 0 0 0 28.33 13.644zM14.81 45.336a32.2 32.2 0 0 1-4-6.445l-3.623 1.694a36.2 36.2 0 0 0 4.496 7.245zm-3.127-13.692a36.2 36.2 0 0 0-4.496 7.247l3.624 1.694a32.2 32.2 0 0 1 4-6.447zM40.015 18a36.24 36.24 0 0 0-28.33 13.644l3.127 2.494A32.24 32.24 0 0 1 40.015 22zm28.332 13.644A36.24 36.24 0 0 0 40.015 18v4c9.81 0 19.088 4.467 25.204 12.138zm4.495 7.245a36.2 36.2 0 0 0-4.495-7.246l-3.128 2.495a32.2 32.2 0 0 1 4 6.445z"/><path fill="#219653" fill-rule="evenodd" d="M55.812 36.609a16.217 16.217 0 1 1-27.93-14.386a34.22 34.22 0 0 1 24.22-.02q.298.334.578.686a16.22 16.22 0 0 1 3.132 13.72" clip-rule="evenodd"/><path fill="#219653" d="m55.812 36.609l-1.95-.445zM32.964 47.61l.868-1.802zm-8.774-11l1.95-.445zm3.131-13.72l-1.563-1.247zm.561-.666l-.709-1.87l-.46.174l-.326.367zm24.22-.02l1.493-1.33l-.327-.367l-.46-.174zm.578.686l1.564-1.247zm-4.775 26.524a18.22 18.22 0 0 0 9.856-12.36l-3.9-.89a14.22 14.22 0 0 1-7.691 9.646zm-15.809 0a18.22 18.22 0 0 0 15.809 0l-1.736-3.604a14.22 14.22 0 0 1-12.337 0zm-9.856-12.36a18.22 18.22 0 0 0 9.857 12.36l1.735-3.604a14.22 14.22 0 0 1-7.692-9.645zm3.518-15.411a18.22 18.22 0 0 0-3.518 15.412l3.9-.89a14.22 14.22 0 0 1 2.745-12.029zm.63-.748q-.324.364-.63.748l3.127 2.494q.24-.3.492-.584zm2.203 3.199A32.2 32.2 0 0 1 40.018 22v-4c-4.443 0-8.79.815-12.845 2.353zM40.018 22c3.935 0 7.784.719 11.378 2.075l1.412-3.743A36.2 36.2 0 0 0 40.018 18zm14.226-.358q-.315-.395-.65-.77l-2.984 2.663q.261.292.506.6zm3.517 15.412a18.22 18.22 0 0 0-3.517-15.413l-3.128 2.495a14.22 14.22 0 0 1 2.746 12.028z"/><path fill="#f2f2f2" d="M33.482 29.236a2 2 0 1 0-3.465-2zm.752 13.742a2 2 0 1 0 2.001-3.464zm-1.76-9.98c0-1.344.358-2.636 1.008-3.762l-3.465-2a11.5 11.5 0 0 0-1.543 5.762zm3.761 6.516a7.53 7.53 0 0 1-3.761-6.516h-4c0 4.117 2.196 7.921 5.76 9.98z"/></g></svg>How to use the Eye 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:eye-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:eye-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:eye-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--eye-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:eye-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:eye-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/eye-1.svg" alt="Eye 1 icon" width="24" height="24">Related icons in Glyphs Poly
Eye 1 icon in other icon sets
Eye 1 icon FAQ
Is the Eye 1 icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Eye 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:eye-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eye 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/eye-1.svg" alt="Eye 1 icon">, or paste the SVG code inline to style it with CSS.