Ícone Light Spotlight 1
streamline-freehand:light-spotlight-1
O ícone Light Spotlight 1 (streamline-freehand:light-spotlight-1) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Imagens e fotografia
- Tags
- lightspotlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.953 7.12c-.744-.845-2.232.24-1.196 1.226c.643.623 1.9-.382 1.196-1.226m-1.196 4.865c.643.613 1.9-.422 1.196-1.226c-.704-.805-2.232.22-1.196 1.226m5.036-4.865c-.744-.845-2.232.24-1.196 1.226c.643.623 1.9-.382 1.196-1.226m-1.196 4.865c.643.613 1.9-.422 1.196-1.226c-.704-.805-2.232.22-1.196 1.226m5.106-4.865a.864.864 0 1 0-1.196 1.226c.643.623 1.91-.382 1.196-1.226m-1.196 4.865c.643.613 1.91-.422 1.196-1.226a.864.864 0 1 0-1.196 1.226"/><path fill="currentColor" d="M20.07 5.702c-.28-.663-1.246-.764-1.789-.915a20 20 0 0 0-5.498-.301c-2.01 0-4.132 0-6.172.18a.332.332 0 0 0 0 .654c2.06-.14 4.07-.08 6.111 0a19.3 19.3 0 0 1 5.238.402c.2.06 1.095.252 1.146.382c.341.845.1 2.795.06 3.75A4.27 4.27 0 0 1 18.161 13c-1.327 1.166-4.242.714-5.89.754c-2.011.08-6.525.422-7.118-1.146a27 27 0 0 1 .03-6.654a.292.292 0 0 0-.563-.131c-.24 1.005-.522 5.95-.16 7.036a2.93 2.93 0 0 0 2.412 1.649c.834.15.533 0 .533.241c.16 3.81.09 4.283.392 4.976a2.23 2.23 0 0 0 2.09 1.307a3.1 3.1 0 0 0 .131 2.01a.332.332 0 0 0 .654-.05a4 4 0 0 0 .1-1.9l1.579-.1a4.6 4.6 0 0 0 .16 2.302a.332.332 0 0 0 .654 0a4.5 4.5 0 0 0 .07-2.332a4.4 4.4 0 0 0 1.106-.141c2.171-.613 2.191-4.142 2.342-6.032c2.714-.422 3.538-2.16 3.599-4.885c.04-1.136.281-3.106-.211-4.202m-5.498 13.852c-.372.372-1.206.252-3.9.433c-2.453-.181-2.081.04-2.664-5.238c0-.21-.513.08 4.353 0c1.005 0 2.382.141 3.689 0c-.241 1.69-.362 3.67-1.478 4.805M23.62 5.15a2.45 2.45 0 0 0-2.011 1.367a.285.285 0 1 0 .362.442a3.3 3.3 0 0 0 1.316-.674c.211-.18.382-.372.593-.553a.332.332 0 0 0-.26-.583M.509 4.255a.332.332 0 0 0-.432.492c.19.241.321.523.502.794c.318.49.75.897 1.257 1.187a.292.292 0 0 0 .442-.372A3.35 3.35 0 0 0 .51 4.255m4.945-2.322A3 3 0 0 0 6.46 3.33a.286.286 0 0 0 .492-.292A3.6 3.6 0 0 0 5.756.696a.332.332 0 0 0-.563.332c.11.302.151.593.262.905m6.403.703a.292.292 0 0 0 .583 0c.292-.904.352-.774 0-1.93a.331.331 0 0 0-.653 0c-.312 1.227-.272 1.005.07 1.93m5.559.744c.251-.271.523-.502.764-.814c.342-.472.492-1.005.734-1.387a.324.324 0 0 0-.463-.453A3.17 3.17 0 0 0 16.914 3.1a.292.292 0 0 0 .503.281"/></svg>Como usar o ícone Light Spotlight 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:light-spotlight-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:light-spotlight-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:light-spotlight-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--light-spotlight-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:light-spotlight-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:light-spotlight-1"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/light-spotlight-1.svg" alt="Ícone Light Spotlight 1" width="24" height="24">Ícones relacionados em Freehand free icons
O ícone Light Spotlight 1 em outras coleções
Perguntas frequentes sobre Ícone Light Spotlight 1
O ícone Light Spotlight 1 é grátis para uso comercial?
Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Light Spotlight 1 no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:light-spotlight-1" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Light Spotlight 1 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/light-spotlight-1.svg" alt="Ícone Light Spotlight 1">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.