Add icons to this collection by clicking the heart icon.
Setting icon - also known as configuration, setting, ui, adjustment, option, and user interface. Created in a clean 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="46"
x2="72"
y1="42"
y2="42"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="28"
x2="36"
y1="42"
y2="42"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="64"
x2="72"
y1="58"
y2="58"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="28"
x2="54"
y1="58"
y2="58"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f7d6e0" />
<stop offset="1" stop-color="#f2b5d4" />
</linearGradient>
<linearGradient
id="i"
x1="36.172"
x2="45.828"
y1="37.172"
y2="46.828"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="54.172"
x2="63.828"
y1="53.172"
y2="62.828"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="38.794"
x2="61.206"
y1="30.794"
y2="53.206"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="38.794"
x2="61.206"
y1="46.794"
y2="69.206"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#k)"
d="M71 41H48v-1c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v1h-5c-.55 0-1 .45-1 1s.45 1 1 1h5v1c0 2.76 2.24 5 5 5h4c2.76 0 5-2.24 5-5v-1h23c.55 0 1-.45 1-1s-.45-1-1-1zm-25 3c0 1.65-1.35 3-3 3h-4c-1.65 0-3-1.35-3-3v-4c0-1.65 1.35-3 3-3h4c1.65 0 3 1.35 3 3z"
/>
<path
fill="url(#l)"
d="M71 57h-5v-1c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v1H29c-.55 0-1 .45-1 1s.45 1 1 1h23v1c0 2.76 2.24 5 5 5h4c2.76 0 5-2.24 5-5v-1h5c.55 0 1-.45 1-1s-.45-1-1-1zm-7 3c0 1.65-1.35 3-3 3h-4c-1.65 0-3-1.35-3-3v-4c0-1.65 1.35-3 3-3h4c1.65 0 3 1.35 3 3z"
/>
</svg>
More icons in the same style and category