settings icon

settings-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name
settings-sharp
Set
Keyline Icons
Style
Sharp
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

settingssettings-duotonesettings-fillsettings-sharp-duotonesettings-sharp-fillsettings-sharp-two-tonesettings-two-tone

The same icon in other sets

settingsCarbonsettingsCodiconssettings-fillEva IconssettingsFeather Iconssettings-16-filledFluent UI System Iconssettings-16Fluent UI System Color IconssettingsIconoirsettingsIonIconssettingsLucidesettingsMage IconssettingsMaterial Icon ThemesettingsMaterial SymbolssettingsMaterial Symbols LightsettingsOcticonssettings-fillRemix Iconsettings-boldSolarsettingsTabler Icons

Related icons in Keyline Icons

settings-dot

Use the settings icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M15.9706 5.9076L17.3038 4.5753L19.4248 6.6963L18.0922 8.0283C17.7641 8.3562 17.7124 8.8636 17.9062 9.2851C17.975 9.4347 18.0383 9.5874 18.0958 9.7429C18.2566 10.1779 18.6518 10.5 19.1155 10.5L21 10.5L21 13.5L19.1155 13.5C18.6518 13.5 18.2566 13.8221 18.0956 14.257C18.0381 14.4123 17.9749 14.5648 17.9061 14.7143C17.7123 15.1355 17.7639 15.6428 18.0918 15.9707L19.4248 17.3037L17.3037 19.4248L15.9707 18.0918C15.6428 17.7639 15.1355 17.7123 14.7141 17.9058C14.5647 17.9745 14.4123 18.0376 14.2571 18.0949C13.8221 18.2556 13.5 18.6508 13.5 19.1145L13.5 21L10.5 21L10.5 19.1145C10.5 18.6508 10.1779 18.2556 9.7429 18.0951C9.5874 18.0377 9.4348 17.9746 9.2852 17.9059C8.8636 17.7124 8.3562 17.7641 8.0283 18.0922L6.6963 19.4248L4.5753 17.3038L5.9076 15.9706C6.2353 15.6427 6.2869 15.1356 6.0933 14.7143C6.0247 14.5649 5.9615 14.4124 5.9041 14.2571C5.7434 13.8221 5.3482 13.5 4.8845 13.5L3 13.5L3 10.5L4.8845 10.5C5.3482 10.5 5.7434 10.1779 5.904 9.7429C5.9614 9.5874 6.0245 9.4346 6.0933 9.285C6.2867 8.8635 6.2351 8.3562 5.9072 8.0283L4.5752 6.6963L6.6963 4.5752L8.0283 5.9072C8.3562 6.2351 8.8635 6.2867 9.285 6.0933C9.4346 6.0245 9.5874 5.9614 9.7429 5.904C10.1779 5.7434 10.5 5.3482 10.5 4.8845L10.5 3L13.5 3L13.5 4.8845C13.5 5.3482 13.8221 5.7434 14.2571 5.9041C14.4124 5.9615 14.5649 6.0247 14.7143 6.0933C15.1356 6.2869 15.6427 6.2353 15.9706 5.9076ZM12 9.5C13.3807 9.5 14.5 10.6193 14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSettingsSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M15.9706 5.9076L17.3038 4.5753L19.4248 6.6963L18.0922 8.0283C17.7641 8.3562 17.7124 8.8636 17.9062 9.2851C17.975 9.4347 18.0383 9.5874 18.0958 9.7429C18.2566 10.1779 18.6518 10.5 19.1155 10.5L21 10.5L21 13.5L19.1155 13.5C18.6518 13.5 18.2566 13.8221 18.0956 14.257C18.0381 14.4123 17.9749 14.5648 17.9061 14.7143C17.7123 15.1355 17.7639 15.6428 18.0918 15.9707L19.4248 17.3037L17.3037 19.4248L15.9707 18.0918C15.6428 17.7639 15.1355 17.7123 14.7141 17.9058C14.5647 17.9745 14.4123 18.0376 14.2571 18.0949C13.8221 18.2556 13.5 18.6508 13.5 19.1145L13.5 21L10.5 21L10.5 19.1145C10.5 18.6508 10.1779 18.2556 9.7429 18.0951C9.5874 18.0377 9.4348 17.9746 9.2852 17.9059C8.8636 17.7124 8.3562 17.7641 8.0283 18.0922L6.6963 19.4248L4.5753 17.3038L5.9076 15.9706C6.2353 15.6427 6.2869 15.1356 6.0933 14.7143C6.0247 14.5649 5.9615 14.4124 5.9041 14.2571C5.7434 13.8221 5.3482 13.5 4.8845 13.5L3 13.5L3 10.5L4.8845 10.5C5.3482 10.5 5.7434 10.1779 5.904 9.7429C5.9614 9.5874 6.0245 9.4346 6.0933 9.285C6.2867 8.8635 6.2351 8.3562 5.9072 8.0283L4.5752 6.6963L6.6963 4.5752L8.0283 5.9072C8.3562 6.2351 8.8635 6.2867 9.285 6.0933C9.4346 6.0245 9.5874 5.9614 9.7429 5.904C10.1779 5.7434 10.5 5.3482 10.5 4.8845L10.5 3L13.5 3L13.5 4.8845C13.5 5.3482 13.8221 5.7434 14.2571 5.9041C14.4124 5.9615 14.5649 6.0247 14.7143 6.0933C15.1356 6.2869 15.6427 6.2353 15.9706 5.9076ZM12 9.5C13.3807 9.5 14.5 10.6193 14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M15.9706 5.9076L17.3038 4.5753L19.4248 6.6963L18.0922 8.0283C17.7641 8.3562 17.7124 8.8636 17.9062 9.2851C17.975 9.4347 18.0383 9.5874 18.0958 9.7429C18.2566 10.1779 18.6518 10.5 19.1155 10.5L21 10.5L21 13.5L19.1155 13.5C18.6518 13.5 18.2566 13.8221 18.0956 14.257C18.0381 14.4123 17.9749 14.5648 17.9061 14.7143C17.7123 15.1355 17.7639 15.6428 18.0918 15.9707L19.4248 17.3037L17.3037 19.4248L15.9707 18.0918C15.6428 17.7639 15.1355 17.7123 14.7141 17.9058C14.5647 17.9745 14.4123 18.0376 14.2571 18.0949C13.8221 18.2556 13.5 18.6508 13.5 19.1145L13.5 21L10.5 21L10.5 19.1145C10.5 18.6508 10.1779 18.2556 9.7429 18.0951C9.5874 18.0377 9.4348 17.9746 9.2852 17.9059C8.8636 17.7124 8.3562 17.7641 8.0283 18.0922L6.6963 19.4248L4.5753 17.3038L5.9076 15.9706C6.2353 15.6427 6.2869 15.1356 6.0933 14.7143C6.0247 14.5649 5.9615 14.4124 5.9041 14.2571C5.7434 13.8221 5.3482 13.5 4.8845 13.5L3 13.5L3 10.5L4.8845 10.5C5.3482 10.5 5.7434 10.1779 5.904 9.7429C5.9614 9.5874 6.0245 9.4346 6.0933 9.285C6.2867 8.8635 6.2351 8.3562 5.9072 8.0283L4.5752 6.6963L6.6963 4.5752L8.0283 5.9072C8.3562 6.2351 8.8635 6.2867 9.285 6.0933C9.4346 6.0245 9.5874 5.9614 9.7429 5.904C10.1779 5.7434 10.5 5.3482 10.5 4.8845L10.5 3L13.5 3L13.5 4.8845C13.5 5.3482 13.8221 5.7434 14.2571 5.9041C14.4124 5.9615 14.5649 6.0247 14.7143 6.0933C15.1356 6.2869 15.6427 6.2353 15.9706 5.9076ZM12 9.5C13.3807 9.5 14.5 10.6193 14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5Z"/></svg>
</template>

