Icône Eye
simple-line-icons:eye
L'icône Eye (simple-line-icons:eye) est une icône SVG gratuite de la collection Simple line icons par Sabbir Ahmed. Elle est dessinée sur une grille de 1024 × 1024. Les Simple line icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Simple line icons
- Auteur
- Sabbir Ahmed
- Licence
- MIT
- Taille
- 1024 × 1024
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M515.472 321.408c-106.032 0-192 85.968-192 192c0 106.016 85.968 192 192 192s192-85.968 192-192s-85.968-192-192-192m0 320c-70.576 0-129.473-58.816-129.473-129.393s57.424-128 128-128c70.592 0 128 57.424 128 128s-55.935 129.393-126.527 129.393m508.208-136.832c-.368-1.616-.207-3.325-.688-4.91c-.208-.671-.624-1.055-.864-1.647c-.336-.912-.256-1.984-.72-2.864c-93.072-213.104-293.663-335.76-507.423-335.76S95.617 281.827 2.497 494.947c-.4.897-.336 1.824-.657 2.849c-.223.624-.687.975-.895 1.567c-.496 1.616-.304 3.296-.608 4.928c-.591 2.88-1.135 5.68-1.135 8.592c0 2.944.544 5.664 1.135 8.591c.32 1.6.113 3.344.609 4.88c.208.72.672 1.024.895 1.68c.336.88.256 1.968.656 2.848c93.136 213.056 295.744 333.712 509.504 333.712c213.776 0 416.336-120.4 509.44-333.505c.464-.912.369-1.872.72-2.88c.224-.56.655-.976.848-1.6c.496-1.568.336-3.28.687-4.912c.56-2.864 1.088-5.664 1.088-8.624c0-2.816-.528-5.6-1.104-8.497M512 800.595c-181.296 0-359.743-95.568-447.423-287.681c86.848-191.472 267.68-289.504 449.424-289.504c181.68 0 358.496 98.144 445.376 289.712C872.561 704.53 693.744 800.595 512 800.595"/></svg>
Comment utiliser l'icône Eye
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:eye" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:eye" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:eye" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--eye]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:eye"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:eye"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/simple-line-icons/eye.svg" alt="Icône Eye" width="24" height="24">
Icônes similaires dans Simple line icons
L'icône Eye dans d'autres collections
FAQ : Icône Eye
L'icône Eye est-elle gratuite pour un usage commercial ?
Oui. Les Simple line icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Eye dans React ?
Installez @iconify/react et affichez <Icon icon="simple-line-icons:eye" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Eye à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-line-icons/eye.svg" alt="Icône Eye">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Simple line icons →
ICONYZ
