Icône Eyes
fluent-emoji:eyes
L'icône Eyes (fluent-emoji:eyes) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- eye
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="15" height="22" x="2" y="8" fill="#D3D3D3" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iN9DZec)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iG19Gnb)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#in1onJc)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iuEDZHc)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iN6thac)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iTXQMfc)" rx="7.5"/><rect width="15" height="22" x="2" y="8" fill="url(#iG4dhZd)" rx="7.5"/><g filter="url(#ik3LSoe)"><rect width="1.736" height="11.666" x="14.638" y="12.679" fill="#6F6873" rx=".868"/></g><rect width="15" height="22" x="15" y="8" fill="url(#iuXFD9b)" rx="7.5"/><rect width="15" height="22" x="15" y="8" fill="url(#i9P4J8d)" rx="7.5"/><rect width="15" height="22" x="15" y="8" fill="url(#irwBSlk)" rx="7.5"/><rect width="7" height="12" x="16" y="13" fill="url(#iXDldfe)" rx="3.5"/><rect width="7" height="12" x="16" y="13" fill="url(#idMiHXd)" rx="3.5"/><rect width="7" height="12" x="3.063" y="13" fill="url(#i5Rotub)" rx="3.5"/><rect width="7" height="12" x="3.063" y="13" fill="url(#i2PZlwS)" rx="3.5"/><ellipse cx="8.028" cy="16.007" fill="url(#idEJJUd)" rx=".875" ry="1.111" transform="rotate(-39.774 8.028 16.007)"/><ellipse cx="21.024" cy="16.007" fill="url(#iRc1E5b)" rx=".875" ry="1.111" transform="rotate(-39.774 21.024 16.007)"/><defs><radialGradient id="iN9DZec" cx="0" cy="0" r="1" gradientTransform="rotate(101.077 .459 11.702)scale(21.1439 16.3514)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAF7FC"/><stop offset=".457" stop-color="#D8D0DD"/><stop offset=".708" stop-color="#D0B3E3"/><stop offset="1" stop-color="#CFABE4"/></radialGradient><radialGradient id="in1onJc" cx="0" cy="0" r="1" gradientTransform="matrix(-13.88468 -14.48184 15.6754 -15.029 15.885 23.54)" gradientUnits="userSpaceOnUse"><stop offset=".844" stop-color="#9A959E" stop-opacity="0"/><stop offset=".949" stop-color="#949296"/></radialGradient><radialGradient id="iuEDZHc" cx="0" cy="0" r="1" gradientTransform="rotate(-155.387 12.014 9.204)scale(8.58398 20.8716)" gradientUnits="userSpaceOnUse"><stop offset=".022" stop-color="#D1AFE5"/><stop offset="1" stop-color="#D1AFE5" stop-opacity="0"/></radialGradient><radialGradient id="iN6thac" cx="0" cy="0" r="1" gradientTransform="matrix(-5.55135 0 0 -15.769 16.287 21.207)" gradientUnits="userSpaceOnUse"><stop stop-color="#ABA5B0"/><stop offset="1" stop-color="#ABA5B0" stop-opacity="0"/></radialGradient><radialGradient id="iTXQMfc" cx="0" cy="0" r="1" gradientTransform="rotate(-137.153 13.993 8.045)scale(7.57168 20.8624)" gradientUnits="userSpaceOnUse"><stop stop-color="#B689D0"/><stop offset="1" stop-color="#B689D0" stop-opacity="0"/></radialGradient><radialGradient id="iG4dhZd" cx="0" cy="0" r="1" gradientTransform="rotate(140.964 5.09 8.597)scale(3.51479 6.68569)" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F2F4"/><stop offset="1" stop-color="#F3F2F4" stop-opacity="0"/></radialGradient><radialGradient id="iuXFD9b" cx="0" cy="0" r="1" gradientTransform="rotate(103.51 6.885 17.586)scale(19.7978 15.3104)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAF7FC"/><stop offset=".457" stop-color="#D8D0DD"/><stop offset=".708" stop-color="#D0B3E3"/><stop offset="1" stop-color="#CFABE4"/></radialGradient><radialGradient id="irwBSlk" cx="0" cy="0" r="1" gradientTransform="rotate(140.964 11.59 10.901)scale(3.51479 6.68569)" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F2F4"/><stop offset="1" stop-color="#F3F2F4" stop-opacity="0"/></radialGradient><radialGradient id="idMiHXd" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.625 -2.17383 0 20.406 18.375)" gradientUnits="userSpaceOnUse"><stop offset=".354" stop-color="#443753"/><stop offset="1" stop-color="#433750" stop-opacity="0"/></radialGradient><radialGradient id="i2PZlwS" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.625 -2.17383 0 7.469 18.375)" gradientUnits="userSpaceOnUse"><stop offset=".354" stop-color="#443753"/><stop offset="1" stop-color="#433750" stop-opacity="0"/></radialGradient><radialGradient id="idEJJUd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.4474 1.88533 -1.9841 -1.52322 8.046 15.16)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#F4F4F4" stop-opacity="0"/></radialGradient><radialGradient id="iRc1E5b" cx="0" cy="0" r="1" gradientTransform="matrix(-1.4474 1.88533 -1.9841 -1.52322 21.043 15.16)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#F4F4F4" stop-opacity="0"/></radialGradient><linearGradient id="iG19Gnb" x1="-1.156" x2="8.483" y1="20.625" y2="21.931" gradientUnits="userSpaceOnUse"><stop offset=".399" stop-color="#9B969E"/><stop offset="1" stop-color="#9A959E" stop-opacity="0"/></linearGradient><linearGradient id="i9P4J8d" x1="11.844" x2="21.344" y1="20.625" y2="21.5" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#9B969E"/><stop offset="1" stop-color="#9A959E" stop-opacity="0"/></linearGradient><linearGradient id="iXDldfe" x1="19.5" x2="19.5" y1="13" y2="25" gradientUnits="userSpaceOnUse"><stop offset=".354" stop-color="#232224"/><stop offset="1" stop-color="#623C86"/></linearGradient><linearGradient id="i5Rotub" x1="6.563" x2="6.563" y1="13" y2="25" gradientUnits="userSpaceOnUse"><stop offset=".354" stop-color="#232224"/><stop offset="1" stop-color="#623C86"/></linearGradient><filter id="ik3LSoe" width="4.136" height="14.066" x="13.438" y="11.479" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5140" stdDeviation=".6"/></filter></defs></g></svg>Comment utiliser l'icône Eyes
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:eyes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:eyes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:eyes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--eyes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:eyes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:eyes"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/eyes.svg" alt="Icône Eyes" width="24" height="24">L'icône Eyes dans d'autres collections
FAQ : Icône Eyes
L'icône Eyes est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Eyes dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:eyes" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Eyes à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/eyes.svg" alt="Icône Eyes">, ou collez le code SVG directement dans la page pour le styliser en CSS.