Add icons to this collection by clicking the heart icon.
Control icon - also known as interface, control, controls, settings, ui, adjustment, levels, and adjust. 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="656"
height="656"
viewBox="0 0 492 492"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-29.282"
x2="511.893"
y1="12.514"
y2="467.59"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-59.073"
x2="482.102"
y1="47.939"
y2="503.014"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-128.7"
x2="412.468"
y1="130.742"
y2="585.818"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-10.601"
x2="530.574"
y1="-9.701"
y2="445.374"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-80.228"
x2="460.939"
y1="73.103"
y2="528.178"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="37.868"
x2="579.044"
y1="-67.347"
y2="387.737"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-31.76"
x2="509.415"
y1="15.46"
y2="470.543"
gradientTransform="matrix(1 0 0 -1 0 490)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M246 0C110.137 0 0 110.137 0 246s110.137 246 246 246 246-110.137 246-246C491.848 110.203 381.797.152 246 0zm0 475.602C119.195 475.602 16.398 372.805 16.398 246S119.195 16.398 246 16.398 475.602 119.195 475.602 246C475.453 372.746 372.746 475.453 246 475.602zm0 0"
/>
<path
fill="url(#c)"
d="M401.8 106.602H180.399a8.198 8.198 0 0 0-8.199 8.199v65.597a8.201 8.201 0 0 0 8.2 8.204H401.8c4.527 0 8.199-3.672 8.199-8.204v-65.597c0-4.531-3.672-8.2-8.2-8.2zM188.603 123H205v49.2h-16.398zm32.796 49.2V123h172.204v49.2zm0 0"
/>
<path
fill="url(#d)"
d="M123 106.602c-22.645 0-41 18.355-41 41 0 22.64 18.355 41 41 41s41-18.36 41-41c-.027-22.633-18.367-40.973-41-41zm0 65.597c-13.586 0-24.602-11.012-24.602-24.597C98.398 134.016 109.414 123 123 123s24.602 11.016 24.602 24.602c0 13.585-11.016 24.597-24.602 24.597zm0 0"
/>
<path
fill="url(#e)"
d="M401.8 205H180.399a8.2 8.2 0 0 0-8.199 8.2v65.6a8.2 8.2 0 0 0 8.2 8.2H401.8a8.2 8.2 0 0 0 8.199-8.2v-65.6a8.2 8.2 0 0 0-8.2-8.2zm-213.198 16.398h73.796v49.204h-73.796zm90.199 49.204v-49.204h114.8v49.204zm0 0"
/>
<path
fill="url(#f)"
d="M123 205c-22.645 0-41 18.355-41 41s18.355 41 41 41 41-18.355 41-41c-.027-22.633-18.367-40.973-41-41zm0 65.602c-13.586 0-24.602-11.016-24.602-24.602s11.016-24.602 24.602-24.602 24.602 11.016 24.602 24.602-11.016 24.602-24.602 24.602zm0 0"
/>
<path
fill="url(#g)"
d="M401.8 303.398H180.399a8.201 8.201 0 0 0-8.199 8.204v65.597c0 4.531 3.672 8.2 8.2 8.2H401.8c4.527 0 8.199-3.669 8.199-8.2v-65.597a8.201 8.201 0 0 0-8.2-8.204zm-213.198 16.403h32.796V369h-32.796zM237.8 369v-49.2h155.8V369zm0 0"
/>
<path
fill="url(#h)"
d="M123 303.398c-22.645 0-41 18.36-41 41 0 22.645 18.355 41 41 41s41-18.355 41-41c-.027-22.628-18.367-40.972-41-41zM123 369c-13.586 0-24.602-11.016-24.602-24.602s11.016-24.597 24.602-24.597 24.602 11.011 24.602 24.597C147.602 357.984 136.586 369 123 369zm0 0"
/>
</svg>
More icons in the same style and category