CSS

.icon-settings-sharp {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.9706%205.9076L17.3038%204.5753L19.4248%206.6963L18.0922%208.0283C17.7641%208.3562%2017.7124%208.8636%2017.9062%209.2851C17.975%209.4347%2018.0383%209.5874%2018.0958%209.7429C18.2566%2010.1779%2018.6518%2010.5%2019.1155%2010.5L21%2010.5L21%2013.5L19.1155%2013.5C18.6518%2013.5%2018.2566%2013.8221%2018.0956%2014.257C18.0381%2014.4123%2017.9749%2014.5648%2017.9061%2014.7143C17.7123%2015.1355%2017.7639%2015.6428%2018.0918%2015.9707L19.4248%2017.3037L17.3037%2019.4248L15.9707%2018.0918C15.6428%2017.7639%2015.1355%2017.7123%2014.7141%2017.9058C14.5647%2017.9745%2014.4123%2018.0376%2014.2571%2018.0949C13.8221%2018.2556%2013.5%2018.6508%2013.5%2019.1145L13.5%2021L10.5%2021L10.5%2019.1145C10.5%2018.6508%2010.1779%2018.2556%209.7429%2018.0951C9.5874%2018.0377%209.4348%2017.9746%209.2852%2017.9059C8.8636%2017.7124%208.3562%2017.7641%208.0283%2018.0922L6.6963%2019.4248L4.5753%2017.3038L5.9076%2015.9706C6.2353%2015.6427%206.2869%2015.1356%206.0933%2014.7143C6.0247%2014.5649%205.9615%2014.4124%205.9041%2014.2571C5.7434%2013.8221%205.3482%2013.5%204.8845%2013.5L3%2013.5L3%2010.5L4.8845%2010.5C5.3482%2010.5%205.7434%2010.1779%205.904%209.7429C5.9614%209.5874%206.0245%209.4346%206.0933%209.285C6.2867%208.8635%206.2351%208.3562%205.9072%208.0283L4.5752%206.6963L6.6963%204.5752L8.0283%205.9072C8.3562%206.2351%208.8635%206.2867%209.285%206.0933C9.4346%206.0245%209.5874%205.9614%209.7429%205.904C10.1779%205.7434%2010.5%205.3482%2010.5%204.8845L10.5%203L13.5%203L13.5%204.8845C13.5%205.3482%2013.8221%205.7434%2014.2571%205.9041C14.4124%205.9615%2014.5649%206.0247%2014.7143%206.0933C15.1356%206.2869%2015.6427%206.2353%2015.9706%205.9076ZM12%209.5C13.3807%209.5%2014.5%2010.6193%2014.5%2012C14.5%2013.3807%2013.3807%2014.5%2012%2014.5C10.6193%2014.5%209.5%2013.3807%209.5%2012C9.5%2010.6193%2010.6193%209.5%2012%209.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.9706%205.9076L17.3038%204.5753L19.4248%206.6963L18.0922%208.0283C17.7641%208.3562%2017.7124%208.8636%2017.9062%209.2851C17.975%209.4347%2018.0383%209.5874%2018.0958%209.7429C18.2566%2010.1779%2018.6518%2010.5%2019.1155%2010.5L21%2010.5L21%2013.5L19.1155%2013.5C18.6518%2013.5%2018.2566%2013.8221%2018.0956%2014.257C18.0381%2014.4123%2017.9749%2014.5648%2017.9061%2014.7143C17.7123%2015.1355%2017.7639%2015.6428%2018.0918%2015.9707L19.4248%2017.3037L17.3037%2019.4248L15.9707%2018.0918C15.6428%2017.7639%2015.1355%2017.7123%2014.7141%2017.9058C14.5647%2017.9745%2014.4123%2018.0376%2014.2571%2018.0949C13.8221%2018.2556%2013.5%2018.6508%2013.5%2019.1145L13.5%2021L10.5%2021L10.5%2019.1145C10.5%2018.6508%2010.1779%2018.2556%209.7429%2018.0951C9.5874%2018.0377%209.4348%2017.9746%209.2852%2017.9059C8.8636%2017.7124%208.3562%2017.7641%208.0283%2018.0922L6.6963%2019.4248L4.5753%2017.3038L5.9076%2015.9706C6.2353%2015.6427%206.2869%2015.1356%206.0933%2014.7143C6.0247%2014.5649%205.9615%2014.4124%205.9041%2014.2571C5.7434%2013.8221%205.3482%2013.5%204.8845%2013.5L3%2013.5L3%2010.5L4.8845%2010.5C5.3482%2010.5%205.7434%2010.1779%205.904%209.7429C5.9614%209.5874%206.0245%209.4346%206.0933%209.285C6.2867%208.8635%206.2351%208.3562%205.9072%208.0283L4.5752%206.6963L6.6963%204.5752L8.0283%205.9072C8.3562%206.2351%208.8635%206.2867%209.285%206.0933C9.4346%206.0245%209.5874%205.9614%209.7429%205.904C10.1779%205.7434%2010.5%205.3482%2010.5%204.8845L10.5%203L13.5%203L13.5%204.8845C13.5%205.3482%2013.8221%205.7434%2014.2571%205.9041C14.4124%205.9615%2014.5649%206.0247%2014.7143%206.0933C15.1356%206.2869%2015.6427%206.2353%2015.9706%205.9076ZM12%209.5C13.3807%209.5%2014.5%2010.6193%2014.5%2012C14.5%2013.3807%2013.3807%2014.5%2012%2014.5C10.6193%2014.5%209.5%2013.3807%209.5%2012C9.5%2010.6193%2010.6193%209.5%2012%209.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/settings-sharp.svg?color=%231a73e8&size=48