The Standard Icon Set

Audio

Midi Port icon

A circle with five small dots in an arc and a notch line at the bottom. Use for MIDI ports, music gear connections, or DIN connectors.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.17 8C14.17 8.81 14.01 9.613 13.7 10.361C13.39 11.11 12.936 11.79 12.363 12.363C11.79 12.936 11.11 13.39 10.361 13.7C9.613 14.01 8.81 14.17 8 14.17C7.19 14.17 6.387 14.01 5.639 13.7C4.89 13.39 4.21 12.936 3.637 12.363C3.064 11.79 2.61 11.11 2.3 10.361C1.99 9.613 1.83 8.81 1.83 8C1.83 7.19 1.99 6.387 2.3 5.639C2.61 4.89 3.064 4.21 3.637 3.637C4.21 3.064 4.89 2.61 5.639 2.3C6.387 1.99 7.19 1.83 8 1.83C8.81 1.83 9.613 1.99 10.361 2.3C11.11 2.61 11.79 3.064 12.363 3.637C12.936 4.21 13.39 4.89 13.7 5.639C14.01 6.387 14.17 7.19 14.17 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><circle cx="4.694" cy="8" r="0.661071" fill="currentColor"/><circle cx="5.686" cy="5.686" r="0.661071" fill="currentColor"/><circle cx="8.001" cy="4.695" r="0.661071" fill="currentColor"/><circle cx="10.313" cy="5.686" r="0.661071" fill="currentColor"/><circle cx="11.306" cy="8" r="0.661071" fill="currentColor"/><path d="M8 11.03V14.17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.