Ícone Light
ls:light
O ícone Light (ls:light) é um ícone SVG gratuito da coleção Ligature Symbols de Kazuyuki Motoyama. Ele é desenhado em uma grade de 688 × 717. Ligature Symbols icons são publicados sob a Open Font License, 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
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licença
- OFL-1.1
- Tamanho
- 688 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="688" height="717" viewBox="0 0 688 717"><path fill="currentColor" d="M380.297 39v79c0 27-12 40-37 40s-37-13-37-40V39c0-26 12-39 37-39s37 13 37 39m75 104l46-65c15-20 34-24 53-10s21 32 6 54l-46 64c-15 22-33 24-53 10c-19-14-21-31-6-53m-270-64l47 64c15 22 13 39-7 53c-19 15-37 12-52-10l-47-64c-15-22-13-39 7-53c19-15 37-12 52 10m158 124c86 0 156 70 156 156c0 85-70 154-156 154s-156-69-156-154c0-86 70-156 156-156m-292 22l76 24c25 8 34 23 26 47c-7 24-24 31-50 23l-74-24q-37.5-12-27-48c8-23 24-30 49-22m509 24l75-24c26-8 42-1 49 22c8 24-1 40-27 47l-74 25c-25 8-41 1-49-23c-7-24 1-39 26-47m-217 196c48 0 87-39 87-86c0-48-39-87-87-87s-86 39-86 87c0 47 38 86 86 86m-314-23l75-24c25-8 42-2 49 22c8 24-1 39-26 47l-76 25c-25 8-41 1-49-23c-7-24 2-39 27-47m554-24l75 24c25 8 34 23 26 47c-7 24-23 31-49 23l-75-25c-26-8-33-23-26-47c8-24 24-30 49-22m-457 196l47-63c15-22 33-25 52-10c20 14 22 31 7 53l-47 63c-15 22-33 26-53 12c-19-14-21-33-6-55m388-63l46 63c15 22 13 41-6 55s-38 9-53-11l-46-64c-15-22-13-39 6-53c20-14 38-12 53 10m-134 67v79c0 27-12 40-37 40s-37-13-37-40v-79c0-27 12-40 37-40s37 13 37 40"/></svg>
Como usar o ícone Light
React
import { Icon } from "@iconify/react";
<Icon icon="ls:light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:light"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Ícone Light" width="24" height="24">
O ícone Light em outras coleções
Perguntas frequentes sobre Ícone Light
O ícone Light é grátis para uso comercial?
Sim. Ligature Symbols icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Light no React?
Instale @iconify/react e renderize <Icon icon="ls:light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Ícone Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Ligature Symbols →
ICONYZ
