Add icons to this collection by clicking the heart icon.
Setting icon - also known as web design, setting, ui, mobile app, ui design, user interface, and settings-sliders. Created in a clean flat gradient style with a gray and black finish, 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 100 100"
>
<symbol id="d" viewBox="-0.089 -99.999 100.088 100.088">
<g opacity=".4">
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911 0v-99.911M99.911-49.911H0M99.842-33.911H-.069M99.842-65.911H-.069M65.911-99.822V.089M33.911-99.842V.069M99.911.001 0-99.911M0 .001l99.911-99.912M49.957-28.81c-11.678 0-21.146-9.466-21.146-21.145 0-11.677 9.468-21.145 21.146-21.145 11.677 0 21.145 9.468 21.145 21.145 0 11.678-9.468 21.145-21.145 21.145z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M49.911-8.956c-22.647 0-40.977-18.332-40.977-40.977 0-22.646 18.33-40.978 40.977-40.978 22.646 0 40.978 18.332 40.978 40.978 0 22.645-18.332 40.977-40.978 40.977z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M78.69-12.911H21.133a8.22 8.22 0 0 1-8.223-8.222V-78.69a8.22 8.22 0 0 1 8.223-8.222h57.555a8.22 8.22 0 0 1 8.222 8.222v57.556a8.22 8.22 0 0 1-8.222 8.222z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.711-16.911h-65.6c-4.528 0-8.2-3.694-8.2-8.25v-49.5c0-4.556 3.672-8.25 8.2-8.25h65.6c4.529 0 8.2 3.695 8.2 8.25v49.5c0 4.556-3.671 8.25-8.2 8.25z"
clip-path="url(#a)"
/>
<path
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
d="M82.911-82.711v65.6c0 4.528-3.694 8.2-8.25 8.2h-49.5c-4.556 0-8.25-3.672-8.25-8.2v-65.6c0-4.528 3.694-8.2 8.25-8.2h49.5c4.556 0 8.25 3.672 8.25 8.2z"
clip-path="url(#a)"
/>
<g clip-path="url(#a)">
<path
d="M99.66-.25v-99.411H.25v99.41h99.41m.25.25H0v-99.91h99.91v99.91z"
/>
</g>
</g>
</symbol>
<clipPath id="a"><path d="M0-99.911h99.911V0H0z" /></clipPath>
<linearGradient id="b">
<stop offset="0" stop-color="#b2f7ef" />
<stop offset="1" stop-color="#7bdff2" />
</linearGradient>
<linearGradient
id="e"
x1="54"
x2="67"
y1="63"
y2="63"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="58"
x2="67"
y1="50"
y2="50"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="33"
x2="47"
y1="63"
y2="63"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="33"
x2="50"
y1="50"
y2="50"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f7d6e0" />
<stop offset="1" stop-color="#f2b5d4" />
</linearGradient>
<linearGradient
id="i"
x1="48.879"
x2="55.121"
y1="59.879"
y2="66.121"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="54"
x2="67"
y1="37"
y2="37"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="33"
x2="47"
y1="37"
y2="37"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="48.879"
x2="55.121"
y1="33.879"
y2="40.121"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="52.879"
x2="59.121"
y1="46.879"
y2="53.121"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="36.293"
x2="43.707"
y1="59.293"
y2="66.707"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="37.043"
x2="45.957"
y1="45.543"
y2="54.457"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="50.11"
x2="61.645"
y1="57.233"
y2="68.768"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="36.293"
x2="43.707"
y1="33.293"
y2="40.707"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="50.11"
x2="61.645"
y1="31.233"
y2="42.768"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="53.11"
x2="62.645"
y1="45.233"
y2="54.768"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path fill="url(#e)" d="M66 64H55a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#f)" d="M66 51h-7a1 1 0 1 1 0-2h7a1 1 0 1 1 0 2z" />
<path fill="url(#g)" d="M46 64H34a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#h)" d="M49 51H34a1 1 0 1 1 0-2h15a1 1 0 1 1 0 2z" />
<path fill="url(#i)" d="M55 61v4a3 3 0 1 1-6 0v-4a3 3 0 1 1 6 0z" />
<path fill="url(#j)" d="M66 38H55a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#k)" d="M46 38H34a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#l)" d="M55 35v4a3 3 0 1 1-6 0v-4a3 3 0 1 1 6 0z" />
<path fill="url(#m)" d="M59 48v4a3 3 0 1 1-6 0v-4a3 3 0 1 1 6 0z" />
</svg>
More icons in the same style and category