Add icons to this collection by clicking the heart icon.
Settings icon - also known as gear, settings, browser, options, and seo and web. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="7"
x2="7"
y1="59.207"
y2="1.744"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="11" x2="11" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="c" x1="15" x2="15" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="e" x1="19" x2="19" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="f" x1="23" x2="23" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="g" x1="28" x2="28" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="h" x1="43" x2="43" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="i" x1="13" x2="13" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="j" x1="10" x2="10" y1="59.207" y2="1.744" href="#a" />
<linearGradient id="k" x1="46" x2="46" y1="59.207" y2="1.744" href="#a" />
<linearGradient
id="l"
x1="20.222"
x2="20.222"
y1="59.207"
y2="1.744"
gradientTransform="rotate(45 20.23 39.221)"
href="#a"
/>
<linearGradient id="m" x1="17" x2="17" y1="59.207" y2="1.744" href="#a" />
<linearGradient
id="n"
x1="20.222"
x2="20.222"
y1="59.207"
y2="1.744"
gradientTransform="rotate(45 20.234 54.779)"
href="#a"
/>
<linearGradient
id="o"
x1="35.778"
x2="35.778"
y1="59.207"
y2="1.744"
gradientTransform="rotate(45 35.791 54.775)"
href="#a"
/>
<linearGradient id="p" x1="39" x2="39" y1="59.207" y2="1.744" href="#a" />
<linearGradient
id="q"
x1="35.778"
x2="35.778"
y1="59.207"
y2="1.744"
gradientTransform="rotate(45 35.788 39.218)"
href="#a"
/>
<g>
<path fill="url(#a)" d="M6 17h2v2H6z" />
<path fill="url(#b)" d="M10 17h2v2h-2z" />
<path fill="url(#c)" d="M14 17h2v2h-2z" />
<path
fill="url(#d)"
d="M59 2H13a3 3 0 0 0-3 3v9H5a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3h8v-2H5a1 1 0 0 1-1-1V22h48v31a1 1 0 0 1-1 1h-8v2h8a3 3 0 0 0 3-3v-9h5a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3zM4 20v-3a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v3zm56 21a1 1 0 0 1-1 1h-5V17a3 3 0 0 0-3-3H12v-4h48zM12 8V5a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v3z"
/>
<path fill="url(#c)" d="M14 5h2v2h-2z" />
<path fill="url(#e)" d="M18 5h2v2h-2z" />
<path fill="url(#f)" d="M22 5h2v2h-2z" />
<g fill="url(#g)">
<path
d="M43 44a1 1 0 0 0-1-1h-3.753a11.751 11.751 0 0 0-.174-.419l2.654-2.654a1 1 0 0 0 0-1.414l-4.24-4.24a1 1 0 0 0-1.414 0l-2.654 2.654a13.958 13.958 0 0 0-.419-.174V33a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3.753c-.144.057-.283.115-.419.174l-2.654-2.654a1.029 1.029 0 0 0-1.414 0l-4.24 4.24a1 1 0 0 0 0 1.414l2.654 2.654c-.06.136-.117.275-.174.419H14a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3.753c.057.144.114.283.174.418l-2.654 2.655a1 1 0 0 0 0 1.414l4.24 4.24a1 1 0 0 0 1.414 0l2.654-2.654c.136.059.275.117.419.174V61a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3.753c.144-.057.283-.115.419-.174l2.654 2.654a1.029 1.029 0 0 0 1.414 0l4.24-4.24a1 1 0 0 0 0-1.414l-2.654-2.655c.06-.135.117-.274.174-.418H42a1 1 0 0 0 1-1zm-2 5h-3.46a1 1 0 0 0-.952.694 8.225 8.225 0 0 1-.605 1.446 1 1 0 0 0 .17 1.187L38.6 54.78l-2.82 2.826-2.453-2.453a1 1 0 0 0-1.188-.17 8.112 8.112 0 0 1-1.446.605 1 1 0 0 0-.693.952V60h-4v-3.46a1 1 0 0 0-.693-.952 8.112 8.112 0 0 1-1.446-.605 1 1 0 0 0-1.188.17l-2.453 2.453-2.82-2.826 2.452-2.453a1 1 0 0 0 .17-1.187 8.225 8.225 0 0 1-.605-1.446A1 1 0 0 0 18.46 49H15v-4h3.46a1 1 0 0 0 .952-.694 8.225 8.225 0 0 1 .605-1.446 1 1 0 0 0-.17-1.187L17.4 39.22l2.825-2.826 2.453 2.453a1 1 0 0 0 1.188.17 8.112 8.112 0 0 1 1.446-.605A1 1 0 0 0 26 37.46V34h4v3.46a1 1 0 0 0 .693.952 8.112 8.112 0 0 1 1.446.605 1 1 0 0 0 1.188-.17l2.453-2.453 2.82 2.826-2.452 2.453a1 1 0 0 0-.17 1.187 8.225 8.225 0 0 1 .605 1.446 1 1 0 0 0 .957.694H41z"
/>
<path
d="M28 42a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM16 24h24v2H16z"
/>
</g>
<path fill="url(#h)" d="M42 24h2v2h-2z" />
<path fill="url(#g)" d="M16 28h24v2H16z" />
<path fill="url(#h)" d="M42 28h2v2h-2z" />
<path fill="url(#i)" d="M12 24h2v2h-2zM12 28h2v2h-2z" />
<path fill="url(#j)" d="M14 36v-2H6v18h5v-2H8V36z" />
<path fill="url(#k)" d="M42 36h6v14h-3v2h5V34h-8z" />
<path fill="url(#g)" d="M27 35h2v2h-2z" />
<path
fill="url(#l)"
d="M19.222 38.222h2v2h-2z"
transform="rotate(-45 20.217 39.228)"
/>
<path fill="url(#m)" d="M16 46h2v2h-2z" />
<path
fill="url(#n)"
d="M19.222 53.778h2v2h-2z"
transform="rotate(-45 20.213 54.786)"
/>
<path fill="url(#g)" d="M27 57h2v2h-2z" />
<path
fill="url(#o)"
d="M34.778 53.778h2v2h-2z"
transform="rotate(-45 35.77 54.789)"
/>
<path fill="url(#p)" d="M38 46h2v2h-2z" />
<path
fill="url(#q)"
d="M34.778 38.222h2v2h-2z"
transform="rotate(-45 35.774 39.232)"
/>
</g>
</svg>
More icons in the same style and category