Add icons to this collection by clicking the heart icon.
Controls icon - also known as interface, music, controls, settings, adjustment, levels, adjust, and music and multimedia. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67a2f9" />
<stop offset="1" stop-color="#567ee2" />
</linearGradient>
<linearGradient
id="d"
x1="89.6"
x2="422.4"
y1="236.5"
y2="236.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e3eff3" />
<stop offset="1" stop-color="#c6e2e7" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="e"
x1="158.175"
x2="353.825"
y1="284.925"
y2="480.575"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="104.875"
x2="212.125"
y1="182.875"
y2="290.125"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fdc20c" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient
id="g"
x1="129.25"
x2="187.75"
y1="256"
y2="314.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="163.375"
x2="270.625"
y1="182.875"
y2="290.125"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="241.375"
x2="348.625"
y1="182.875"
y2="290.125"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="299.875"
x2="407.125"
y1="182.875"
y2="290.125"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="324.25"
x2="382.75"
y1="256"
y2="314.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="265.75"
x2="324.25"
y1="158.5"
y2="217"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="187.75"
x2="246.25"
y1="158.5"
y2="217"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#d)"
d="M422.398 100v253.5L398.805 373H109.75l-20.148-19.5V100zm0 0"
/>
<path fill="url(#e)" d="M89.602 353.5h332.796V412H89.602zm0 0" />
<path fill="url(#f)" d="M148.75 139h19.5v195h-19.5zm0 0" />
<path fill="url(#g)" d="M129.25 256v58.5h58.5V256zm0 0" />
<path fill="url(#h)" d="M207.25 139h19.5v195h-19.5zm0 0" />
<path fill="url(#i)" d="M285.25 139h19.5v195h-19.5zm0 0" />
<path fill="url(#j)" d="M343.75 139h19.5v195h-19.5zm0 0" />
<path fill="url(#k)" d="M324.25 256v58.5h58.5V256zm0 0" />
<path fill="url(#l)" d="M265.75 158.5V217h58.5v-58.5zm0 0" />
<path fill="url(#m)" d="M187.75 158.5V217h58.5v-58.5zm0 0" />
</svg>
More icons in the same style and category