Иконка Eye Slash Light

ph:eye-slash-light

Иконка Eye Slash Light (ph:eye-slash-light) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: visible, hidden, show, hide, visibility, view, invisible, eyelashes, disabled, private, eyeslash, slashlight, eyeslashlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M52.44 36a6 6 0 0 0-8.88 8l20.88 23c-37.28 21.9-53.23 57-53.92 58.57a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206a124.9 124.9 0 0 0 52.57-11.25l23 25.29a6 6 0 0 0 8.88-8.08Zm48.62 71.32l45 49.52a34 34 0 0 1-45-49.52M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.6 134.6 0 0 1 22.69 128c4.29-8.2 20.1-35.18 50-51.91l20.2 22.21a46 46 0 0 0 61.35 67.48l17.81 19.6A113.5 113.5 0 0 1 128 194m6.4-99.4a6 6 0 0 1 2.25-11.79a46.17 46.17 0 0 1 37.15 40.87a6 6 0 0 1-5.42 6.53h-.56a6 6 0 0 1-6-5.45A34.1 34.1 0 0 0 134.4 94.6m111.08 35.85c-.41.92-10.37 23-32.86 43.12a6 6 0 1 1-8-8.94A134.1 134.1 0 0 0 233.31 128a134.7 134.7 0 0 0-23.86-32.07C186.78 73.42 159.38 62 128 62a120 120 0 0 0-19.69 1.6a6 6 0 1 1-2-11.83A131 131 0 0 1 128 50c43.38 0 73 20.54 90.24 37.76c18.58 18.58 26.9 37 27.24 37.81a6 6 0 0 1 0 4.88"/></svg>

Как использовать иконку Eye Slash Light

React

import { Icon } from "@iconify/react";

<Icon icon="ph:eye-slash-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:eye-slash-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:eye-slash-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--eye-slash-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:eye-slash-light"></div>

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

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

<iconify-icon icon="ph:eye-slash-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ph/eye-slash-light.svg" alt="Иконка Eye Slash Light" width="24" height="24">

Вопросы и ответы: Иконка Eye Slash Light

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

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

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

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

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

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

Все Иконки Phosphor →