Ícone Glances Light
thesvg-color:glances-light
O ícone Glances Light (thesvg-color:glances-light) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 466 × 513. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 466 × 513
- Tags
- glanceslight, glance
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="466" height="513" viewBox="0 0 466 513"><g fill="none"><path fill="#57cb6a" fill-rule="evenodd" d="M255.158 74.672c-44.711 0-85.581 16.131-117.218 42.925l-36.626-43.246C142.801 39.214 196.539 18 255.158 18s112.356 21.214 153.844 56.351l-36.627 43.246c-31.636-26.794-72.506-42.925-117.217-42.925" clip-rule="evenodd"/><path fill="#494949" fill-rule="evenodd" d="M69.724 269.786q13.702-44.981 44.478-80.066q-7.482.929-14.517 4.214l-.7-.468l-.7-.469c17.386-25.971 39.225-47.353 65.536-64.146q-23.635-39.526-24.346-85.685q53.84 8.658 90.827 48.227q65.625 11.4 118.916 50.568q13.149 9.4 20.131 23.88a435 435 0 0 1 5.614 22.474c3.097 6.848 7.635 12.624 13.59 17.324a115.2 115.2 0 0 0 25.274 16.857a165 165 0 0 0 35.592 7.023c.617 9.289-1.732 17.717-7.031 25.284q-29.74 22.346-66.952 17.324a8829 8829 0 0 1-61.321-10.769c-15.742.44-24.802 8.555-27.162 24.348q-2.21 19.716 8.43 36.521a224 224 0 0 0 11.229 15.919a368 368 0 0 0 35.12 34.649a91 91 0 0 1-19.659 3.277c6.966 4.091 15.201 9.311 23.805 14.765c14.641 9.281 30.349 19.237 42.675 25.449c-50.784 29.423-105.666 61.132-219.117 18.314c-48.687-18.374-86.347-51.605-99.712-85.814c-11.55-29.563-9.135-49.012 0-79m223.847-92.103c23.05 13.307 49.721 10.265 49.721 10.265s-9.44-26.803-32.49-40.111c-23.049-13.308-50.981-8.081-50.981-8.081s10.7 24.619 33.75 37.927" clip-rule="evenodd"/><path fill="#656565" fill-rule="evenodd" d="M296.872 356.751a216 216 0 0 1-15.914-1.404q29.132 22.248 44.932 55.244q-6.725-2.264-14.041-3.277a14699 14699 0 0 1 11.233 27.154q-92.384 26.928-171.773-27.154a68 68 0 0 1 0-15.918a535 535 0 0 1 4.681-33.708q-13.818 16.67-20.594 37.453l-6.085-6.086q4.01-30.292 18.722-57.117q-3.196.549-6.553 0q1.701 1.254 0 2.341q-6.594 4.695-13.105 9.364q18.486-40.276 53.357-67.885a107.7 107.7 0 0 1 20.594-10.768a175.5 175.5 0 0 0 9.829 36.517a8.34 8.34 0 0 0 2.809 3.745a224.3 224.3 0 0 1 33.231-46.817l-.936-.936a110.7 110.7 0 0 0-28.551 22.472a111.2 111.2 0 0 1-6.553-31.836q-.544-1.303-1.872-1.872q-21.964 7.708-41.188 20.599q7.803-25.44 23.87-46.817q-2.697-1.603-5.616-.468a571 571 0 0 1-17.786 5.15v-.936q25.924-30.3 65.526-37.454a177.5 177.5 0 0 0-21.53-7.959q28.787-.327 55.23 11.236a984 984 0 0 1 71.143 39.326q36.98 21.538 79.568 17.791q7.974-3.97 14.041 2.341q-23.791 19.06-54.293 14.513a874 874 0 0 1-49.613-10.3q-59.601-12.962-56.634 48.222a93.6 93.6 0 0 0 7.489 28.09a293 293 0 0 0 16.382 27.154M196.71 87.085a472 472 0 0 0-25.274-12.173q-.469.468-.936.937a211 211 0 0 1 11.233 20.131q-5.055-1.464-9.361-5.15l-.936.936a499 499 0 0 1 3.744 18.727q-16.055-21.834-21.53-48.69q25.066 6.856 43.06 25.282" clip-rule="evenodd" opacity=".976"/><path fill="#57cb6a" fill-rule="evenodd" d="M137.94 117.597c-39.36 33.335-64.272 83.026-64.272 138.564c0 100.234 81.256 181.489 181.49 181.489c37.462 0 72.218-11.323 101.109-30.746v-98.889h56.672v127.077l-10.841 8.509c-40.469 31.764-91.53 50.721-146.94 50.721c-131.533 0-238.161-106.628-238.161-238.161c0-72.898 32.786-138.168 84.317-181.81z" clip-rule="evenodd"/><path fill="#57cb6a" d="M298.832 173.943V157.86q-.631.586-1.552 1.172q-.897.563-1.891 1.074a42 42 0 0 1-1.964.904q-.97.39-1.697.61v-4.81q.824-.342 1.891-1.025q1.09-.684 2.109-1.441a44 44 0 0 0 1.843-1.49q.824-.708 1.115-1.098h5.213v22.187z"/></g></svg>Como usar o ícone Glances Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:glances-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:glances-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:glances-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--glances-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:glances-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:glances-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/glances-light.svg" alt="Ícone Glances Light" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Glances Light em outras coleções
Perguntas frequentes sobre Ícone Glances Light
O ícone Glances Light é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Glances Light no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:glances-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Glances Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/glances-light.svg" alt="Ícone Glances Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.