Ícone Settings
raphael:settings
O ícone Settings (raphael:settings) é um ícone SVG gratuito da coleção Raphael de Dmitry Baranovskiy. Ele é desenhado em uma grade de 32 × 32. Raphael 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
- Raphael
- Autor
- Dmitry Baranovskiy
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- setting
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.015 12.03a3.902 3.902 0 1 0 0 7.806c.494 0 .962-.102 1.397-.27l.836 1.285l1.36-.884l-.832-1.276a3.902 3.902 0 0 0-2.761-6.66zM16 1.466C7.973 1.466 1.466 7.973 1.466 16S7.973 30.534 16 30.534S30.534 24.027 30.534 16S24.027 1.466 16 1.466M26.174 20.81c-.24.503-.513.99-.826 1.45l-3.158-.68c-.48.526-1.03.994-1.634 1.385l.12 3.202q-.761.345-1.57.57l-1.955-2.514c-.37.05-.75.086-1.135.086c-.356 0-.706-.03-1.05-.075l-1.946 2.5a11 11 0 0 1-1.57-.57l.116-3.145a8.4 8.4 0 0 1-1.712-1.427l-3.074.658a11 11 0 0 1-.826-1.447l2.088-2.31a8.3 8.3 0 0 1-.385-2.222L4.89 14.808c.054-.563.164-1.107.3-1.643l3.084-.427a8.3 8.3 0 0 1 1.135-1.942l-1.183-2.9q.602-.584 1.283-1.07l2.663 1.67a8.4 8.4 0 0 1 2.085-.75l.968-3c.278-.02.555-.042.837-.042s.56.022.837.042l.976 3.028c.72.163 1.4.416 2.036.75l2.704-1.697c.455.326.887.68 1.285 1.07l-1.215 2.986c.428.564.793 1.18 1.068 1.845l3.185.44c.135.536.247 1.082.302 1.644l-2.867 1.517a8.5 8.5 0 0 1-.355 2.1l2.156 2.382z"/></svg>
Como usar o ícone Settings
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:settings" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:settings" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:settings" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--settings]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:settings"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:settings"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/raphael/settings.svg" alt="Ícone Settings" width="24" height="24">
Ícones relacionados em Raphael
O ícone Settings em outras coleções
Perguntas frequentes sobre Ícone Settings
O ícone Settings é grátis para uso comercial?
Sim. Raphael icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Settings no React?
Instale @iconify/react e renderize <Icon icon="raphael:settings" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Settings a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/raphael/settings.svg" alt="Ícone Settings">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Raphael →
ICONYZ
