Ícone Eye Dashed
gravity-ui:eye-dashed
O ícone Eye Dashed (gravity-ui:eye-dashed) é um ícone SVG gratuito da coleção Gravity UI Icons de YANDEX LLC. Ele é desenhado em uma grade de 24 × 24. Gravity UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Gravity UI Icons
- Autor
- YANDEX LLC
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- eyedashed
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Ícone Eye Dashed" width="24" height="24">Ícones relacionados em Gravity UI Icons
O ícone Eye Dashed em outras coleções
Perguntas frequentes sobre Ícone Eye Dashed
O ícone Eye Dashed é grátis para uso comercial?
Sim. Gravity UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Eye Dashed no React?
Instale @iconify/react e renderize <Icon icon="gravity-ui:eye-dashed" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Eye Dashed a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gravity-ui/eye-dashed.svg" alt="Ícone Eye Dashed">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.