settings icon
settings-solid from Dither Icons by Vijay K Singh · Solid · MIT Free for personal and commercial use.
- Name
- settings-solid
- Set
- Dither Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
2 other variants in Dither Icons
The same icon in other sets
All settings icons →settingsCarbonsettingsCodiconssettings-fillEva IconssettingsFeather Iconssettings-16-filledFluent UI System Iconssettings-16Fluent UI System Color IconssettingsIconoirsettingsIonIconssettingsKeyline IconssettingsLucidesettingsMage IconssettingsMaterial Icon ThemesettingsMaterial SymbolssettingsMaterial Symbols LightsettingsOcticonssettingsReiconsettings-fillRemix Iconsettings-boldSolarsettingsTabler Icons
Use the settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.20082 5.763Q9.37862 5.67143 9.5691 5.61045L10.26861 5.38654Q10.45909 5.32557 10.49053 5.12805L10.67015 3.9997Q10.70159 3.80219 10.90159 3.80219L13.09841 3.80219Q13.29841 3.80219 13.32985 3.9997L13.50947 5.12805Q13.54091 5.32557 13.73139 5.38654L14.4309 5.61045Q14.62138 5.67143 14.79918 5.763L15.45214 6.0993Q15.62995 6.19087 15.79184 6.07344L16.71672 5.40259Q16.87862 5.28516 17.02004 5.42658L18.57342 6.97996Q18.71484 7.12138 18.59741 7.28328L17.92656 8.20816Q17.80913 8.37005 17.9007 8.54786L18.237 9.20082Q18.32857 9.37862 18.38955 9.5691L18.61346 10.26861Q18.67443 10.45909 18.87195 10.49053L20.0003 10.67015Q20.19781 10.70159 20.19781 10.90159L20.19781 13.09841Q20.19781 13.29841 20.0003 13.32985L18.87195 13.50947Q18.67443 13.54091 18.61346 13.73139L18.38955 14.4309Q18.32857 14.62138 18.237 14.79918L17.9007 15.45214Q17.80913 15.62995 17.92656 15.79184L18.59741 16.71672Q18.71484 16.87862 18.57342 17.02004L17.02004 18.57342Q16.87862 18.71484 16.71672 18.59741L15.79184 17.92656Q15.62995 17.80913 15.45214 17.9007L14.79918 18.237Q14.62138 18.32857 14.4309 18.38955L13.73139 18.61346Q13.54091 18.67443 13.50947 18.87195L13.32985 20.0003Q13.29841 20.19781 13.09841 20.19781L10.90159 20.19781Q10.70159 20.19781 10.67015 20.0003L10.49053 18.87195Q10.45909 18.67443 10.26861 18.61346L9.5691 18.38955Q9.37862 18.32857 9.20082 18.237L8.54786 17.9007Q8.37005 17.80913 8.20816 17.92656L7.28328 18.59741Q7.12138 18.71484 6.97996 18.57342L5.42658 17.02004Q5.28516 16.87862 5.40259 16.71672L6.07344 15.79184Q6.19087 15.62995 6.0993 15.45214L5.763 14.79918Q5.67143 14.62138 5.61045 14.4309L5.38654 13.73139Q5.32557 13.54091 5.12805 13.50947L3.9997 13.32985Q3.80219 13.29841 3.80219 13.09841L3.80219 10.90159Q3.80219 10.70159 3.9997 10.67015L5.12805 10.49053Q5.32557 10.45909 5.38654 10.26861L5.61045 9.5691Q5.67143 9.37862 5.763 9.20082L6.0993 8.54786Q6.19087 8.37005 6.07344 8.20816L5.40259 7.28328Q5.28516 7.12138 5.42658 6.97996L6.97996 5.42658Q7.12138 5.28516 7.28328 5.40259L8.20816 6.07344Q8.37005 6.19087 8.54786 6.0993ZM12 8.45a3.55 3.55 0 1 1 0 7.1a3.55 3.55 0 1 1 0-7.1Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".65" d="M10.98848 3.76187L13.01152 3.76187" opacity="0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M10.31432 2.90489L10.2232 2.41326M13.68568 2.90489L13.7768 2.41326" opacity="0"/></g></svg>
React
import type { SVGProps } from "react";
export function DitherSettingsSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M9.20082 5.763Q9.37862 5.67143 9.5691 5.61045L10.26861 5.38654Q10.45909 5.32557 10.49053 5.12805L10.67015 3.9997Q10.70159 3.80219 10.90159 3.80219L13.09841 3.80219Q13.29841 3.80219 13.32985 3.9997L13.50947 5.12805Q13.54091 5.32557 13.73139 5.38654L14.4309 5.61045Q14.62138 5.67143 14.79918 5.763L15.45214 6.0993Q15.62995 6.19087 15.79184 6.07344L16.71672 5.40259Q16.87862 5.28516 17.02004 5.42658L18.57342 6.97996Q18.71484 7.12138 18.59741 7.28328L17.92656 8.20816Q17.80913 8.37005 17.9007 8.54786L18.237 9.20082Q18.32857 9.37862 18.38955 9.5691L18.61346 10.26861Q18.67443 10.45909 18.87195 10.49053L20.0003 10.67015Q20.19781 10.70159 20.19781 10.90159L20.19781 13.09841Q20.19781 13.29841 20.0003 13.32985L18.87195 13.50947Q18.67443 13.54091 18.61346 13.73139L18.38955 14.4309Q18.32857 14.62138 18.237 14.79918L17.9007 15.45214Q17.80913 15.62995 17.92656 15.79184L18.59741 16.71672Q18.71484 16.87862 18.57342 17.02004L17.02004 18.57342Q16.87862 18.71484 16.71672 18.59741L15.79184 17.92656Q15.62995 17.80913 15.45214 17.9007L14.79918 18.237Q14.62138 18.32857 14.4309 18.38955L13.73139 18.61346Q13.54091 18.67443 13.50947 18.87195L13.32985 20.0003Q13.29841 20.19781 13.09841 20.19781L10.90159 20.19781Q10.70159 20.19781 10.67015 20.0003L10.49053 18.87195Q10.45909 18.67443 10.26861 18.61346L9.5691 18.38955Q9.37862 18.32857 9.20082 18.237L8.54786 17.9007Q8.37005 17.80913 8.20816 17.92656L7.28328 18.59741Q7.12138 18.71484 6.97996 18.57342L5.42658 17.02004Q5.28516 16.87862 5.40259 16.71672L6.07344 15.79184Q6.19087 15.62995 6.0993 15.45214L5.763 14.79918Q5.67143 14.62138 5.61045 14.4309L5.38654 13.73139Q5.32557 13.54091 5.12805 13.50947L3.9997 13.32985Q3.80219 13.29841 3.80219 13.09841L3.80219 10.90159Q3.80219 10.70159 3.9997 10.67015L5.12805 10.49053Q5.32557 10.45909 5.38654 10.26861L5.61045 9.5691Q5.67143 9.37862 5.763 9.20082L6.0993 8.54786Q6.19087 8.37005 6.07344 8.20816L5.40259 7.28328Q5.28516 7.12138 5.42658 6.97996L6.97996 5.42658Q7.12138 5.28516 7.28328 5.40259L8.20816 6.07344Q8.37005 6.19087 8.54786 6.0993ZM12 8.45a3.55 3.55 0 1 1 0 7.1a3.55 3.55 0 1 1 0-7.1Z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".65" d="M10.98848 3.76187L13.01152 3.76187" opacity="0"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".5" d="M10.31432 2.90489L10.2232 2.41326M13.68568 2.90489L13.7768 2.41326" opacity="0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.20082 5.763Q9.37862 5.67143 9.5691 5.61045L10.26861 5.38654Q10.45909 5.32557 10.49053 5.12805L10.67015 3.9997Q10.70159 3.80219 10.90159 3.80219L13.09841 3.80219Q13.29841 3.80219 13.32985 3.9997L13.50947 5.12805Q13.54091 5.32557 13.73139 5.38654L14.4309 5.61045Q14.62138 5.67143 14.79918 5.763L15.45214 6.0993Q15.62995 6.19087 15.79184 6.07344L16.71672 5.40259Q16.87862 5.28516 17.02004 5.42658L18.57342 6.97996Q18.71484 7.12138 18.59741 7.28328L17.92656 8.20816Q17.80913 8.37005 17.9007 8.54786L18.237 9.20082Q18.32857 9.37862 18.38955 9.5691L18.61346 10.26861Q18.67443 10.45909 18.87195 10.49053L20.0003 10.67015Q20.19781 10.70159 20.19781 10.90159L20.19781 13.09841Q20.19781 13.29841 20.0003 13.32985L18.87195 13.50947Q18.67443 13.54091 18.61346 13.73139L18.38955 14.4309Q18.32857 14.62138 18.237 14.79918L17.9007 15.45214Q17.80913 15.62995 17.92656 15.79184L18.59741 16.71672Q18.71484 16.87862 18.57342 17.02004L17.02004 18.57342Q16.87862 18.71484 16.71672 18.59741L15.79184 17.92656Q15.62995 17.80913 15.45214 17.9007L14.79918 18.237Q14.62138 18.32857 14.4309 18.38955L13.73139 18.61346Q13.54091 18.67443 13.50947 18.87195L13.32985 20.0003Q13.29841 20.19781 13.09841 20.19781L10.90159 20.19781Q10.70159 20.19781 10.67015 20.0003L10.49053 18.87195Q10.45909 18.67443 10.26861 18.61346L9.5691 18.38955Q9.37862 18.32857 9.20082 18.237L8.54786 17.9007Q8.37005 17.80913 8.20816 17.92656L7.28328 18.59741Q7.12138 18.71484 6.97996 18.57342L5.42658 17.02004Q5.28516 16.87862 5.40259 16.71672L6.07344 15.79184Q6.19087 15.62995 6.0993 15.45214L5.763 14.79918Q5.67143 14.62138 5.61045 14.4309L5.38654 13.73139Q5.32557 13.54091 5.12805 13.50947L3.9997 13.32985Q3.80219 13.29841 3.80219 13.09841L3.80219 10.90159Q3.80219 10.70159 3.9997 10.67015L5.12805 10.49053Q5.32557 10.45909 5.38654 10.26861L5.61045 9.5691Q5.67143 9.37862 5.763 9.20082L6.0993 8.54786Q6.19087 8.37005 6.07344 8.20816L5.40259 7.28328Q5.28516 7.12138 5.42658 6.97996L6.97996 5.42658Q7.12138 5.28516 7.28328 5.40259L8.20816 6.07344Q8.37005 6.19087 8.54786 6.0993ZM12 8.45a3.55 3.55 0 1 1 0 7.1a3.55 3.55 0 1 1 0-7.1Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".65" d="M10.98848 3.76187L13.01152 3.76187" opacity="0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="M10.31432 2.90489L10.2232 2.41326M13.68568 2.90489L13.7768 2.41326" opacity="0"/></g></svg> </template>
CSS
.icon-settings-solid {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.20082%205.763Q9.37862%205.67143%209.5691%205.61045L10.26861%205.38654Q10.45909%205.32557%2010.49053%205.12805L10.67015%203.9997Q10.70159%203.80219%2010.90159%203.80219L13.09841%203.80219Q13.29841%203.80219%2013.32985%203.9997L13.50947%205.12805Q13.54091%205.32557%2013.73139%205.38654L14.4309%205.61045Q14.62138%205.67143%2014.79918%205.763L15.45214%206.0993Q15.62995%206.19087%2015.79184%206.07344L16.71672%205.40259Q16.87862%205.28516%2017.02004%205.42658L18.57342%206.97996Q18.71484%207.12138%2018.59741%207.28328L17.92656%208.20816Q17.80913%208.37005%2017.9007%208.54786L18.237%209.20082Q18.32857%209.37862%2018.38955%209.5691L18.61346%2010.26861Q18.67443%2010.45909%2018.87195%2010.49053L20.0003%2010.67015Q20.19781%2010.70159%2020.19781%2010.90159L20.19781%2013.09841Q20.19781%2013.29841%2020.0003%2013.32985L18.87195%2013.50947Q18.67443%2013.54091%2018.61346%2013.73139L18.38955%2014.4309Q18.32857%2014.62138%2018.237%2014.79918L17.9007%2015.45214Q17.80913%2015.62995%2017.92656%2015.79184L18.59741%2016.71672Q18.71484%2016.87862%2018.57342%2017.02004L17.02004%2018.57342Q16.87862%2018.71484%2016.71672%2018.59741L15.79184%2017.92656Q15.62995%2017.80913%2015.45214%2017.9007L14.79918%2018.237Q14.62138%2018.32857%2014.4309%2018.38955L13.73139%2018.61346Q13.54091%2018.67443%2013.50947%2018.87195L13.32985%2020.0003Q13.29841%2020.19781%2013.09841%2020.19781L10.90159%2020.19781Q10.70159%2020.19781%2010.67015%2020.0003L10.49053%2018.87195Q10.45909%2018.67443%2010.26861%2018.61346L9.5691%2018.38955Q9.37862%2018.32857%209.20082%2018.237L8.54786%2017.9007Q8.37005%2017.80913%208.20816%2017.92656L7.28328%2018.59741Q7.12138%2018.71484%206.97996%2018.57342L5.42658%2017.02004Q5.28516%2016.87862%205.40259%2016.71672L6.07344%2015.79184Q6.19087%2015.62995%206.0993%2015.45214L5.763%2014.79918Q5.67143%2014.62138%205.61045%2014.4309L5.38654%2013.73139Q5.32557%2013.54091%205.12805%2013.50947L3.9997%2013.32985Q3.80219%2013.29841%203.80219%2013.09841L3.80219%2010.90159Q3.80219%2010.70159%203.9997%2010.67015L5.12805%2010.49053Q5.32557%2010.45909%205.38654%2010.26861L5.61045%209.5691Q5.67143%209.37862%205.763%209.20082L6.0993%208.54786Q6.19087%208.37005%206.07344%208.20816L5.40259%207.28328Q5.28516%207.12138%205.42658%206.97996L6.97996%205.42658Q7.12138%205.28516%207.28328%205.40259L8.20816%206.07344Q8.37005%206.19087%208.54786%206.0993ZM12%208.45a3.55%203.55%200%201%201%200%207.1a3.55%203.55%200%201%201%200-7.1Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.65%22%20d%3D%22M10.98848%203.76187L13.01152%203.76187%22%20opacity%3D%220%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M10.31432%202.90489L10.2232%202.41326M13.68568%202.90489L13.7768%202.41326%22%20opacity%3D%220%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.20082%205.763Q9.37862%205.67143%209.5691%205.61045L10.26861%205.38654Q10.45909%205.32557%2010.49053%205.12805L10.67015%203.9997Q10.70159%203.80219%2010.90159%203.80219L13.09841%203.80219Q13.29841%203.80219%2013.32985%203.9997L13.50947%205.12805Q13.54091%205.32557%2013.73139%205.38654L14.4309%205.61045Q14.62138%205.67143%2014.79918%205.763L15.45214%206.0993Q15.62995%206.19087%2015.79184%206.07344L16.71672%205.40259Q16.87862%205.28516%2017.02004%205.42658L18.57342%206.97996Q18.71484%207.12138%2018.59741%207.28328L17.92656%208.20816Q17.80913%208.37005%2017.9007%208.54786L18.237%209.20082Q18.32857%209.37862%2018.38955%209.5691L18.61346%2010.26861Q18.67443%2010.45909%2018.87195%2010.49053L20.0003%2010.67015Q20.19781%2010.70159%2020.19781%2010.90159L20.19781%2013.09841Q20.19781%2013.29841%2020.0003%2013.32985L18.87195%2013.50947Q18.67443%2013.54091%2018.61346%2013.73139L18.38955%2014.4309Q18.32857%2014.62138%2018.237%2014.79918L17.9007%2015.45214Q17.80913%2015.62995%2017.92656%2015.79184L18.59741%2016.71672Q18.71484%2016.87862%2018.57342%2017.02004L17.02004%2018.57342Q16.87862%2018.71484%2016.71672%2018.59741L15.79184%2017.92656Q15.62995%2017.80913%2015.45214%2017.9007L14.79918%2018.237Q14.62138%2018.32857%2014.4309%2018.38955L13.73139%2018.61346Q13.54091%2018.67443%2013.50947%2018.87195L13.32985%2020.0003Q13.29841%2020.19781%2013.09841%2020.19781L10.90159%2020.19781Q10.70159%2020.19781%2010.67015%2020.0003L10.49053%2018.87195Q10.45909%2018.67443%2010.26861%2018.61346L9.5691%2018.38955Q9.37862%2018.32857%209.20082%2018.237L8.54786%2017.9007Q8.37005%2017.80913%208.20816%2017.92656L7.28328%2018.59741Q7.12138%2018.71484%206.97996%2018.57342L5.42658%2017.02004Q5.28516%2016.87862%205.40259%2016.71672L6.07344%2015.79184Q6.19087%2015.62995%206.0993%2015.45214L5.763%2014.79918Q5.67143%2014.62138%205.61045%2014.4309L5.38654%2013.73139Q5.32557%2013.54091%205.12805%2013.50947L3.9997%2013.32985Q3.80219%2013.29841%203.80219%2013.09841L3.80219%2010.90159Q3.80219%2010.70159%203.9997%2010.67015L5.12805%2010.49053Q5.32557%2010.45909%205.38654%2010.26861L5.61045%209.5691Q5.67143%209.37862%205.763%209.20082L6.0993%208.54786Q6.19087%208.37005%206.07344%208.20816L5.40259%207.28328Q5.28516%207.12138%205.42658%206.97996L6.97996%205.42658Q7.12138%205.28516%207.28328%205.40259L8.20816%206.07344Q8.37005%206.19087%208.54786%206.0993ZM12%208.45a3.55%203.55%200%201%201%200%207.1a3.55%203.55%200%201%201%200-7.1Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.65%22%20d%3D%22M10.98848%203.76187L13.01152%203.76187%22%20opacity%3D%220%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.5%22%20d%3D%22M10.31432%202.90489L10.2232%202.41326M13.68568%202.90489L13.7768%202.41326%22%20opacity%3D%220%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/dither/settings-solid.svg?color=%231a73e8&size=48