Ícone Settings 32 Light

fluent:settings-32-light

O ícone Settings 32 Light (fluent:settings-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: settingslight, setting

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21 16a5 5 0 1 1-10 0a5 5 0 0 1 10 0m-1 0a4 4 0 1 0-8 0a4 4 0 0 0 8 0M5.9 6.304a.96.96 0 0 1 1.095-.193l1.8.83a2 2 0 0 0 2.82-1.546l.297-2.176a.96.96 0 0 1 .71-.809A14 14 0 0 1 15.999 2c1.165 0 2.296.142 3.378.41a.96.96 0 0 1 .71.809l.297 2.176a2 2 0 0 0 2.819 1.546l1.8-.83a.96.96 0 0 1 1.095.193a14 14 0 0 1 3.35 5.795a.96.96 0 0 1-.382 1.045l-1.736 1.22a2 2 0 0 0 0 3.273l1.736 1.22a.96.96 0 0 1 .382 1.044a14 14 0 0 1-3.35 5.795a.96.96 0 0 1-1.094.193l-1.802-.83a2 2 0 0 0-2.818 1.546l-.297 2.176a.96.96 0 0 1-.71.809a14 14 0 0 1-3.378.41a14 14 0 0 1-3.378-.41a.96.96 0 0 1-.71-.809l-.296-2.176a2 2 0 0 0-2.82-1.546l-1.8.83a.96.96 0 0 1-1.095-.193A14 14 0 0 1 2.55 19.9a.96.96 0 0 1 .382-1.045l1.737-1.22a2 2 0 0 0 0-3.273l-1.737-1.22a.96.96 0 0 1-.382-1.045A14 14 0 0 1 5.9 6.305m-2.378 6.032l1.721 1.209c1.701 1.195 1.701 3.715 0 4.91l-1.72 1.209a13 13 0 0 0 3.07 5.31l1.784-.823a3 3 0 0 1 4.228 2.318l.295 2.16c.992.242 2.03.371 3.1.371a13 13 0 0 0 3.098-.371l.295-2.16a3 3 0 0 1 4.228-2.318l1.785.822a13 13 0 0 0 3.07-5.31l-1.72-1.208a3 3 0 0 1 0-4.91l1.72-1.209a13 13 0 0 0-3.07-5.31l-1.785.823a3 3 0 0 1-4.228-2.318l-.295-2.16A13 13 0 0 0 15.999 3c-1.069 0-2.107.129-3.099.371l-.295 2.16a3 3 0 0 1-4.228 2.318l-1.784-.822a13 13 0 0 0-3.07 5.31"/></svg>

Como usar o ícone Settings 32 Light

React

import { Icon } from "@iconify/react";

<Icon icon="fluent:settings-32-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent:settings-32-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent:settings-32-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--settings-32-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:settings-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:settings-32-light"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent/settings-32-light.svg" alt="Ícone Settings 32 Light" width="24" height="24">

Ícones relacionados em Fluent UI System Icons

Perguntas frequentes sobre Ícone Settings 32 Light

O ícone Settings 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 Settings 32 Light no React?

Instale @iconify/react e renderize <Icon icon="fluent:settings-32-light" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Settings 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/settings-32-light.svg" alt="Ícone Settings 32 Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Fluent UI System Icons →