Add icons to this collection by clicking the heart icon.
Midi icon - also known as interface, controller, controls, settings, adjustment, levels, adjust, midi, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#008a4c" stop-opacity=".8" />
<stop offset=".035" stop-color="#0f924a" stop-opacity=".772" />
<stop offset=".171" stop-color="#42af44" stop-opacity=".663" />
<stop offset=".31" stop-color="#6fc73f" stop-opacity=".552" />
<stop offset=".448" stop-color="#93db3b" stop-opacity=".442" />
<stop offset=".586" stop-color="#afeb37" stop-opacity=".331" />
<stop offset=".724" stop-color="#c3f635" stop-opacity=".221" />
<stop offset=".862" stop-color="#cffd33" stop-opacity=".111" />
<stop offset="1" stop-color="#d3ff33" stop-opacity="0" />
</radialGradient>
<linearGradient
id="e"
x1="-483.695"
x2="804.619"
y1="892.191"
y2="-396.123"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00aa45" />
<stop offset=".5" stop-color="#d3ff33" />
<stop offset="1" stop-color="#f9fcca" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ddff59" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="-659.143"
x2="435.325"
y1="1312.487"
y2="218.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="26.203"
x2="672.533"
y1="523.069"
y2="-123.261"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#006946" />
<stop offset=".251" stop-color="#008547" />
<stop offset=".342" stop-color="#128f45" />
<stop offset=".524" stop-color="#41aa41" />
<stop offset=".779" stop-color="#8cd63a" />
<stop offset="1" stop-color="#d3ff33" />
</linearGradient>
<linearGradient
id="h"
x1="-1327.252"
x2="782.841"
y1="1725.354"
y2="-384.74"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-794.992"
x2="476.367"
y1="1459.218"
y2="187.859"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-862.848"
x2="580.393"
y1="1412.518"
y2="-30.722"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="121.853"
x2="579.682"
y1="497.513"
y2="39.683"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="367.709"
x2="545.153"
y1="242.619"
y2="65.174"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="315.531"
x2="577.257"
y1="304.015"
y2="42.289"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="13.636"
x2="473.079"
y1="498.364"
y2="38.921"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-14.646"
x2="500.652"
y1="544.468"
y2="29.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-123.264"
x2="398.312"
y1="548.413"
y2="26.837"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="57.564"
x2="318.263"
y1="536.266"
y2="275.567"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="-42.344"
x2="215.93"
y1="531.342"
y2="273.069"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="260.148"
x2="438.482"
y1="242.549"
y2="64.215"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="207.821"
x2="470.474"
y1="304.185"
y2="41.532"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="-60.414"
x2="397.567"
y1="470.162"
y2="12.181"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="157.688"
x2="335.946"
y1="242.595"
y2="64.337"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="108.405"
x2="370.219"
y1="301.183"
y2="39.369"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M512 256c0 141.385-114.615 256-256 256S0 397.385 0 256 114.615 0 256 0s256 114.615 256 256z"
/>
<path
fill="url(#d)"
d="M512 256c0 141.385-114.615 256-256 256S0 397.385 0 256 114.615 0 256 0s256 114.615 256 256z"
/>
<path
fill="url(#e)"
d="M98.5 160.175c-20.62.441-39.25 17.655-40.589 38.326a926.624 926.624 0 0 0 0 115c1.34 20.672 19.969 37.885 40.589 38.326 40.833.803 81.667 1.294 122.5 1.473a5408.606 5408.606 0 0 1 0-194.597 7979.65 7979.65 0 0 0-122.5 1.472z"
/>
<path
fill="url(#f)"
d="M413.5 160.175a8004.258 8004.258 0 0 0-47.5-.794 1698.553 1698.553 0 0 1 0 193.239c15.833-.218 31.667-.482 47.5-.794 20.619-.441 39.25-17.655 40.589-38.326a926.624 926.624 0 0 0 0-115c-1.339-20.671-19.97-37.885-40.589-38.325z"
/>
<path
fill="url(#g)"
d="M397.861 321.788a1321.337 1321.337 0 0 0 0-131.575c-.873-16.751-15.348-30.589-31.861-30.832a8000.808 8000.808 0 0 0-145-.679c-16.516.078-30.436 13.926-30.864 30.854a2902.991 2902.991 0 0 0 0 132.889c.428 16.928 14.348 30.776 30.864 30.854 48.333.211 96.667-.015 145-.679 16.513-.243 30.99-14.081 31.861-30.832z"
/>
<path
fill="url(#h)"
d="M96.406 190.435c-4.195.057-7.8 3.486-8.02 7.657a1110.233 1110.233 0 0 0 0 115.817c.219 4.17 3.825 7.599 8.02 7.657 31.243.415 62.487.708 93.73.88 14.488-22.066 29.575-44.242 44.743-66.444-15.168-22.202-30.256-44.379-44.743-66.444-31.244.169-62.487.462-93.73.877z"
/>
<path
fill="url(#i)"
d="M415.594 190.435c-5.911-.078-11.822-.153-17.733-.223-16.64 21.72-34.236 43.688-52.174 65.787 17.938 22.099 35.534 44.068 52.174 65.787 5.911-.07 11.822-.144 17.733-.223 4.194-.057 7.8-3.486 8.02-7.657a1110.233 1110.233 0 0 0 0-115.817c-.219-4.167-3.825-7.597-8.02-7.654z"
/>
<path
fill="url(#j)"
d="M190.136 189.556a2902.991 2902.991 0 0 0 0 132.889c69.242.38 138.484.161 207.726-.657a1321.337 1321.337 0 0 0 0-131.575 12006.551 12006.551 0 0 0-207.726-.657z"
/>
<path
fill="url(#k)"
d="M363.269 220.379c-19.726-.108-35.499 15.859-35.519 35.621.02 19.762 15.793 35.729 35.519 35.621 19.713-.115 36.224-16.081 36.231-35.621-.008-19.54-16.518-35.507-36.231-35.621z"
/>
<path
fill="url(#l)"
d="M363.509 235.645a20.224 20.224 0 0 0-14.142 5.654c-3.831 3.707 2.949 19.805 14.251 19.79 11.344-.018 18.088-16.035 14.145-19.734a20.785 20.785 0 0 0-14.254-5.71z"
/>
<path
fill="url(#m)"
d="M377.756 241.361c-2.466-2.331-6.511-.618-6.487 2.742.029 4.032.043 8.065.043 12.098h-15.375c0-4.041-.012-8.081-.037-12.122-.022-3.366-4.104-5.101-6.528-2.773A20.302 20.302 0 0 0 343.124 256c.005 11.274 9.077 20.391 20.384 20.355 11.302-.037 20.616-9.154 20.616-20.355.002-5.749-2.453-10.937-6.368-14.639z"
/>
<path
fill="url(#n)"
d="M256 220.125c-19.72.003-35.861 16.084-35.875 35.875.014 19.792 16.155 35.872 35.875 35.875 19.719-.003 35.861-16.084 35.875-35.875-.014-19.791-16.155-35.872-35.875-35.875z"
/>
<path
fill="url(#o)"
d="M309.449 204.841c-8.428-.03-15.193 6.832-15.139 15.317.058 8.485 6.959 15.369 15.444 15.379 8.484.009 15.315-6.842 15.204-15.306-.112-8.465-7.083-15.36-15.509-15.39z"
/>
<path
fill="url(#p)"
d="M205.096 204.832c-8.426.029-15.391 6.924-15.501 15.39-.108 8.466 6.726 15.32 15.21 15.311 8.485-.009 15.385-6.894 15.438-15.38.051-8.485-6.719-15.349-15.147-15.321z"
/>
<path
fill="url(#q)"
d="M309.754 276.464c-4.242.006-7.696 3.446-7.724 7.687-.027 4.241 3.373 7.671 7.604 7.661 4.23-.01 7.701-3.454 7.74-7.689.038-4.236-3.377-7.664-7.62-7.659z"
/>
<path
fill="url(#r)"
d="M204.805 276.467c-4.241-.005-7.66 3.425-7.622 7.661.037 4.236 3.506 7.68 7.737 7.69s7.633-3.422 7.607-7.663-3.48-7.683-7.722-7.688z"
/>
<path
fill="url(#s)"
d="M256 235.5a20.428 20.428 0 0 0-14.198 5.722c-3.886 3.73 2.875 19.902 14.198 19.903 11.323-.001 18.085-16.173 14.198-19.903A20.425 20.425 0 0 0 256 235.5z"
/>
<path
fill="url(#t)"
d="M270.192 241.229c-2.444-2.346-6.508-.61-6.507 2.777.002 4.065.003 8.131.003 12.196h-15.375c0-4.065.001-8.131.003-12.196.001-3.388-4.063-5.123-6.507-2.777-3.884 3.727-6.309 8.965-6.308 14.771.002 11.318 9.196 20.5 20.5 20.5 11.304-.001 20.498-9.182 20.5-20.5-.001-5.806-2.425-11.044-6.309-14.771z"
/>
<path
fill="url(#u)"
d="M153.839 220.355c-19.714.109-36.206 16.087-36.214 35.645.008 19.558 16.501 35.536 36.214 35.645 19.725.102 35.516-15.875 35.536-35.645-.019-19.77-15.81-35.747-35.536-35.645z"
/>
<path
fill="url(#v)"
d="M153.611 235.632a20.762 20.762 0 0 0-14.251 5.712c-3.94 3.703 2.805 19.732 14.148 19.749 11.304.014 18.082-16.092 14.249-19.801a20.23 20.23 0 0 0-14.146-5.66z"
/>
<path
fill="url(#w)"
d="M167.749 241.298c-2.425-2.33-6.506-.594-6.527 2.774-.024 4.043-.036 8.086-.035 12.13h-15.375c0-4.035.013-8.071.041-12.106.023-3.363-4.023-5.076-6.487-2.745C135.452 245.054 133 250.246 133 256c.001 11.211 9.308 20.333 20.611 20.368 11.307.034 20.385-9.089 20.389-20.368 0-5.783-2.396-11-6.251-14.702z"
/>
</svg>
More icons in the same style and category