Ícone Lasso 32 Light
fluent:lasso-32-light
O ícone Lasso 32 Light (fluent:lasso-32-light) é um ícone SVG gratuito da coleção Fluent UI System Icons de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent UI System 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
- Fluent UI System Icons
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- lassolight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M8.244 4.343c.33-.22.756.024.756.42c0 .175-.09.337-.235.435a13.1 13.1 0 0 0-3.567 3.567a.53.53 0 0 1-.435.235c-.396 0-.64-.427-.42-.756a14.1 14.1 0 0 1 3.901-3.901m.521 22.46c.145.097.235.26.235.434c0 .396-.427.64-.756.42a14.1 14.1 0 0 1-3.901-3.901c-.22-.33.024-.756.42-.756c.175 0 .337.09.435.235a13.1 13.1 0 0 0 3.567 3.567M29.052 20a.514.514 0 0 1-.487-.651C28.849 18.28 29 17.158 29 16s-.151-2.28-.435-3.349a.514.514 0 0 1 .487-.651c.218 0 .412.143.469.354a14.06 14.06 0 0 1-.001 7.291a.48.48 0 0 1-.468.355m-25.617-.651A13 13 0 0 1 3 16c0-1.158.151-2.28.435-3.349A.514.514 0 0 0 2.948 12a.48.48 0 0 0-.469.354A14 14 0 0 0 2 16c0 1.261.167 2.483.48 3.645c.056.212.25.355.468.355a.514.514 0 0 0 .487-.651M12 2.949c0 .334.327.573.651.486A13 13 0 0 1 16 3c1.158 0 2.28.151 3.349.435A.514.514 0 0 0 20 2.948a.48.48 0 0 0-.355-.469A14 14 0 0 0 16 2c-1.261 0-2.483.167-3.645.48a.48.48 0 0 0-.355.468M27.237 9c.396 0 .64-.427.42-.756a14.1 14.1 0 0 0-3.901-3.901c-.33-.22-.756.024-.756.42c0 .175.09.337.235.435a13.1 13.1 0 0 1 3.567 3.567c.098.145.26.235.435.235m-.24 14.182A.5.5 0 0 1 27.38 23h.007a.5.5 0 0 1 .382.818c-.809.981-1.62 1.895-2.476 2.702l.13.133a14.4 14.4 0 0 1 1.919 2.494a12 12 0 0 1 .576 1.064l.03.065l.008.019l.002.005l.001.002l-.459.198l.46-.197a.5.5 0 0 1-.92.394v-.002l-.005-.012l-.024-.051l-.1-.207a11 11 0 0 0-.424-.76a13.4 13.4 0 0 0-1.941-2.478C22.5 28.906 20.156 30 17 30v-.5v.5h-.062l-.155-.006a9 9 0 0 1-.541-.044a8 8 0 0 1-1.65-.35C13.402 29.202 12 28.331 12 26.5s1.402-2.703 2.592-3.1a8 8 0 0 1 1.65-.35a9 9 0 0 1 .696-.05H17l.001.5V23c3.33 0 5.815 1.324 7.561 2.836c.828-.776 1.625-1.67 2.436-2.654m-3.193 3.322C22.204 25.15 19.974 24 17 24h-.039l-.13.005c-.115.006-.28.017-.479.039a7 7 0 0 0-1.444.305c-1.06.354-1.908.983-1.908 2.151s.848 1.797 1.908 2.15a7 7 0 0 0 1.444.306a8 8 0 0 0 .609.043h.032l.006.001c2.807 0 4.914-.935 6.805-2.496"/></svg>Como usar o ícone Lasso 32 Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:lasso-32-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:lasso-32-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:lasso-32-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--lasso-32-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:lasso-32-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:lasso-32-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent/lasso-32-light.svg" alt="Ícone Lasso 32 Light" width="24" height="24">Ícones relacionados em Fluent UI System Icons
Perguntas frequentes sobre Ícone Lasso 32 Light
O ícone Lasso 32 Light é grátis para uso comercial?
Sim. Fluent UI System Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Lasso 32 Light no React?
Instale @iconify/react e renderize <Icon icon="fluent:lasso-32-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lasso 32 Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent/lasso-32-light.svg" alt="Ícone Lasso 32 Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.