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, 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="material_x5F_system_x5F_icon_x5F_keylines"
viewBox="-.0886 -99.9994 100.0882 100.0884"
>
<g opacity=".4">
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m49.911 0v-99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m99.911-49.911h-99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m99.842-33.911h-99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m99.842-65.911h-99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m65.911-99.822v99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m33.911-99.842v99.911"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m99.911.001-99.911-99.912"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m0 .001 99.911-99.912"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m49.9567-28.8099c-11.6775 0-21.1453-9.4666-21.1453-21.145 0-11.6775 9.4678-21.1453 21.1453-21.1453 11.6773 0 21.145 9.4678 21.145 21.1453.0001 11.6784-9.4677 21.145-21.145 21.145z"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m49.9114-8.9556c-22.6475 0-40.9777-18.3321-40.9777-40.9777 0-22.6458 18.3302-40.9777 40.9777-40.9777 22.6456 0 40.9777 18.3319 40.9777 40.9777 0 22.6456-18.3321 40.9777-40.9777 40.9777z"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m78.6892-12.911h-57.5556c-4.5448 0-8.2222-3.6816-8.2222-8.2222v-57.5556c0-4.5408 3.6774-8.2222 8.2222-8.2222h57.5556c4.5446 0 8.2222 3.6814 8.2222 8.2222v57.5556c0 4.5406-3.6776 8.2222-8.2222 8.2222z"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m82.7112-16.911h-65.5998c-4.5285 0-8.2-3.694-8.2-8.25v-49.5c0-4.556 3.6715-8.25 8.2-8.25h65.5998c4.5284 0 8.2002 3.6946 8.2002 8.2506l-.0002 49.4994c0 4.556-3.6716 8.25-8.2 8.25z"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<path
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
d="m82.9114-82.711v65.6c0 4.5285-3.694 8.2-8.25 8.2h-49.5c-4.556 0-8.25-3.6715-8.25-8.2v-65.6c0-4.5284 3.694-8.2 8.25-8.2h49.5c4.556 0 8.25 3.6717 8.25 8.2z"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width=".25"
/>
<g
clip-path="url(#SVGID_00000146491639169602165610000000487507691050710683_)"
>
<path
d="m99.6606-.2501v-99.4109h-99.4108v99.4109h99.4108m.25.25h-99.9108v-99.9109h99.9109v99.9109z"
/>
</g>
</g>
</symbol>
<clipPath id="SVGID_00000146491639169602165610000000487507691050710683_">
<path id="SVGID_1_" d="m0-99.911h99.911v99.911h-99.911z" />
</clipPath>
<linearGradient id="lg1">
<stop offset="0" stop-color="#b2f7ef" />
<stop offset="1" stop-color="#7bdff2" />
</linearGradient>
<linearGradient
id="SVGID_00000025412998027101826360000009761091675238471077_"
gradientUnits="userSpaceOnUse"
x1="30.515"
x2="69.485"
y1="30.515"
y2="69.485"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#f7d6e0" />
<stop offset="1" stop-color="#f2b5d4" />
</linearGradient>
<linearGradient
id="SVGID_00000071524263829907383100000004592203699495760547_"
gradientUnits="userSpaceOnUse"
x1="57"
x2="59"
y1="58.5"
y2="58.5"
href="#lg2"
/>
<linearGradient
id="SVGID_00000096781599041153778510000008303241339048664236_"
gradientUnits="userSpaceOnUse"
x1="57"
x2="59"
y1="36.5"
y2="36.5"
href="#lg2"
/>
<linearGradient
id="SVGID_00000130635050434522353820000002416799236648947615_"
gradientUnits="userSpaceOnUse"
x1="41"
x2="43"
y1="63.5"
y2="63.5"
href="#lg2"
/>
<linearGradient
id="SVGID_00000050658965436656857560000016766687061669889951_"
gradientUnits="userSpaceOnUse"
x1="41"
x2="43"
y1="41.5"
y2="41.5"
href="#lg2"
/>
<linearGradient
id="SVGID_00000083776174588759585310000005905910139458474916_"
gradientUnits="userSpaceOnUse"
x1="37.586"
x2="46.414"
y1="50.586"
y2="59.414"
href="#lg2"
/>
<linearGradient
id="SVGID_00000161589227501166352650000011891952975993494913_"
gradientUnits="userSpaceOnUse"
x1="53.586"
x2="62.414"
y1="40.586"
y2="49.414"
href="#lg2"
/>
<linearGradient
id="SVGID_00000014625001122791362490000008818573061684825263_"
gradientUnits="userSpaceOnUse"
x1="29.811"
x2="70.189"
y1="29.811"
y2="70.189"
href="#lg1"
/>
<linearGradient
id="SVGID_00000042011716521420059680000007663912897685830539_"
gradientUnits="userSpaceOnUse"
x1="48.794"
x2="67.206"
y1="40.794"
y2="59.206"
href="#lg1"
/>
<linearGradient
id="SVGID_00000110431724546846694140000009677100044438516609_"
gradientUnits="userSpaceOnUse"
x1="32.794"
x2="51.206"
y1="40.794"
y2="59.206"
href="#lg1"
/>
<g id="keylines" display="none">
<g display="inline">
<circle
cx="50.001"
cy="50.001"
fill="none"
r="36.999"
stroke="#999"
stroke-miterlimit="10"
stroke-width=".1"
/>
<circle
cx="50.001"
cy="50.001"
fill="none"
r="28.999"
stroke="#999"
stroke-miterlimit="10"
stroke-width=".1"
/>
<use
id="XMLID_00000150799573830960653040000001372432041717617569_"
height="100.088"
transform="matrix(.999 0 0 -.999 .089 .089)"
width="100.088"
x="-.089"
y="-99.999"
href="#material_x5F_system_x5F_icon_x5F_keylines"
/>
</g>
</g>
<g id="Border" display="none">
<path
d="m71.4062 91.4062h-42.8124c-11.0457 0-20-8.9543-20-20v-42.8124c0-11.0457 8.9543-20 20-20h42.8125c11.0457 0 20 8.9543 20 20v42.8125c-.0001 11.0456-8.9544 19.9999-20.0001 19.9999z"
display="inline"
fill="none"
stroke="#000"
stroke-miterlimit="10"
stroke-width="2"
/>
</g>
<g id="Backup" display="none">
<g
id="Flat_00000168808061621989568950000007372564341061792408_"
display="inline"
>
<path
d="m27 61v-22c0-6.6274 5.3726-12 12-12h22c6.6274 0 12 5.3726 12 12v22c0 6.6274-5.3726 12-12 12h-22c-6.6274 0-12-5.3726-12-12z"
fill="url(#SVGID_00000025412998027101826360000009761091675238471077_)"
/>
<g>
<path
d="m58 68c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000071524263829907383100000004592203699495760547_)"
/>
</g>
<g>
<path
d="m58 41c-.5527 0-1-.4473-1-1v-7c0-.5527.4473-1 1-1s1 .4473 1 1v7c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000096781599041153778510000008303241339048664236_)"
/>
</g>
<g>
<path
d="m42 68c-.5527 0-1-.4473-1-1v-7c0-.5527.4473-1 1-1s1 .4473 1 1v7c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000130635050434522353820000002416799236648947615_)"
/>
</g>
<g>
<path
d="m42 51c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000050658965436656857560000016766687061669889951_)"
/>
</g>
<path
d="m37 58v-6c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v6c0 1.1046-.8954 2-2 2h-6c-1.1046 0-2-.8954-2-2z"
fill="url(#SVGID_00000083776174588759585310000005905910139458474916_)"
/>
<path
d="m53 48v-6c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v6c0 1.1046-.8954 2-2 2h-6c-1.1046 0-2-.8954-2-2z"
fill="url(#SVGID_00000161589227501166352650000011891952975993494913_)"
/>
</g>
<g
id="Lineal_00000115476451537252823960000007799731503878806152_"
display="inline"
fill="none"
stroke="#231f20"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
>
<path
d="m27 61v-22c0-6.6274 5.3726-12 12-12h22c6.6274 0 12 5.3726 12 12v22c0 6.6274-5.3726 12-12 12h-22c-6.6274 0-12-5.3726-12-12z"
/>
<path
d="m53 47v-4c0-1.6569 1.3431-3 3-3h4c1.6569 0 3 1.3431 3 3v4c0 1.6569-1.3431 3-3 3h-4c-1.6569 0-3-1.3431-3-3z"
/>
<path
d="m37 56v-2c0-2.2091 1.7909-4 4-4h2c2.2091 0 4 1.7909 4 4v2c0 2.2091-1.7909 4-4 4h-2c-2.2091 0-4-1.7909-4-4z"
/>
<path d="m58 67v-17" />
<path d="m58 39v-6" />
<path d="m42 67v-6" />
<path d="m42 50v-17" />
</g>
</g>
<g id="Flat">
<g>
<path
d="m27 61v-22c0-6.6274 5.3726-12 12-12h22c6.6274 0 12 5.3726 12 12v22c0 6.6274-5.3726 12-12 12h-22c-6.6274 0-12-5.3726-12-12z"
fill="url(#SVGID_00000025412998027101826360000009761091675238471077_)"
/>
<g>
<path
d="m58 68c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000071524263829907383100000004592203699495760547_)"
/>
</g>
<g>
<path
d="m58 41c-.5527 0-1-.4473-1-1v-7c0-.5527.4473-1 1-1s1 .4473 1 1v7c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000096781599041153778510000008303241339048664236_)"
/>
</g>
<g>
<path
d="m42 68c-.5527 0-1-.4473-1-1v-7c0-.5527.4473-1 1-1s1 .4473 1 1v7c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000130635050434522353820000002416799236648947615_)"
/>
</g>
<g>
<path
d="m42 51c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
fill="url(#SVGID_00000050658965436656857560000016766687061669889951_)"
/>
</g>
<path
d="m37 58v-6c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v6c0 1.1046-.8954 2-2 2h-6c-1.1046 0-2-.8954-2-2z"
fill="url(#SVGID_00000083776174588759585310000005905910139458474916_)"
/>
<path
d="m53 48v-6c0-1.1046.8954-2 2-2h6c1.1046 0 2 .8954 2 2v6c0 1.1046-.8954 2-2 2h-6c-1.1046 0-2-.8954-2-2z"
fill="url(#SVGID_00000161589227501166352650000011891952975993494913_)"
/>
</g>
</g>
<g id="Lineal_Gradient" display="none">
<path
d="m61 26h-22c-7.17 0-13 5.83-13 13v22c0 7.17 5.83 13 13 13h22c7.17 0 13-5.83 13-13v-22c0-7.17-5.83-13-13-13zm11 35c0 6.07-4.93 11-11 11h-22c-6.07 0-11-4.93-11-11v-22c0-6.07 4.93-11 11-11h22c6.07 0 11 4.93 11 11z"
display="inline"
fill="url(#SVGID_00000014625001122791362490000008818573061684825263_)"
/>
<path
d="m61 39h-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v6h-2c-1.65 0-3 1.35-3 3v6c0 1.65 1.35 3 3 3h2v16c0 .55.45 1 1 1s1-.45 1-1v-16h2c1.65 0 3-1.35 3-3v-6c0-1.65-1.35-3-3-3zm1 9c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1v-6c0-.55.45-1 1-1h6c.55 0 1 .45 1 1z"
display="inline"
fill="url(#SVGID_00000042011716521420059680000007663912897685830539_)"
/>
<path
d="m45 49h-2v-16c0-.55-.45-1-1-1s-1 .45-1 1v16h-2c-1.65 0-3 1.35-3 3v6c0 1.65 1.35 3 3 3h2v6c0 .55.45 1 1 1s1-.45 1-1v-6h2c1.65 0 3-1.35 3-3v-6c0-1.65-1.35-3-3-3zm1 9c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1v-6c0-.55.45-1 1-1h6c.55 0 1 .45 1 1z"
display="inline"
fill="url(#SVGID_00000110431724546846694140000009677100044438516609_)"
/>
</g>
<g id="Lineal" display="none">
<path
d="m61 74h-22c-7.168 0-13-5.832-13-13v-22c0-7.168 5.832-13 13-13h22c7.168 0 13 5.832 13 13v22c0 7.168-5.832 13-13 13zm-22-46c-6.0654 0-11 4.9346-11 11v22c0 6.0654 4.9346 11 11 11h22c6.0654 0 11-4.9346 11-11v-22c0-6.0654-4.9346-11-11-11z"
display="inline"
/>
<path
d="m61 51h-6c-1.6543 0-3-1.3457-3-3v-6c0-1.6543 1.3457-3 3-3h6c1.6543 0 3 1.3457 3 3v6c0 1.6543-1.3457 3-3 3zm-6-10c-.5518 0-1 .4482-1 1v6c0 .5518.4482 1 1 1h6c.5518 0 1-.4482 1-1v-6c0-.5518-.4482-1-1-1z"
display="inline"
/>
<path
d="m45 61h-6c-1.6543 0-3-1.3457-3-3v-6c0-1.6543 1.3457-3 3-3h6c1.6543 0 3 1.3457 3 3v6c0 1.6543-1.3457 3-3 3zm-6-10c-.5518 0-1 .4482-1 1v6c0 .5518.4482 1 1 1h6c.5518 0 1-.4482 1-1v-6c0-.5518-.4482-1-1-1z"
display="inline"
/>
<path
d="m58 68c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
display="inline"
/>
<path
d="m58 40c-.5527 0-1-.4473-1-1v-6c0-.5527.4473-1 1-1s1 .4473 1 1v6c0 .5527-.4473 1-1 1z"
display="inline"
/>
<path
d="m42 68c-.5527 0-1-.4473-1-1v-6c0-.5527.4473-1 1-1s1 .4473 1 1v6c0 .5527-.4473 1-1 1z"
display="inline"
/>
<path
d="m42 51c-.5527 0-1-.4473-1-1v-17c0-.5527.4473-1 1-1s1 .4473 1 1v17c0 .5527-.4473 1-1 1z"
display="inline"
/>
</g>
<g id="Glyph" display="none">
<path
d="m61 28h-22c-6.07 0-11 4.93-11 11v22c0 6.07 4.93 11 11 11h22c6.07 0 11-4.93 11-11v-22c0-6.07-4.93-11-11-11zm-13 30c0 1.65-1.35 3-3 3h-2v6c0 .55-.45 1-1 1s-1-.45-1-1v-6h-2c-1.65 0-3-1.35-3-3v-6c0-1.65 1.35-3 3-3h2v-16c0-.55.45-1 1-1s1 .45 1 1v16h2c1.65 0 3 1.35 3 3zm16-10c0 1.65-1.35 3-3 3h-2v16c0 .55-.45 1-1 1s-1-.45-1-1v-16h-2c-1.65 0-3-1.35-3-3v-6c0-1.65 1.35-3 3-3h2v-6c0-.55.45-1 1-1s1 .45 1 1v6h2c1.65 0 3 1.35 3 3z"
display="inline"
/>
<path
d="m62 42v6c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1v-6c0-.55.45-1 1-1h6c.55 0 1 .45 1 1z"
display="inline"
/>
<path
d="m46 52v6c0 .55-.45 1-1 1h-6c-.55 0-1-.45-1-1v-6c0-.55.45-1 1-1h6c.55 0 1 .45 1 1z"
display="inline"
/>
</g>
</svg>
More icons in the same style and category