Иконка Eyes

fluent-emoji:eyes

Иконка Eyes (fluent-emoji:eyes) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Теги: eye

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:eyes"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/eyes.svg" alt="Иконка Eyes" width="24" height="24">

Иконка Eyes в других наборах

Вопросы и ответы: Иконка Eyes

Можно ли бесплатно использовать иконку Eyes в коммерческих проектах?

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Eyes в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji:eyes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Eyes на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/eyes.svg" alt="Иконка Eyes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →