Иконка Eye Dashed
gravity-ui:eye-dashed
Иконка Eye Dashed (gravity-ui:eye-dashed) — бесплатная SVG-иконка из набора Gravity UI Icons от YANDEX LLC. Она нарисована на сетке 24 × 24. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Gravity UI Icons
- Автор
- YANDEX LLC
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- eyedashed
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.376 11.588a.75.75 0 0 1 .755 1.296a8.3 8.3 0 0 1-2.48.947a.75.75 0 0 1-.301-1.469a6.8 6.8 0 0 0 2.026-.774m-7.778.27a.75.75 0 0 1 .958-.305l.068.035l.236.13c.477.253.99.45 1.523.583l.269.06l.074.02a.75.75 0 0 1-.301 1.462l-.076-.012l-.327-.074a8.3 8.3 0 0 1-1.864-.713l-.289-.16l-.064-.042a.75.75 0 0 1-.207-.984m9.929-6.713a.75.75 0 0 1 1 .093l.05.06l.187.263c.3.445.54.91.753 1.363l.244.537l.028.074l.037.115l.02.076q.043.205.021.413l-.021.135l-.02.076l-.037.115l-.028.074c-.313.705-.664 1.467-1.186 2.165a.75.75 0 0 1-1.2-.898c.396-.53.68-1.128.983-1.806c-.264-.59-.514-1.12-.835-1.596l-.149-.209l-.043-.063a.75.75 0 0 1 .196-.987m-12.053.093a.75.75 0 0 1 1.152.957l-.21.303c-.2.306-.378.636-.547.987l.001.001L1.64 8l.226.507c.17.356.347.687.548.996l.212.303l.043.064a.75.75 0 0 1-1.195.893l-.05-.059l-.266-.382a9 9 0 0 1-.454-.783l-.196-.396l-.009-.019l-.26-.585a1.33 1.33 0 0 1 0-1.078l.26-.584l.009-.019l.196-.395c.206-.396.44-.79.72-1.165zm6.68-.234A3 3 0 0 1 11 8l-.004.154A3 3 0 0 1 8 11l-.154-.004a3 3 0 0 1-2.842-2.842L5 8a3 3 0 0 1 3-3zM8 6.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M6.35 2.17a.75.75 0 0 1 .3 1.469a6.7 6.7 0 0 0-2.026.775l-.068.035a.751.751 0 0 1-.687-1.332l.288-.16A8.2 8.2 0 0 1 6.35 2.17m3.225-.012l.076.012l.325.073a8.2 8.2 0 0 1 2.157.875a.75.75 0 0 1-.756 1.296a6.7 6.7 0 0 0-1.763-.715l-.264-.06l-.075-.019a.75.75 0 0 1 .3-1.462"/></svg>Как использовать иконку Eye Dashed
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:eye-dashed" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:eye-dashed" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:eye-dashed" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--eye-dashed]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:eye-dashed"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:eye-dashed"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Иконка Eye Dashed" width="24" height="24">Похожие иконки в наборе Gravity UI Icons
Иконка Eye Dashed в других наборах
Вопросы и ответы: Иконка Eye Dashed
Можно ли бесплатно использовать иконку Eye Dashed в коммерческих проектах?
Да. Gravity UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Eye Dashed в React?
Установите @iconify/react и выведите <Icon icon="gravity-ui:eye-dashed" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Eye Dashed на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Иконка Eye Dashed">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.