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 outline 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="30.515"
x2="69.485"
y1="30.515"
y2="69.485"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f7d6e0" />
<stop offset="1" stop-color="#f2b5d4" />
</linearGradient>
<linearGradient
id="f"
x1="57"
x2="59"
y1="58.5"
y2="58.5"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="g"
x1="57"
x2="59"
y1="36.5"
y2="36.5"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="41"
x2="43"
y1="63.5"
y2="63.5"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="41"
x2="43"
y1="41.5"
y2="41.5"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="37.586"
x2="46.414"
y1="50.586"
y2="59.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="53.586"
x2="62.414"
y1="40.586"
y2="49.414"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="29.811"
x2="70.189"
y1="29.811"
y2="70.189"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="48.794"
x2="67.206"
y1="40.794"
y2="59.206"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="32.794"
x2="51.206"
y1="40.794"
y2="59.206"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#e)"
d="M27 61V39c0-6.627 5.373-12 12-12h22c6.627 0 12 5.373 12 12v22c0 6.627-5.373 12-12 12H39c-6.627 0-12-5.373-12-12z"
/>
<path
fill="url(#f)"
d="M58 68a1 1 0 0 1-1-1V50a1 1 0 1 1 2 0v17a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M58 41a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M42 68a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M42 51a1 1 0 0 1-1-1V33a1 1 0 1 1 2 0v17a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M37 58v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z"
/>
<path
fill="url(#k)"
d="M53 48v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2z"
/>
<path
d="M61 74H39c-7.168 0-13-5.832-13-13V39c0-7.168 5.832-13 13-13h22c7.168 0 13 5.832 13 13v22c0 7.168-5.832 13-13 13zM39 28c-6.065 0-11 4.935-11 11v22c0 6.065 4.935 11 11 11h22c6.065 0 11-4.935 11-11V39c0-6.065-4.935-11-11-11z"
/>
<path
d="M61 51h-6c-1.654 0-3-1.346-3-3v-6c0-1.654 1.346-3 3-3h6c1.654 0 3 1.346 3 3v6c0 1.654-1.346 3-3 3zm-6-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zM45 61h-6c-1.654 0-3-1.346-3-3v-6c0-1.654 1.346-3 3-3h6c1.654 0 3 1.346 3 3v6c0 1.654-1.346 3-3 3zm-6-10a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
/>
<path
d="M58 68a1 1 0 0 1-1-1V50a1 1 0 1 1 2 0v17a1 1 0 0 1-1 1zM58 40a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zM42 68a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zM42 51a1 1 0 0 1-1-1V33a1 1 0 1 1 2 0v17a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category