Ícone Dry Eyes Outline
healthicons:dry-eyes-outline
O ícone Dry Eyes Outline (healthicons:dry-eyes-outline) é um ícone SVG gratuito da coleção Health Icons de Resolve to Save Lives. Ele é desenhado em uma grade de 48 × 48. Health 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
- Health Icons
- Autor
- Resolve to Save Lives
- Licença
- MIT
- Tamanho
- 48 × 48
- Categoria
- Condições
- Tags
- dryeyes, eyesoutline, dryeyesoutline, eye
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M27.237 19.084A5.9 5.9 0 0 0 24 18.125c-3.288 0-5.953 2.675-5.953 5.974s2.665 5.973 5.953 5.973s5.953-2.674 5.953-5.973q-.002-.807-.202-1.55c.13-.303.202-.636.202-.987a2.485 2.485 0 0 0-2.716-2.478M24 28.081A3.976 3.976 0 0 0 27.968 24a2.483 2.483 0 0 1-2.976-2.439c0-.445.116-.862.32-1.223a3.976 3.976 0 0 0-5.28 3.76A3.975 3.975 0 0 0 24 28.08m3.969-6.519a.497.497 0 1 1-.994.002a.497.497 0 0 1 .994-.002"/><path d="M30.534 34.575a23.53 23.53 0 0 1-13.068 0a23.4 23.4 0 0 1-9.97-5.853L4.73 25.98a2.47 2.47 0 0 1-.052-3.456l2.756-2.903a22.87 22.87 0 0 1 10.23-6.224a22.8 22.8 0 0 1 12.671 0a22.87 22.87 0 0 1 10.23 6.224l2.757 2.904c.924.973.9 2.51-.052 3.455l-2.765 2.74a23.4 23.4 0 0 1-9.97 5.854m-12.52-1.914q.927.269 1.869.451a9.96 9.96 0 0 1-5.806-9.061a9.96 9.96 0 0 1 6.17-9.219q-1.026.188-2.034.479a20.9 20.9 0 0 0-6.453 3.154l1.588.637l-1.12 1.686l.663.444c.456.305.58.923.275 1.38a.99.99 0 0 1-1.376.276L9.477 21.34l.865-1.3l-.35-.14q-.58.526-1.12 1.096l-1.956 2.06h1.51l1.737 1.162c.456.305.58.923.276 1.38a.99.99 0 0 1-1.376.277l-1.239-.828H6.611l2.279 2.258q.443.44.909.85l1.395-.764l.169-1.015a.993.993 0 1 1 1.957.328l-.327 1.971l-1.505.824a21.4 21.4 0 0 0 6.527 3.162m10.1.451a21.5 21.5 0 0 0 8.397-3.613l-1.505-.824l-.327-1.971a.993.993 0 1 1 1.957-.327l.169 1.014l1.395.764q.466-.41.909-.85l2.279-2.258h-1.213l-1.239.828a.99.99 0 0 1-1.376-.276a1 1 0 0 1 .276-1.38l1.738-1.164h1.51l-1.956-2.06q-.541-.57-1.122-1.095l-.349.14l.865 1.3l-2.314 1.548a.99.99 0 0 1-1.376-.276a1 1 0 0 1 .275-1.38l.663-.444l-1.12-1.686l1.588-.637a20.9 20.9 0 0 0-8.486-3.633a9.96 9.96 0 0 1 6.169 9.219a9.96 9.96 0 0 1-5.806 9.061m3.823-9.061c0 4.399-3.554 7.965-7.938 7.965s-7.938-3.566-7.938-7.965s3.554-7.965 7.938-7.965s7.938 3.566 7.938 7.965"/></g></svg>Como usar o ícone Dry Eyes Outline
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:dry-eyes-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:dry-eyes-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:dry-eyes-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--dry-eyes-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:dry-eyes-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:dry-eyes-outline"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/dry-eyes-outline.svg" alt="Ícone Dry Eyes Outline" width="24" height="24">Ícones relacionados em Health Icons
Perguntas frequentes sobre Ícone Dry Eyes Outline
O ícone Dry Eyes Outline é grátis para uso comercial?
Sim. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Dry Eyes Outline no React?
Instale @iconify/react e renderize <Icon icon="healthicons:dry-eyes-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Dry Eyes Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/dry-eyes-outline.svg" alt="Ícone Dry Eyes Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.