Icono Settings 5 Fill
mingcute:settings-5-fill
El icono Settings 5 Fill (mingcute:settings-5-fill) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- MingCute Icon
- Autor
- MingCute Design
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- settingsfill, setting
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.357 2.682a1 1 0 0 1 1.053-.39a10 10 0 0 1 2.75 1.142a1 1 0 0 1 .47 1.018c-.113.689.058 1.216.38 1.538s.85.494 1.538.38a1 1 0 0 1 1.019.47a10 10 0 0 1 1.14 2.75a1 1 0 0 1-.387 1.055c-.568.407-.82.9-.82 1.356c0 .455.252.95.82 1.356a1 1 0 0 1 .387 1.053a10 10 0 0 1-1.14 2.751a1 1 0 0 1-1.019.47c-.689-.114-1.216.058-1.538.38s-.493.849-.38 1.538a1 1 0 0 1-.47 1.018a10 10 0 0 1-2.75 1.141a1 1 0 0 1-1.053-.388c-.407-.567-.901-.819-1.357-.819s-.95.252-1.356.82a1 1 0 0 1-1.054.387a10 10 0 0 1-2.75-1.14a1 1 0 0 1-.47-1.02c.113-.688-.058-1.215-.38-1.537s-.85-.494-1.539-.38a1 1 0 0 1-1.018-.47a10 10 0 0 1-1.14-2.75a1 1 0 0 1 .388-1.054c.568-.406.82-.9.82-1.356c0-.455-.253-.95-.82-1.356a1 1 0 0 1-.389-1.054a10 10 0 0 1 1.14-2.751a1 1 0 0 1 1.02-.47c.688.114 1.216-.058 1.538-.38s.493-.849.38-1.538a1 1 0 0 1 .47-1.018a10 10 0 0 1 2.75-1.141c.398-.098.815.056 1.054.389c.407.567.9.819 1.356.819s.95-.252 1.357-.82M12 7a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 2a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/></svg>
Cómo usar el icono Settings 5 Fill
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:settings-5-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:settings-5-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:settings-5-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--settings-5-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:settings-5-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:settings-5-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Icono Settings 5 Fill" width="24" height="24">
Iconos relacionados en MingCute Icon
El icono Settings 5 Fill en otras colecciones
Preguntas frecuentes sobre Icono Settings 5 Fill
¿El icono Settings 5 Fill es gratis para uso comercial?
Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Settings 5 Fill en React?
Instala @iconify/react y renderiza <Icon icon="mingcute:settings-5-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Settings 5 Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/settings-5-fill.svg" alt="Icono Settings 5 Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos MingCute Icon →
ICONYZ
