Add icons to this collection by clicking the heart icon.
Cassette Player icon - also known as technology, interface, tape, recorder, music player, communications, cassette, cassette player, and music and multimedia. Created in a clean lineal color 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M469.333 128H362.667v-21.333C362.667 83.135 343.521 64 320 64H192c-23.521 0-42.667 19.135-42.667 42.667v21.874C66.082 134.069 0 203.371 0 288c0 88.229 71.771 160 160 160h309.333C492.854 448 512 428.865 512 405.333V170.667C512 147.135 492.854 128 469.333 128zm-128 0H170.667v-21.333c0-11.76 9.563-21.333 21.333-21.333h128c11.771 0 21.333 9.573 21.333 21.333V128z"
fill="#303c42"
/>
<path
d="M490.667 405.333c0 11.76-9.563 21.333-21.333 21.333H160c-76.458 0-138.667-62.208-138.667-138.667S83.542 149.333 160 149.333h309.333c11.771 0 21.333 9.573 21.333 21.333v234.667z"
fill="#ffca28"
/>
<circle cx="160" cy="288" r="117.333" fill="#303c42" />
<circle cx="160" cy="288" r="96" fill="#303c42" />
<circle cx="160" cy="288" r="32" fill="#303c42" />
<circle cx="160" cy="288" r="10.667" fill="#303c42" />
<linearGradient
id="a"
x1="-39.129"
x2="-28.887"
y1="632.866"
y2="622.624"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m255.02 219.259-.082.068c14.023 19.332 22.396 43.016 22.396 68.673 0 64.701-52.632 117.333-117.333 117.333-31.309 0-59.72-12.398-80.781-32.451l50.298 50.298c9.824 2.215 20 3.486 30.483 3.486h302.427L255.02 219.259z"
fill="url(#a)"
/>
<path
d="M458.667 234.667H309.333a10.66 10.66 0 0 0-10.667 10.667V352a10.66 10.66 0 0 0 10.667 10.667h149.333A10.66 10.66 0 0 0 469.333 352V245.333a10.66 10.66 0 0 0-10.666-10.666z"
fill="#303c42"
/>
<path d="M320 256h128v85.333H320z" fill="#fff8e1" />
<path d="M330.667 266.667H448V256H320v85.333h10.667z" opacity=".1" />
<path
d="M330.667 384h-21.333a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h21.333a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 330.667 384zM394.667 384h-21.333a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h21.333a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 394.667 384zM458.667 384h-21.333a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h21.333a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 458.667 384zM458.667 170.667H288a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 288 192.001h170.667a10.66 10.66 0 0 0 10.667-10.667 10.662 10.662 0 0 0-10.667-10.667z"
fill="#303c42"
/>
<circle cx="160" cy="288" r="117.333" fill="#303c42" />
<circle cx="160" cy="288" r="96" opacity=".1" />
<circle cx="160" cy="288" r="96" fill="#546e7a" />
<radialGradient
id="b"
cx="-39.203"
cy="632.984"
r="4.5"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity="0" />
<stop offset="1" stop-color="#000" stop-opacity=".2" />
</radialGradient>
<circle cx="160" cy="288" r="96" fill="url(#b)" />
<circle cx="160" cy="288" r="42.667" fill="#303c42" />
<linearGradient
id="c"
x1="-27.703"
x2="-27.427"
y1="632.484"
y2="632.484"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<path d="M405.333 256h5.888v85.333h-5.888z" fill="url(#c)" />
<linearGradient
id="d"
x1="-27.427"
x2="-26.979"
y1="632.484"
y2="632.484"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dc5959" />
<stop offset=".5" stop-color="#d32f2f" />
<stop offset=".654" stop-color="#d43333" />
<stop offset=".811" stop-color="#d63f3f" />
<stop offset=".967" stop-color="#db5353" />
<stop offset="1" stop-color="#dc5959" />
</linearGradient>
<path d="M411.221 256h9.536v85.333h-9.536z" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.979"
x2="-26.703"
y1="632.484"
y2="632.484"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e6e6e6" />
</linearGradient>
<path d="M420.779 256h5.888v85.333h-5.888z" fill="url(#e)" />
<radialGradient
id="f"
cx="-39.203"
cy="632.984"
r="2"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".05" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<circle cx="160" cy="288" r="42.667" fill="url(#f)" />
<linearGradient
id="g"
x1="-44.813"
x2="-22.188"
y1="638.697"
y2="628.146"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 128H362.667v-21.333C362.667 83.135 343.521 64 320 64H192c-23.521 0-42.667 19.135-42.667 42.667v21.874C66.082 134.069 0 203.371 0 288c0 88.229 71.771 160 160 160h309.333C492.854 448 512 428.865 512 405.333V170.667C512 147.135 492.854 128 469.333 128zm-128 0H170.667v-21.333c0-11.76 9.563-21.333 21.333-21.333h128c11.771 0 21.333 9.573 21.333 21.333V128z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category