Ícone Setting Two
icon-park:setting-two
O ícone Setting Two (icon-park:setting-two) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licença
- Apache-2.0
- Tamanho
- 48 × 48
- Categoria
- Básicos
- Tags
- settingtwo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M18.2838 43.1713C14.9327 42.1736 11.9498 40.3213 9.58787 37.867C10.469 36.8227 11 35.4734 11 34.0001C11 30.6864 8.31371 28.0001 5 28.0001C4.79955 28.0001 4.60139 28.01 4.40599 28.0292C4.13979 26.7277 4 25.3803 4 24.0001C4 21.9095 4.32077 19.8938 4.91579 17.9995C4.94381 17.9999 4.97188 18.0001 5 18.0001C8.31371 18.0001 11 15.3138 11 12.0001C11 11.0488 10.7786 10.1493 10.3846 9.35011C12.6975 7.1995 15.5205 5.59002 18.6521 4.72314C19.6444 6.66819 21.6667 8.00013 24 8.00013C26.3333 8.00013 28.3556 6.66819 29.3479 4.72314C32.4795 5.59002 35.3025 7.1995 37.6154 9.35011C37.2214 10.1493 37 11.0488 37 12.0001C37 15.3138 39.6863 18.0001 43 18.0001C43.0281 18.0001 43.0562 17.9999 43.0842 17.9995C43.6792 19.8938 44 21.9095 44 24.0001C44 25.3803 43.8602 26.7277 43.594 28.0292C43.3986 28.01 43.2005 28.0001 43 28.0001C39.6863 28.0001 37 30.6864 37 34.0001C37 35.4734 37.531 36.8227 38.4121 37.867C36.0502 40.3213 33.0673 42.1736 29.7162 43.1713C28.9428 40.752 26.676 39.0001 24 39.0001C21.324 39.0001 19.0572 40.752 18.2838 43.1713Z"/><path fill="#43CCF8" stroke="#fff" d="M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z"/></g></svg>
Como usar o ícone Setting Two
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:setting-two" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:setting-two" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:setting-two" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--setting-two]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:setting-two"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:setting-two"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/icon-park/setting-two.svg" alt="Ícone Setting Two" width="24" height="24">
Ícones relacionados em IconPark
O ícone Setting Two em outras coleções
Perguntas frequentes sobre Ícone Setting Two
O ícone Setting Two é grátis para uso comercial?
Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Setting Two no React?
Instale @iconify/react e renderize <Icon icon="icon-park:setting-two" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Setting Two a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/setting-two.svg" alt="Ícone Setting Two">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones IconPark →
ICONYZ
