Add icons to this collection by clicking the heart icon.
Control icon - also known as interface, configuration, control, setting, ui, option, and filter. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="New_Gradient_Swatch_1"
gradientUnits="userSpaceOnUse"
x1="21"
x2="21"
y1="-2.123"
y2="62.392"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_1-2"
x1="32"
x2="32"
y1="-2.123"
y2="62.392"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-3"
x1="43"
x2="43"
y1="-2.123"
y2="62.392"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-5"
x1="53.454"
x2="53.454"
y1="-2.123"
y2="62.392"
href="#New_Gradient_Swatch_1"
/>
<linearGradient
id="New_Gradient_Swatch_1-6"
x1="14"
x2="14"
y1="-2.123"
y2="62.392"
href="#New_Gradient_Swatch_1"
/>
<g id="control-setting-sorting-management-config">
<path
d="m24 29.38v-8.38a3 3 0 0 0 -3-3 3.009 3.009 0 0 0 -3 3v8.38a3.932 3.932 0 0 0 0 5.24v8.38a3 3 0 0 0 6 0v-8.38a3.932 3.932 0 0 0 0-5.24zm-4-8.38a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69v7.14a3.641 3.641 0 0 0 -2 0zm2 22a1 1 0 0 1 -2 0v-7.14a3.641 3.641 0 0 0 2 0zm-1-9a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2z"
fill="url(#New_Gradient_Swatch_1)"
/>
<path
d="m35 23.38v-2.38a3 3 0 0 0 -3-3 3.009 3.009 0 0 0 -3 3v2.38a3.932 3.932 0 0 0 0 5.24v14.38a3 3 0 0 0 6 0v-14.38a3.932 3.932 0 0 0 0-5.24zm-4-2.38a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69v1.14a3.641 3.641 0 0 0 -2 0zm2 22a1 1 0 0 1 -2 0v-13.14a3.641 3.641 0 0 0 2 0zm-1-15a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2z"
fill="url(#New_Gradient_Swatch_1-2)"
/>
<path
d="m46 35.38v-14.38a3 3 0 0 0 -3-3 3.009 3.009 0 0 0 -3 3v14.38a3.932 3.932 0 0 0 0 5.24v2.38a3 3 0 0 0 6 0v-2.38a3.932 3.932 0 0 0 0-5.24zm-4-14.38a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69v13.14a3.641 3.641 0 0 0 -2 0zm2 22a1 1 0 0 1 -2 0v-1.14a3.641 3.641 0 0 0 2 0zm-1-3a2 2 0 1 1 2-2 2.006 2.006 0 0 1 -2 2z"
fill="url(#New_Gradient_Swatch_1-3)"
/>
<path
d="m56.307 14.413a1 1 0 1 0 -1.62 1.174 28.008 28.008 0 1 1 -4.342-4.741 1 1 0 0 0 1.31-1.51 29.968 29.968 0 1 0 4.652 5.077z"
fill="url(#New_Gradient_Swatch_1-2)"
/>
<path
d="m53.153 13.654a1 1 0 0 0 1.512-1.308q-.458-.529-.94-1.035a1 1 0 0 0 -1.45 1.378q.45.473.878.965z"
fill="url(#New_Gradient_Swatch_1-5)"
/>
<path
d="m14 47a1 1 0 0 0 -2 0 3 3 0 0 0 3 3 1 1 0 0 0 0-2 1 1 0 0 1 -1-1z"
fill="url(#New_Gradient_Swatch_1-6)"
/>
<path
d="m52 17v30a3.009 3.009 0 0 1 -3 3h-31a1 1 0 0 1 0-2h31a1 1 0 0 0 1-1v-30a1 1 0 0 0 -1-1h-34a1 1 0 0 0 -1 1v27a1 1 0 0 1 -2 0v-27a3.009 3.009 0 0 1 3-3h34a3.009 3.009 0 0 1 3 3z"
fill="url(#New_Gradient_Swatch_1-2)"
/>
</g>
</svg>
More icons in the same style and category