Icono Settings Fill
keyline-icons:settings-fill
El icono Settings Fill (keyline-icons:settings-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- 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="M12.5 2C13.6046 2 14.5 2.8954 14.5 4L14.5 4.8838C14.5 4.8838 14.5034 4.8917 14.5107 4.9014C14.5268 4.9224 14.5581 4.949 14.6035 4.9658C14.783 5.0322 14.9596 5.1055 15.1318 5.1846L15.1943 5.2041C15.2137 5.2071 15.2309 5.2069 15.2441 5.2051L15.2637 5.2002L15.8896 4.5742C16.6708 3.7938 17.9369 3.7943 18.7178 4.5752L19.4248 5.2822C20.2058 6.0635 20.2051 7.3295 19.4238 8.1104L18.7988 8.7354C18.7988 8.7354 18.7965 8.7431 18.7949 8.7549C18.7914 8.7812 18.7942 8.8229 18.8145 8.8672C18.8939 9.0399 18.9677 9.2168 19.0342 9.3965C19.051 9.4419 19.0776 9.4732 19.0986 9.4893L19.1162 9.5L20 9.5C21.1046 9.5 22 10.3954 22 11.5L22 12.5C22 13.6046 21.1046 14.5 20 14.5L19.1162 14.5C19.1162 14.5 19.1083 14.5034 19.0986 14.5107C19.0775 14.5269 19.0501 14.5587 19.0332 14.6045C18.9669 14.7835 18.894 14.9601 18.8145 15.1328C18.7943 15.1768 18.7904 15.2179 18.7939 15.2441C18.7955 15.2559 18.799 15.2619 18.7998 15.2637L19.4248 15.8896C20.2057 16.6707 20.2057 17.9368 19.4248 18.7178L18.7178 19.4248C17.9368 20.2057 16.6707 20.2057 15.8896 19.4248L15.2646 18.7998C15.2646 18.7998 15.2562 18.7956 15.2441 18.7939C15.2309 18.7922 15.2137 18.7929 15.1943 18.7959L15.1318 18.8145C15.0455 18.8542 14.9582 18.8923 14.8701 18.9287L14.6035 19.0332C14.5581 19.05 14.5268 19.0767 14.5107 19.0977L14.5 19.1152L14.5 20C14.5 21.1046 13.6046 22 12.5 22L11.5 22C10.3954 22 9.5 21.1046 9.5 20L9.5 19.1152C9.5 19.1152 9.4966 19.1072 9.4893 19.0977C9.4732 19.0767 9.4418 19.0499 9.3965 19.0332C9.2171 18.967 9.041 18.8938 8.8682 18.8145C8.8236 18.794 8.7814 18.7913 8.7549 18.7949C8.7431 18.7966 8.7354 18.7998 8.7354 18.7998L8.1104 19.4238C7.3295 20.2051 6.0635 20.2058 5.2822 19.4248L4.5752 18.7178C3.7943 17.9369 3.7938 16.6708 4.5742 15.8896L5.2002 15.2637C5.2012 15.2615 5.2036 15.2553 5.2051 15.2441C5.2069 15.2309 5.2071 15.2137 5.2041 15.1943L5.1846 15.1318C5.1055 14.9596 5.0322 14.783 4.9658 14.6035C4.949 14.5581 4.9224 14.5268 4.9014 14.5107L4.8838 14.5L4 14.5C2.8954 14.5 2 13.6046 2 12.5L2 11.5C2 10.3954 2.8954 9.5 4 9.5L4.8838 9.5C4.8838 9.5 4.8918 9.4966 4.9014 9.4893C4.9224 9.4732 4.9491 9.4419 4.9658 9.3965C5.0319 9.2174 5.1048 9.0407 5.1846 8.8672C5.2047 8.8229 5.2086 8.7813 5.2051 8.7549C5.2035 8.7431 5.2001 8.7372 5.1992 8.7354L4.5752 8.1104C3.7943 7.3293 3.7943 6.0632 4.5752 5.2822L5.2822 4.5752C6.0632 3.7943 7.3293 3.7943 8.1104 4.5752L8.7344 5.1992C8.7344 5.1992 8.7428 5.2034 8.7549 5.2051C8.7813 5.2086 8.8229 5.2047 8.8672 5.1846L9.1299 5.0703C9.2181 5.0339 9.3069 4.9989 9.3965 4.9658C9.4419 4.9491 9.4732 4.9224 9.4893 4.9014L9.5 4.8838L9.5 4C9.5 2.8954 10.3954 2 11.5 2L12.5 2ZM12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5Z"/></svg>
Cómo usar el icono Settings Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:settings-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:settings-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:settings-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--settings-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:settings-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Icono Settings Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Settings Fill en otras colecciones
Preguntas frecuentes sobre Icono Settings Fill
¿El icono Settings Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Settings Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:settings-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Settings Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/settings-fill.svg" alt="Icono Settings Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
