Icono Settings Dot Sharp Fill

keyline-icons:settings-dot-sharp-fill

El icono Settings Dot Sharp Fill (keyline-icons:settings-dot-sharp-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: settingsdot, dotsharp, sharpfill, settingsdotsharpfill, setting

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.5 11.5L21.5 14C21.5 14.5523 21.0523 15 20.5 15L18.6155 15C18.5077 15 18.5997 14.925 18.5334 15.1042C18.4692 15.2775 18.3914 15.4654 18.3145 15.6324C18.2348 15.8057 18.2227 15.6874 18.2989 15.7636L19.6319 17.0966C20.0224 17.4871 20.0224 18.1203 19.6319 18.5108L17.5108 20.6319C17.1203 21.0224 16.4871 21.0224 16.0966 20.6319L14.7636 19.2989C14.6874 19.2227 14.8053 19.2347 14.6314 19.3146C14.465 19.3911 14.2769 19.469 14.1034 19.533C13.9248 19.599 14 19.5067 14 19.6145L14 21.5C14 22.0523 13.5523 22.5 13 22.5L10 22.5C9.4477 22.5 9 22.0523 9 21.5L9 19.6145C9 19.5067 9.0754 19.5992 8.8967 19.5333C8.7231 19.4692 8.5349 19.3914 8.3679 19.3147C8.194 19.2349 8.3118 19.2229 8.2356 19.2991L6.9036 20.6317C6.5131 21.0224 5.8798 21.0225 5.4892 20.6319L3.3682 18.5109C2.9778 18.1205 2.9777 17.4875 3.368 17.0969L4.7003 15.7637C4.7765 15.6875 4.7644 15.8055 4.6846 15.6319C4.6081 15.4651 4.5303 15.2773 4.4661 15.1038C4.4 14.9248 4.4923 15 4.3845 15L2.5 15C1.9477 15 1.5 14.5523 1.5 14L1.5 11C1.5 10.4477 1.9477 10 2.5 10L4.3845 10C4.4923 10 4.3999 10.0753 4.4659 9.8966C4.5299 9.7233 4.6077 9.5347 4.6848 9.3672C4.7643 9.1939 4.7763 9.3116 4.7001 9.2354L3.3681 7.9034C2.9776 7.5129 2.9776 6.8797 3.3681 6.4892L5.4892 4.3681C5.8797 3.9776 6.5129 3.9776 6.9034 4.3681L8.2354 5.7001C8.3116 5.7763 8.1939 5.7643 8.368 5.6844C8.5347 5.6077 8.7233 5.5299 8.8966 5.4659C9.0753 5.3999 9 5.4923 9 5.3845L9 3.5C9 2.9477 9.4477 2.5 10 2.5L12.5 2.5L12.5 5.5C12.5 8.8137 15.1863 11.5 18.5 11.5L21.5 11.5ZM22.5 5.5C22.5 7.7091 20.7091 9.5 18.5 9.5C16.2909 9.5 14.5 7.7091 14.5 5.5C14.5 3.2909 16.2909 1.5 18.5 1.5C20.7091 1.5 22.5 3.2909 22.5 5.5ZM11.5 9C9.7051 9 8 10.7051 8 12.5C8 14.2949 9.7051 16 11.5 16C13.2949 16 15 14.2949 15 12.5C15 10.7051 13.2949 9 11.5 9ZM18.5 3.5C17.3954 3.5 16.5 4.3954 16.5 5.5C16.5 6.6046 17.3954 7.5 18.5 7.5C19.6046 7.5 20.5 6.6046 20.5 5.5C20.5 4.3954 19.6046 3.5 18.5 3.5Z" clip-rule="evenodd"/></svg>

Cómo usar el icono Settings Dot Sharp Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:settings-dot-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--settings-dot-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:settings-dot-sharp-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-dot-sharp-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/settings-dot-sharp-fill.svg" alt="Icono Settings Dot Sharp Fill" width="24" height="24">

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Settings Dot Sharp Fill

¿El icono Settings Dot Sharp 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 Dot Sharp Fill en React?

Instala @iconify/react y renderiza <Icon icon="keyline-icons:settings-dot-sharp-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Settings Dot Sharp 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-dot-sharp-fill.svg" alt="Icono Settings Dot Sharp Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →