Add icons to this collection by clicking the heart icon.
Cassette icon - also known as audio, tape, radio antenna, music player, electronics, radios, cassette, radio cassette, music and multimedia, and casette. Created in a clean flat style with a white, silver, gray, orange, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-29.206-46.08-24.539-105.913 6.531-158.72-53.363-24.271-110.517-38.158-135.036-43.453-6.418-1.391-12.465 3.482-12.496 10.044C-149.696-36.005-71.556 105.49 82.59 57.309 47.955 48.563 18.554 29.278 0 0"
transform="translate(204.496 -86.883)"
fill="#df8a57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-319.356c0-28.443-23.066-51.509-51.509-51.509h-136.952c-119.562 43.381-171.958 156.948-171.958 270.701 0 54.857 33.197 126.949 67.044 151.673h241.866C-23.066 51.509 0 28.443 0 0"
transform="translate(512 415.678)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-272.03c-28.443 0-51.509 23.066-51.509 51.509v319.356c0 28.443 23.066 51.509 51.509 51.509h167.116c-23.055-45.163-36.138-96.816-36.138-151.673C-141.052 156.948-84.815 57.021 0 0"
transform="translate(323.539 44.813)"
fill="#ffebce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.957 8.071-18.028 18.028-18.028 9.957 0 18.028 8.071 18.028 18.028 0 9.957-8.071 18.028-18.028 18.028C8.071 18.028 0 9.957 0 0"
transform="translate(439.887 407.952)"
fill="#97aabb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.957 8.071-18.028 18.028-18.028 9.957 0 18.028 8.071 18.028 18.028 0 9.957-8.071 18.028-18.028 18.028C8.071 18.028 0 9.957 0 0"
transform="translate(36.056 407.952)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.957 8.071-18.028 18.028-18.028 9.957 0 18.028 8.071 18.028 18.028 0 9.957-8.071 18.028-18.028 18.028C8.071 18.028 0 9.957 0 0"
transform="translate(439.887 104.048)"
fill="#97aabb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.957 8.071-18.028 18.028-18.028 9.957 0 18.028 8.071 18.028 18.028 0 9.957-8.071 18.028-18.028 18.028C8.071 18.028 0 9.957 0 0"
transform="translate(36.056 104.048)"
fill="#8697a6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-113.32c0-17.07-13.835-30.905-30.905-30.905h-200.34c-22.717 16.949-43.154 78.397-43.154 121.324 0 18.337 9.127 36.786 24.879 53.806h218.615C-13.835 30.905 0 17.07 0 0"
transform="translate(436.282 338.414)"
fill="#ff8f71"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-98.413c-17.07 0-30.906 13.835-30.906 30.905v113.32c0 17.071 13.836 30.906 30.906 30.906h80.138a338.767 338.767 0 0 1-4.276-53.807C-22.551 78.397-14.536 37.427 0 0"
transform="translate(205.037 194.19)"
fill="#ff7f5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M369.32 317.811H163.284v-72.113H369.32Z"
fill="#77899b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.687-1.02-11.126-2.895-16.163 0 0-16.614 6.436-18.747 2.737-2.143-3.698 11-16.12 11-16.12-6.933-8.385-16.781-14.288-27.99-16.163 0 0-3.461 16.163-7.726 16.163-4.265 0-7.727-16.163-7.727-16.163-11.208 1.875-21.056 7.778-27.989 16.163 0 0 13.792 11.506 11.649 15.204-2.133 3.699-19.396-1.821-19.396-1.821A46.208 46.208 0 0 0-92.716 0c0 5.687 1.02 11.126 2.895 16.163 0 0 17.974-5.046 19.396-2.563 2.143 3.698-11.649 15.946-11.649 15.946 6.933 8.385 16.781 14.288 27.989 16.163 0 0 3.462-17.909 7.727-17.909 4.265 0 7.726 17.909 7.726 17.909 11.209-1.875 21.057-7.778 27.99-16.163 0 0-14.517-12.477-12.374-16.175 1.432-2.483 20.121 2.792 20.121 2.792A46.208 46.208 0 0 0 0 0"
transform="translate(395.074 281.755)"
fill="#fad989"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-14.804a45.539 45.539 0 0 0-7.726-.649c-2.638 0-5.213.217-7.727.649V0a7.73 7.73 0 0 0 7.727 7.726A7.729 7.729 0 0 0 0 0"
transform="translate(356.443 250.85)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-14.804a7.729 7.729 0 0 0-7.726-7.726 7.73 7.73 0 0 0-7.727 7.726V0a45.44 45.44 0 0 0 7.727.649C-5.089.649-2.514.433 0 0"
transform="translate(356.443 327.464)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.422-2.483-4.028-3.863-6.696-3.863-1.309 0-2.638.33-3.853 1.03l-12.836 7.407a46.231 46.231 0 0 0 7.747 13.382l12.815-7.397C.876 8.417 2.143 3.698 0 0"
transform="translate(328.638 293.344)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a46.231 46.231 0 0 0-7.747-13.382l-12.815 7.397c-3.699 2.142-4.966 6.861-2.823 10.559a7.72 7.72 0 0 0 10.549 2.833z"
transform="translate(392.18 265.591)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.836-7.407a7.703 7.703 0 0 0-3.853-1.03 7.713 7.713 0 0 0-6.696 3.863c-2.143 3.699-.876 8.417 2.823 10.559l12.815 7.397A46.231 46.231 0 0 0 0 0"
transform="translate(392.18 297.918)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.815-7.397a46.222 46.222 0 0 0-7.747 13.382l12.836 7.407a7.718 7.718 0 0 0 10.549-2.833C4.966 6.861 3.698 2.143 0 0"
transform="translate(325.815 259.606)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.687-1.02-11.126-2.895-16.163 0 0-16.614 6.436-18.747 2.737-2.143-3.698 11-16.12 11-16.12-6.933-8.385-16.781-14.288-27.99-16.163 0 0-3.461 16.163-7.726 16.163-4.265 0-7.727-16.163-7.727-16.163-11.208 1.875-21.056 7.778-27.989 16.163 0 0 13.792 11.506 11.649 15.204-2.133 3.699-19.396-1.821-19.396-1.821A46.208 46.208 0 0 0-92.716 0c0 5.687 1.02 11.126 2.895 16.163 0 0 17.974-5.046 19.396-2.563 2.143 3.698-11.649 15.946-11.649 15.946 6.933 8.385 16.781 14.288 27.989 16.163 0 0 3.462-17.909 7.727-17.909 4.265 0 7.726 17.909 7.726 17.909 11.209-1.875 21.057-7.778 27.99-16.163 0 0-14.517-12.477-12.374-16.175 1.432-2.483 20.121 2.792 20.121 2.792A46.208 46.208 0 0 0 0 0"
transform="translate(209.642 281.755)"
fill="#fad989"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-14.804a45.539 45.539 0 0 0-7.726-.649c-2.638 0-5.213.217-7.727.649V0a7.73 7.73 0 0 0 7.727 7.726A7.729 7.729 0 0 0 0 0"
transform="translate(171.01 250.85)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-14.804a7.729 7.729 0 0 0-7.726-7.726 7.73 7.73 0 0 0-7.727 7.726V0a45.44 45.44 0 0 0 7.727.649C-5.089.649-2.514.433 0 0"
transform="translate(171.01 327.464)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.422-2.483-4.028-3.863-6.696-3.863-1.309 0-2.638.33-3.853 1.03l-12.836 7.407a46.231 46.231 0 0 0 7.747 13.382l12.815-7.397C.876 8.417 2.143 3.698 0 0"
transform="translate(143.206 293.344)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a46.231 46.231 0 0 0-7.747-13.382l-12.815 7.397c-3.699 2.142-4.966 6.861-2.823 10.559a7.72 7.72 0 0 0 10.549 2.833z"
transform="translate(206.747 265.591)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.836-7.407a7.703 7.703 0 0 0-3.853-1.03 7.713 7.713 0 0 0-6.696 3.863c-2.143 3.699-.876 8.417 2.823 10.559l12.815 7.397A46.231 46.231 0 0 0 0 0"
transform="translate(206.747 297.918)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.815-7.397a46.222 46.222 0 0 0-7.747 13.382l12.836 7.407a7.718 7.718 0 0 0 10.549-2.833C4.966 6.861 3.698 2.143 0 0"
transform="translate(140.383 259.606)"
fill="#fff4e5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-76.687c-82.332 17.718-126.94 59.235-96.157 103.018h118.461c19.645 0 36.551-13.866 40.403-33.13z"
transform="translate(400.225 44.813)"
fill="#fad989"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-211.764l13.98 69.888c3.852 19.264 20.758 33.13 40.403 33.13h61.224C-71.948 61.491-38.992 26.208 0 0"
transform="translate(323.539 44.813)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.029-13.379-13.672-24.195-30.473-24.158-16.8.037-30.396 10.912-30.367 24.291.029 13.379 13.673 24.195 30.473 24.159C-13.566 24.255.029 13.379 0 0"
transform="translate(203.977 88.194)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.029-13.379 13.566-24.255 30.367-24.291 16.8-.037 30.444 10.779 30.473 24.158.029 13.379-13.567 24.255-30.367 24.291C13.672 24.195.029 13.379 0 0"
transform="translate(308.023 87.967)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.726 7.726 0 0 0-7.726 7.726v12.363a7.726 7.726 0 1 0 15.452 0V7.726A7.726 7.726 0 0 0 0 0"
transform="translate(191.577 98.579)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.725 7.725 0 0 0-7.726 7.726v12.363A7.725 7.725 0 0 0 0 27.815a7.725 7.725 0 0 0 7.726-7.726V7.726A7.725 7.725 0 0 0 0 0"
transform="translate(320.245 98.579)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.472 0-22.618 10.146-22.618 22.618a7.727 7.727 0 1 0 15.453 0A7.173 7.173 0 0 1 0 15.453a7.173 7.173 0 0 1 7.165 7.165 7.728 7.728 0 0 0 15.453 0C22.618 10.146 12.472 0 0 0"
transform="translate(241.207 76.316)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.472 0-22.619 10.146-22.619 22.618a7.728 7.728 0 0 0 15.453 0c0-3.951 3.214-7.165 7.166-7.165a7.173 7.173 0 0 1 7.165 7.165 7.727 7.727 0 1 0 15.453 0C22.618 10.146 12.472 0 0 0"
transform="translate(270.99 76.316)"
fill="#666667"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category