settings icon

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

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

7 other variants in Keyline Icons

settingssettings-duotonesettings-fillsettings-sharpsettings-sharp-duotonesettings-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="currentColor" d="M15.2637 5.2003L16.5969 3.868C16.9875 3.4777 17.6205 3.4778 18.0109 3.8682L20.1319 5.9892C20.5225 6.3798 20.5224 7.0131 20.1317 7.4036L18.7991 8.7356C18.7229 8.8118 18.7349 8.6936 18.8148 8.8674C18.8915 9.0342 18.9695 9.2224 19.0337 9.3961C19.0999 9.5752 19.0077 9.5 19.1155 9.5L21 9.5C21.5523 9.5 22 9.9477 22 10.5L22 13.5C22 14.0523 21.5523 14.5 21 14.5L19.1155 14.5C19.0077 14.5 19.0997 14.425 19.0334 14.6042C18.9692 14.7775 18.8914 14.9654 18.8145 15.1324C18.7348 15.3057 18.7227 15.1874 18.7989 15.2636L20.1319 16.5966C20.5224 16.9871 20.5224 17.6203 20.1319 18.0108L18.0108 20.1319C17.6203 20.5224 16.9871 20.5224 16.5966 20.1319L15.2636 18.7989C15.1874 18.7227 15.3053 18.7347 15.1314 18.8146C14.965 18.8911 14.7769 18.969 14.6034 19.033C14.4248 19.099 14.5 19.0067 14.5 19.1145L14.5 21C14.5 21.5523 14.0523 22 13.5 22L10.5 22C9.9477 22 9.5 21.5523 9.5 21L9.5 19.1145C9.5 19.0067 9.5754 19.0992 9.3967 19.0333C9.2231 18.9692 9.0349 18.8914 8.8679 18.8147C8.694 18.7349 8.8118 18.7229 8.7356 18.7991L7.4036 20.1317C7.0131 20.5224 6.3798 20.5225 5.9892 20.1319L3.8682 18.0109C3.4778 17.6205 3.4777 16.9875 3.868 16.5969L5.2003 15.2637C5.2765 15.1875 5.2644 15.3055 5.1846 15.1319C5.1081 14.9651 5.0303 14.7773 4.9661 14.6038C4.9 14.4248 4.9923 14.5 4.8845 14.5L3 14.5C2.4477 14.5 2 14.0523 2 13.5L2 10.5C2 9.9477 2.4477 9.5 3 9.5L4.8845 9.5C4.9923 9.5 4.8999 9.5753 4.9659 9.3966C5.0299 9.2233 5.1077 9.0347 5.1848 8.8672C5.2643 8.6939 5.2763 8.8116 5.2001 8.7354L3.8681 7.4034C3.4776 7.0129 3.4776 6.3797 3.8681 5.9892L5.9892 3.8681C6.3797 3.4776 7.0129 3.4776 7.4034 3.8681L8.7354 5.2001C8.8116 5.2763 8.6939 5.2643 8.868 5.1844C9.0347 5.1077 9.2233 5.0299 9.3966 4.9659C9.5753 4.8999 9.5 4.9923 9.5 4.8845L9.5 3C9.5 2.4477 9.9477 2 10.5 2L13.5 2C14.0523 2 14.5 2.4477 14.5 3L14.5 4.8845C14.5 4.9923 14.4248 4.9 14.6036 4.9661C14.7773 5.0303 14.9651 5.1081 15.1316 5.1845C15.3055 5.2644 15.1875 5.2765 15.2637 5.2003ZM12 8.5C10.2051 8.5 8.5 10.2051 8.5 12C8.5 13.7949 10.2051 15.5 12 15.5C13.7949 15.5 15.5 13.7949 15.5 12C15.5 10.2051 13.7949 8.5 12 8.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSettingsSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.2637 5.2003L16.5969 3.868C16.9875 3.4777 17.6205 3.4778 18.0109 3.8682L20.1319 5.9892C20.5225 6.3798 20.5224 7.0131 20.1317 7.4036L18.7991 8.7356C18.7229 8.8118 18.7349 8.6936 18.8148 8.8674C18.8915 9.0342 18.9695 9.2224 19.0337 9.3961C19.0999 9.5752 19.0077 9.5 19.1155 9.5L21 9.5C21.5523 9.5 22 9.9477 22 10.5L22 13.5C22 14.0523 21.5523 14.5 21 14.5L19.1155 14.5C19.0077 14.5 19.0997 14.425 19.0334 14.6042C18.9692 14.7775 18.8914 14.9654 18.8145 15.1324C18.7348 15.3057 18.7227 15.1874 18.7989 15.2636L20.1319 16.5966C20.5224 16.9871 20.5224 17.6203 20.1319 18.0108L18.0108 20.1319C17.6203 20.5224 16.9871 20.5224 16.5966 20.1319L15.2636 18.7989C15.1874 18.7227 15.3053 18.7347 15.1314 18.8146C14.965 18.8911 14.7769 18.969 14.6034 19.033C14.4248 19.099 14.5 19.0067 14.5 19.1145L14.5 21C14.5 21.5523 14.0523 22 13.5 22L10.5 22C9.9477 22 9.5 21.5523 9.5 21L9.5 19.1145C9.5 19.0067 9.5754 19.0992 9.3967 19.0333C9.2231 18.9692 9.0349 18.8914 8.8679 18.8147C8.694 18.7349 8.8118 18.7229 8.7356 18.7991L7.4036 20.1317C7.0131 20.5224 6.3798 20.5225 5.9892 20.1319L3.8682 18.0109C3.4778 17.6205 3.4777 16.9875 3.868 16.5969L5.2003 15.2637C5.2765 15.1875 5.2644 15.3055 5.1846 15.1319C5.1081 14.9651 5.0303 14.7773 4.9661 14.6038C4.9 14.4248 4.9923 14.5 4.8845 14.5L3 14.5C2.4477 14.5 2 14.0523 2 13.5L2 10.5C2 9.9477 2.4477 9.5 3 9.5L4.8845 9.5C4.9923 9.5 4.8999 9.5753 4.9659 9.3966C5.0299 9.2233 5.1077 9.0347 5.1848 8.8672C5.2643 8.6939 5.2763 8.8116 5.2001 8.7354L3.8681 7.4034C3.4776 7.0129 3.4776 6.3797 3.8681 5.9892L5.9892 3.8681C6.3797 3.4776 7.0129 3.4776 7.4034 3.8681L8.7354 5.2001C8.8116 5.2763 8.6939 5.2643 8.868 5.1844C9.0347 5.1077 9.2233 5.0299 9.3966 4.9659C9.5753 4.8999 9.5 4.9923 9.5 4.8845L9.5 3C9.5 2.4477 9.9477 2 10.5 2L13.5 2C14.0523 2 14.5 2.4477 14.5 3L14.5 4.8845C14.5 4.9923 14.4248 4.9 14.6036 4.9661C14.7773 5.0303 14.9651 5.1081 15.1316 5.1845C15.3055 5.2644 15.1875 5.2765 15.2637 5.2003ZM12 8.5C10.2051 8.5 8.5 10.2051 8.5 12C8.5 13.7949 10.2051 15.5 12 15.5C13.7949 15.5 15.5 13.7949 15.5 12C15.5 10.2051 13.7949 8.5 12 8.5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.2637 5.2003L16.5969 3.868C16.9875 3.4777 17.6205 3.4778 18.0109 3.8682L20.1319 5.9892C20.5225 6.3798 20.5224 7.0131 20.1317 7.4036L18.7991 8.7356C18.7229 8.8118 18.7349 8.6936 18.8148 8.8674C18.8915 9.0342 18.9695 9.2224 19.0337 9.3961C19.0999 9.5752 19.0077 9.5 19.1155 9.5L21 9.5C21.5523 9.5 22 9.9477 22 10.5L22 13.5C22 14.0523 21.5523 14.5 21 14.5L19.1155 14.5C19.0077 14.5 19.0997 14.425 19.0334 14.6042C18.9692 14.7775 18.8914 14.9654 18.8145 15.1324C18.7348 15.3057 18.7227 15.1874 18.7989 15.2636L20.1319 16.5966C20.5224 16.9871 20.5224 17.6203 20.1319 18.0108L18.0108 20.1319C17.6203 20.5224 16.9871 20.5224 16.5966 20.1319L15.2636 18.7989C15.1874 18.7227 15.3053 18.7347 15.1314 18.8146C14.965 18.8911 14.7769 18.969 14.6034 19.033C14.4248 19.099 14.5 19.0067 14.5 19.1145L14.5 21C14.5 21.5523 14.0523 22 13.5 22L10.5 22C9.9477 22 9.5 21.5523 9.5 21L9.5 19.1145C9.5 19.0067 9.5754 19.0992 9.3967 19.0333C9.2231 18.9692 9.0349 18.8914 8.8679 18.8147C8.694 18.7349 8.8118 18.7229 8.7356 18.7991L7.4036 20.1317C7.0131 20.5224 6.3798 20.5225 5.9892 20.1319L3.8682 18.0109C3.4778 17.6205 3.4777 16.9875 3.868 16.5969L5.2003 15.2637C5.2765 15.1875 5.2644 15.3055 5.1846 15.1319C5.1081 14.9651 5.0303 14.7773 4.9661 14.6038C4.9 14.4248 4.9923 14.5 4.8845 14.5L3 14.5C2.4477 14.5 2 14.0523 2 13.5L2 10.5C2 9.9477 2.4477 9.5 3 9.5L4.8845 9.5C4.9923 9.5 4.8999 9.5753 4.9659 9.3966C5.0299 9.2233 5.1077 9.0347 5.1848 8.8672C5.2643 8.6939 5.2763 8.8116 5.2001 8.7354L3.8681 7.4034C3.4776 7.0129 3.4776 6.3797 3.8681 5.9892L5.9892 3.8681C6.3797 3.4776 7.0129 3.4776 7.4034 3.8681L8.7354 5.2001C8.8116 5.2763 8.6939 5.2643 8.868 5.1844C9.0347 5.1077 9.2233 5.0299 9.3966 4.9659C9.5753 4.8999 9.5 4.9923 9.5 4.8845L9.5 3C9.5 2.4477 9.9477 2 10.5 2L13.5 2C14.0523 2 14.5 2.4477 14.5 3L14.5 4.8845C14.5 4.9923 14.4248 4.9 14.6036 4.9661C14.7773 5.0303 14.9651 5.1081 15.1316 5.1845C15.3055 5.2644 15.1875 5.2765 15.2637 5.2003ZM12 8.5C10.2051 8.5 8.5 10.2051 8.5 12C8.5 13.7949 10.2051 15.5 12 15.5C13.7949 15.5 15.5 13.7949 15.5 12C15.5 10.2051 13.7949 8.5 12 8.5Z"/></svg>
</template>

