Ícone Signature 32 Light
fluent:signature-32-light
O ícone Signature 32 Light (fluent:signature-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
- signaturelight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.9 3.39a4.744 4.744 0 1 1 6.708 6.708l-.662.662l.028.028a3.5 3.5 0 0 1-.001 4.951l-3.117 3.114a.5.5 0 1 1-.707-.707l3.117-3.114a2.5 2.5 0 0 0 0-3.536l-.027-.029l-11.954 11.954a3.5 3.5 0 0 1-1.616.918l-6.423 1.626a1 1 0 0 1-1.214-1.216l1.632-6.428a3.5 3.5 0 0 1 .917-1.613zm6 .707a3.744 3.744 0 0 0-5.294 0L5.288 17.415a2.5 2.5 0 0 0-.655 1.152L3 24.996l6.423-1.625a2.5 2.5 0 0 0 1.154-.656L23.901 9.39a3.744 3.744 0 0 0 0-5.294M4.002 27.32c.38.361.812.71 1.28 1.03C6.643 29.28 8.366 30 10 30c1.222 0 2.392-.45 3.46-1.076c1.07-.627 2.071-1.45 2.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855 1.337-1.182q.483-.395.802-.552a1 1 0 0 1 .235-.086a.3.3 0 0 1 .063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452 1.2l.094.286c.353 1.066.86 2.463 2.33 2.831c.644.161 1.207.033 1.712-.229c.482-.25.933-.634 1.36-1.001l.015-.013c.881-.755 1.78-1.526 3.117-1.749a.5.5 0 1 0-.164-.986c-1.614.269-2.698 1.2-3.553 1.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417 1.254a81 81 0 0 1-.935.846c-.875.776-1.817 1.546-2.801 2.123S10.978 29 10 29c-1.366 0-2.893-.614-4.156-1.476a10 10 0 0 1-.67-.5zm-1.97-2.572l.485.123z"/></svg>
Como usar o ícone Signature 32 Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:signature-32-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:signature-32-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:signature-32-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--signature-32-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:signature-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:signature-32-light"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent/signature-32-light.svg" alt="Ícone Signature 32 Light" width="24" height="24">
Ícones relacionados em Fluent UI System Icons
Perguntas frequentes sobre Ícone Signature 32 Light
O ícone Signature 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 Signature 32 Light no React?
Instale @iconify/react e renderize <Icon icon="fluent:signature-32-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Signature 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/signature-32-light.svg" alt="Ícone Signature 32 Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Fluent UI System Icons →
ICONYZ
