Ícone Settings 48
energy-icons:settings-48
O ícone Settings 48 (energy-icons:settings-48) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 48 × 48. Energy 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
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 48 × 48
- Tags
- setting
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m26.505 5.175l.092.004a1 1 0 0 1 .896.844l.558 3.627l3.23 1.338l2.96-2.17l.078-.05a1 1 0 0 1 1.221.15l3.542 3.542a1 1 0 0 1 .1 1.298l-2.17 2.96l1.337 3.23l3.628.559a1 1 0 0 1 .848.988v5.01a1 1 0 0 1-.848.988l-3.628.558l-1.337 3.23l2.17 2.96a1 1 0 0 1-.1 1.3l-3.542 3.541a1 1 0 0 1-1.299.1l-2.96-2.17l-3.23 1.337l-.558 3.628a1 1 0 0 1-.988.848h-5.01a1 1 0 0 1-.988-.848l-.56-3.628l-3.229-1.337l-2.96 2.17a1 1 0 0 1-1.298-.1L8.918 35.54a1 1 0 0 1-.1-1.299l2.17-2.96l-1.338-3.23l-3.627-.558a1 1 0 0 1-.848-.988v-5.01a1 1 0 0 1 .848-.988l3.627-.56l1.338-3.229l-2.17-2.96a1 1 0 0 1 .1-1.298l3.542-3.542l.067-.062a1 1 0 0 1 1.231-.037l2.96 2.169l3.23-1.338l.559-3.627l.018-.09a1 1 0 0 1 .97-.758zm-4.666 5.336a1 1 0 0 1-.605.772l-4.27 1.768a1 1 0 0 1-.974-.117l-2.722-1.996l-2.33 2.33l1.996 2.721a1 1 0 0 1 .117.974l-1.768 4.27a1 1 0 0 1-.772.606l-3.336.514v3.294l3.336.513a1 1 0 0 1 .772.607l1.768 4.27a1 1 0 0 1-.117.973l-1.996 2.722l2.33 2.33l2.721-1.995l.11-.07a1 1 0 0 1 .864-.048l4.27 1.768l.117.058a1 1 0 0 1 .49.714l.513 3.336h3.294l.513-3.337a1 1 0 0 1 .607-.771l4.27-1.768l.122-.042a1 1 0 0 1 .851.16l2.722 1.995l2.33-2.33l-1.995-2.722a1 1 0 0 1-.118-.974l1.768-4.27l.058-.116a1 1 0 0 1 .714-.49l3.336-.513v-3.294l-3.337-.514a1 1 0 0 1-.771-.605l-1.768-4.27a1 1 0 0 1 .118-.974l1.995-2.722l-2.33-2.33l-2.722 1.996a1 1 0 0 1-.974.117l-4.27-1.768a1 1 0 0 1-.606-.772l-.512-3.336h-3.295z"/><path fill="currentColor" d="M29 24a5 5 0 1 0-10 0a5 5 0 0 0 10 0m2 0a7 7 0 1 1-14 0a7 7 0 0 1 7-7a7 7 0 0 1 7 7"/></svg>Como usar o ícone Settings 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:settings-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:settings-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:settings-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--settings-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:settings-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:settings-48"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/settings-48.svg" alt="Ícone Settings 48" width="24" height="24">Ícones relacionados em Energy Icons
O ícone Settings 48 em outras coleções
Perguntas frequentes sobre Ícone Settings 48
O ícone Settings 48 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Settings 48 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:settings-48" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Settings 48 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/settings-48.svg" alt="Ícone Settings 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.