CSS

.icon-settings-sharp-fill {
  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%22currentColor%22%20d%3D%22M15.2637%205.2003L16.5969%203.868C16.9875%203.4777%2017.6205%203.4778%2018.0109%203.8682L20.1319%205.9892C20.5225%206.3798%2020.5224%207.0131%2020.1317%207.4036L18.7991%208.7356C18.7229%208.8118%2018.7349%208.6936%2018.8148%208.8674C18.8915%209.0342%2018.9695%209.2224%2019.0337%209.3961C19.0999%209.5752%2019.0077%209.5%2019.1155%209.5L21%209.5C21.5523%209.5%2022%209.9477%2022%2010.5L22%2013.5C22%2014.0523%2021.5523%2014.5%2021%2014.5L19.1155%2014.5C19.0077%2014.5%2019.0997%2014.425%2019.0334%2014.6042C18.9692%2014.7775%2018.8914%2014.9654%2018.8145%2015.1324C18.7348%2015.3057%2018.7227%2015.1874%2018.7989%2015.2636L20.1319%2016.5966C20.5224%2016.9871%2020.5224%2017.6203%2020.1319%2018.0108L18.0108%2020.1319C17.6203%2020.5224%2016.9871%2020.5224%2016.5966%2020.1319L15.2636%2018.7989C15.1874%2018.7227%2015.3053%2018.7347%2015.1314%2018.8146C14.965%2018.8911%2014.7769%2018.969%2014.6034%2019.033C14.4248%2019.099%2014.5%2019.0067%2014.5%2019.1145L14.5%2021C14.5%2021.5523%2014.0523%2022%2013.5%2022L10.5%2022C9.9477%2022%209.5%2021.5523%209.5%2021L9.5%2019.1145C9.5%2019.0067%209.5754%2019.0992%209.3967%2019.0333C9.2231%2018.9692%209.0349%2018.8914%208.8679%2018.8147C8.694%2018.7349%208.8118%2018.7229%208.7356%2018.7991L7.4036%2020.1317C7.0131%2020.5224%206.3798%2020.5225%205.9892%2020.1319L3.8682%2018.0109C3.4778%2017.6205%203.4777%2016.9875%203.868%2016.5969L5.2003%2015.2637C5.2765%2015.1875%205.2644%2015.3055%205.1846%2015.1319C5.1081%2014.9651%205.0303%2014.7773%204.9661%2014.6038C4.9%2014.4248%204.9923%2014.5%204.8845%2014.5L3%2014.5C2.4477%2014.5%202%2014.0523%202%2013.5L2%2010.5C2%209.9477%202.4477%209.5%203%209.5L4.8845%209.5C4.9923%209.5%204.8999%209.5753%204.9659%209.3966C5.0299%209.2233%205.1077%209.0347%205.1848%208.8672C5.2643%208.6939%205.2763%208.8116%205.2001%208.7354L3.8681%207.4034C3.4776%207.0129%203.4776%206.3797%203.8681%205.9892L5.9892%203.8681C6.3797%203.4776%207.0129%203.4776%207.4034%203.8681L8.7354%205.2001C8.8116%205.2763%208.6939%205.2643%208.868%205.1844C9.0347%205.1077%209.2233%205.0299%209.3966%204.9659C9.5753%204.8999%209.5%204.9923%209.5%204.8845L9.5%203C9.5%202.4477%209.9477%202%2010.5%202L13.5%202C14.0523%202%2014.5%202.4477%2014.5%203L14.5%204.8845C14.5%204.9923%2014.4248%204.9%2014.6036%204.9661C14.7773%205.0303%2014.9651%205.1081%2015.1316%205.1845C15.3055%205.2644%2015.1875%205.2765%2015.2637%205.2003ZM12%208.5C10.2051%208.5%208.5%2010.2051%208.5%2012C8.5%2013.7949%2010.2051%2015.5%2012%2015.5C13.7949%2015.5%2015.5%2013.7949%2015.5%2012C15.5%2010.2051%2013.7949%208.5%2012%208.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%22currentColor%22%20d%3D%22M15.2637%205.2003L16.5969%203.868C16.9875%203.4777%2017.6205%203.4778%2018.0109%203.8682L20.1319%205.9892C20.5225%206.3798%2020.5224%207.0131%2020.1317%207.4036L18.7991%208.7356C18.7229%208.8118%2018.7349%208.6936%2018.8148%208.8674C18.8915%209.0342%2018.9695%209.2224%2019.0337%209.3961C19.0999%209.5752%2019.0077%209.5%2019.1155%209.5L21%209.5C21.5523%209.5%2022%209.9477%2022%2010.5L22%2013.5C22%2014.0523%2021.5523%2014.5%2021%2014.5L19.1155%2014.5C19.0077%2014.5%2019.0997%2014.425%2019.0334%2014.6042C18.9692%2014.7775%2018.8914%2014.9654%2018.8145%2015.1324C18.7348%2015.3057%2018.7227%2015.1874%2018.7989%2015.2636L20.1319%2016.5966C20.5224%2016.9871%2020.5224%2017.6203%2020.1319%2018.0108L18.0108%2020.1319C17.6203%2020.5224%2016.9871%2020.5224%2016.5966%2020.1319L15.2636%2018.7989C15.1874%2018.7227%2015.3053%2018.7347%2015.1314%2018.8146C14.965%2018.8911%2014.7769%2018.969%2014.6034%2019.033C14.4248%2019.099%2014.5%2019.0067%2014.5%2019.1145L14.5%2021C14.5%2021.5523%2014.0523%2022%2013.5%2022L10.5%2022C9.9477%2022%209.5%2021.5523%209.5%2021L9.5%2019.1145C9.5%2019.0067%209.5754%2019.0992%209.3967%2019.0333C9.2231%2018.9692%209.0349%2018.8914%208.8679%2018.8147C8.694%2018.7349%208.8118%2018.7229%208.7356%2018.7991L7.4036%2020.1317C7.0131%2020.5224%206.3798%2020.5225%205.9892%2020.1319L3.8682%2018.0109C3.4778%2017.6205%203.4777%2016.9875%203.868%2016.5969L5.2003%2015.2637C5.2765%2015.1875%205.2644%2015.3055%205.1846%2015.1319C5.1081%2014.9651%205.0303%2014.7773%204.9661%2014.6038C4.9%2014.4248%204.9923%2014.5%204.8845%2014.5L3%2014.5C2.4477%2014.5%202%2014.0523%202%2013.5L2%2010.5C2%209.9477%202.4477%209.5%203%209.5L4.8845%209.5C4.9923%209.5%204.8999%209.5753%204.9659%209.3966C5.0299%209.2233%205.1077%209.0347%205.1848%208.8672C5.2643%208.6939%205.2763%208.8116%205.2001%208.7354L3.8681%207.4034C3.4776%207.0129%203.4776%206.3797%203.8681%205.9892L5.9892%203.8681C6.3797%203.4776%207.0129%203.4776%207.4034%203.8681L8.7354%205.2001C8.8116%205.2763%208.6939%205.2643%208.868%205.1844C9.0347%205.1077%209.2233%205.0299%209.3966%204.9659C9.5753%204.8999%209.5%204.9923%209.5%204.8845L9.5%203C9.5%202.4477%209.9477%202%2010.5%202L13.5%202C14.0523%202%2014.5%202.4477%2014.5%203L14.5%204.8845C14.5%204.9923%2014.4248%204.9%2014.6036%204.9661C14.7773%205.0303%2014.9651%205.1081%2015.1316%205.1845C15.3055%205.2644%2015.1875%205.2765%2015.2637%205.2003ZM12%208.5C10.2051%208.5%208.5%2010.2051%208.5%2012C8.5%2013.7949%2010.2051%2015.5%2012%2015.5C13.7949%2015.5%2015.5%2013.7949%2015.5%2012C15.5%2010.2051%2013.7949%208.5%2012%208.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-fill.svg?color=%231a73e8&size=48