settings icon
settings-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- settings-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
settingsCarbonsettingsCodiconssettings-fillEva IconssettingsFeather Iconssettings-16-filledFluent UI System Iconssettings-16Fluent UI System Color IconssettingsIconoirsettingsLucidesettingsMage IconssettingsMaterial Icon ThemesettingsMaterial SymbolssettingsMaterial Symbols LightsettingsOcticonssettings-fillRemix Iconsettings-boldSolarsettingsTabler Icons
Use the settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 176a80 80 0 1 0 80 80a80.24 80.24 0 0 0-80-80m172.72 80a165.5 165.5 0 0 1-1.64 22.34l48.69 38.12a11.59 11.59 0 0 1 2.63 14.78l-46.06 79.52a11.64 11.64 0 0 1-14.14 4.93l-57.25-23a176.6 176.6 0 0 1-38.82 22.67l-8.56 60.78a11.93 11.93 0 0 1-11.51 9.86h-92.12a12 12 0 0 1-11.51-9.53l-8.56-60.78A169.3 169.3 0 0 1 151.05 393L93.8 416a11.64 11.64 0 0 1-14.14-4.92L33.6 331.57a11.59 11.59 0 0 1 2.63-14.78l48.69-38.12A175 175 0 0 1 83.28 256a165.5 165.5 0 0 1 1.64-22.34l-48.69-38.12a11.59 11.59 0 0 1-2.63-14.78l46.06-79.52a11.64 11.64 0 0 1 14.14-4.93l57.25 23a176.6 176.6 0 0 1 38.82-22.67l8.56-60.78A11.93 11.93 0 0 1 209.94 26h92.12a12 12 0 0 1 11.51 9.53l8.56 60.78A169.3 169.3 0 0 1 361 119l57.2-23a11.64 11.64 0 0 1 14.14 4.92l46.06 79.52a11.59 11.59 0 0 1-2.63 14.78l-48.69 38.12a175 175 0 0 1 1.64 22.66"/></svg>
React
import type { SVGProps } from "react";
export function IonSettingsSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 176a80 80 0 1 0 80 80a80.24 80.24 0 0 0-80-80m172.72 80a165.5 165.5 0 0 1-1.64 22.34l48.69 38.12a11.59 11.59 0 0 1 2.63 14.78l-46.06 79.52a11.64 11.64 0 0 1-14.14 4.93l-57.25-23a176.6 176.6 0 0 1-38.82 22.67l-8.56 60.78a11.93 11.93 0 0 1-11.51 9.86h-92.12a12 12 0 0 1-11.51-9.53l-8.56-60.78A169.3 169.3 0 0 1 151.05 393L93.8 416a11.64 11.64 0 0 1-14.14-4.92L33.6 331.57a11.59 11.59 0 0 1 2.63-14.78l48.69-38.12A175 175 0 0 1 83.28 256a165.5 165.5 0 0 1 1.64-22.34l-48.69-38.12a11.59 11.59 0 0 1-2.63-14.78l46.06-79.52a11.64 11.64 0 0 1 14.14-4.93l57.25 23a176.6 176.6 0 0 1 38.82-22.67l8.56-60.78A11.93 11.93 0 0 1 209.94 26h92.12a12 12 0 0 1 11.51 9.53l8.56 60.78A169.3 169.3 0 0 1 361 119l57.2-23a11.64 11.64 0 0 1 14.14 4.92l46.06 79.52a11.59 11.59 0 0 1-2.63 14.78l-48.69 38.12a175 175 0 0 1 1.64 22.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 176a80 80 0 1 0 80 80a80.24 80.24 0 0 0-80-80m172.72 80a165.5 165.5 0 0 1-1.64 22.34l48.69 38.12a11.59 11.59 0 0 1 2.63 14.78l-46.06 79.52a11.64 11.64 0 0 1-14.14 4.93l-57.25-23a176.6 176.6 0 0 1-38.82 22.67l-8.56 60.78a11.93 11.93 0 0 1-11.51 9.86h-92.12a12 12 0 0 1-11.51-9.53l-8.56-60.78A169.3 169.3 0 0 1 151.05 393L93.8 416a11.64 11.64 0 0 1-14.14-4.92L33.6 331.57a11.59 11.59 0 0 1 2.63-14.78l48.69-38.12A175 175 0 0 1 83.28 256a165.5 165.5 0 0 1 1.64-22.34l-48.69-38.12a11.59 11.59 0 0 1-2.63-14.78l46.06-79.52a11.64 11.64 0 0 1 14.14-4.93l57.25 23a176.6 176.6 0 0 1 38.82-22.67l8.56-60.78A11.93 11.93 0 0 1 209.94 26h92.12a12 12 0 0 1 11.51 9.53l8.56 60.78A169.3 169.3 0 0 1 361 119l57.2-23a11.64 11.64 0 0 1 14.14 4.92l46.06 79.52a11.59 11.59 0 0 1-2.63 14.78l-48.69 38.12a175 175 0 0 1 1.64 22.66"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20176a80%2080%200%201%200%2080%2080a80.24%2080.24%200%200%200-80-80m172.72%2080a165.5%20165.5%200%200%201-1.64%2022.34l48.69%2038.12a11.59%2011.59%200%200%201%202.63%2014.78l-46.06%2079.52a11.64%2011.64%200%200%201-14.14%204.93l-57.25-23a176.6%20176.6%200%200%201-38.82%2022.67l-8.56%2060.78a11.93%2011.93%200%200%201-11.51%209.86h-92.12a12%2012%200%200%201-11.51-9.53l-8.56-60.78A169.3%20169.3%200%200%201%20151.05%20393L93.8%20416a11.64%2011.64%200%200%201-14.14-4.92L33.6%20331.57a11.59%2011.59%200%200%201%202.63-14.78l48.69-38.12A175%20175%200%200%201%2083.28%20256a165.5%20165.5%200%200%201%201.64-22.34l-48.69-38.12a11.59%2011.59%200%200%201-2.63-14.78l46.06-79.52a11.64%2011.64%200%200%201%2014.14-4.93l57.25%2023a176.6%20176.6%200%200%201%2038.82-22.67l8.56-60.78A11.93%2011.93%200%200%201%20209.94%2026h92.12a12%2012%200%200%201%2011.51%209.53l8.56%2060.78A169.3%20169.3%200%200%201%20361%20119l57.2-23a11.64%2011.64%200%200%201%2014.14%204.92l46.06%2079.52a11.59%2011.59%200%200%201-2.63%2014.78l-48.69%2038.12a175%20175%200%200%201%201.64%2022.66%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20176a80%2080%200%201%200%2080%2080a80.24%2080.24%200%200%200-80-80m172.72%2080a165.5%20165.5%200%200%201-1.64%2022.34l48.69%2038.12a11.59%2011.59%200%200%201%202.63%2014.78l-46.06%2079.52a11.64%2011.64%200%200%201-14.14%204.93l-57.25-23a176.6%20176.6%200%200%201-38.82%2022.67l-8.56%2060.78a11.93%2011.93%200%200%201-11.51%209.86h-92.12a12%2012%200%200%201-11.51-9.53l-8.56-60.78A169.3%20169.3%200%200%201%20151.05%20393L93.8%20416a11.64%2011.64%200%200%201-14.14-4.92L33.6%20331.57a11.59%2011.59%200%200%201%202.63-14.78l48.69-38.12A175%20175%200%200%201%2083.28%20256a165.5%20165.5%200%200%201%201.64-22.34l-48.69-38.12a11.59%2011.59%200%200%201-2.63-14.78l46.06-79.52a11.64%2011.64%200%200%201%2014.14-4.93l57.25%2023a176.6%20176.6%200%200%201%2038.82-22.67l8.56-60.78A11.93%2011.93%200%200%201%20209.94%2026h92.12a12%2012%200%200%201%2011.51%209.53l8.56%2060.78A169.3%20169.3%200%200%201%20361%20119l57.2-23a11.64%2011.64%200%200%201%2014.14%204.92l46.06%2079.52a11.59%2011.59%200%200%201-2.63%2014.78l-48.69%2038.12a175%20175%200%200%201%201.64%2022.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/settings-sharp.svg?color=%231a73e8&size=48
