Add icons to this collection by clicking the heart icon.
Mp3 Player icon - also known as music, mp3 player, device, and music and multimedia. Created in a clean circular style with a white, black, 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="512"
    height="512"
    viewBox="0 0 512 512"
>
    <pattern
        id="a"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1483.241"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#fed480" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="b"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1483.241"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#f59977" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <pattern
        id="c"
        width="24.91"
        height="24.92"
        x="1232.5"
        y="1483.241"
        patternUnits="userSpaceOnUse"
        viewBox="0 -24.92 24.91 24.92"
    >
        <path fill="none" d="M0-24.92h24.91V0H0z" />
        <path fill="#021938" d="M0-24.92h24.91V0H0z" />
    </pattern>
    <linearGradient
        id="d"
        x1="256"
        x2="256"
        y1="511"
        y2="1"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cadfef" />
        <stop offset="1" stop-color="#eff4f9" />
    </linearGradient>
    <pattern id="e" patternTransform="translate(8.677 81.92)" href="#a" />
    <pattern id="f" patternTransform="translate(8.677 81.92)" href="#a" />
    <pattern
        id="g"
        patternTransform="matrix(1.045 2.09 -2.09 1.045 -21273.281 21996.832)"
        href="#b"
    />
    <pattern
        id="h"
        patternTransform="matrix(.589 0 0 .589 -4286.34 -4200.921)"
        href="#b"
    />
    <pattern
        id="i"
        patternTransform="rotate(-45 -7822.544 -16220.554) scale(1.332)"
        href="#c"
    />
    <pattern
        id="j"
        patternTransform="rotate(-45 -7822.544 -16220.554) scale(1.332)"
        href="#c"
    />
    <pattern
        id="k"
        patternTransform="rotate(-45 -7822.544 -16220.554) scale(1.332)"
        href="#c"
    />
    <pattern
        id="l"
        patternTransform="rotate(-45 -7822.544 -16220.554) scale(1.332)"
        href="#c"
    />
    <pattern
        id="m"
        patternTransform="rotate(-45 -7822.544 -16220.554) scale(1.332)"
        href="#c"
    />
    <path
        fill="url(#d)"
        d="M510.978 256c0 140.818-114.182 255-255 255S1.022 396.818 1.022 256 115.16 1 255.978 1s255 114.182 255 255z"
    />
    <path
        fill="url(#e)"
        d="M296.103 184.023c-1.506 6.026-5.208 13.314-9.346 18.191-.911 1.074-2.641.303-2.456-1.093 3.796-28.63-10.444-41.852-21.691-44.754a1.565 1.565 0 0 0-1.962 1.511v55.771c0 8.842-10.337 15.976-23.152 15.976s-23.195-7.134-23.195-15.976c0-8.799 10.38-15.934 23.195-15.934 2.337 0 4.621.242 6.766.683.855.176 1.649-.504 1.649-1.377v-68.83c0-1.292 1.569-1.867 2.451-.923 17.162 18.365 57.858 16.25 47.741 56.755z"
    />
    <path
        fill="url(#f)"
        d="M367.182 103.088v305.879c0 12.545-10.196 22.684-22.74 22.684H167.557c-12.602 0-22.74-10.139-22.74-22.684V103.088c0-12.544 10.139-22.74 22.74-22.74h176.884c12.545 0 22.741 10.196 22.741 22.74z"
    />
    <path
        fill="url(#g)"
        d="M320.526 340.996c0 35.629-28.87 64.498-64.498 64.498s-64.556-28.87-64.556-64.498 28.927-64.556 64.556-64.556 64.498 28.927 64.498 64.556z"
    />
    <path
        fill="#fff"
        d="M341.405 119.299v117.826c0 7.275-5.9 13.175-13.175 13.175H183.768c-7.275 0-13.175-5.9-13.175-13.175V119.299c0-7.275 5.9-13.175 13.175-13.175H328.23c7.275 0 13.175 5.9 13.175 13.175z"
    />
    <path
        fill="url(#h)"
        d="M296.103 184.023c-1.506 6.026-5.208 13.314-9.346 18.191-.911 1.074-2.641.303-2.456-1.093 3.796-28.63-10.444-41.852-21.691-44.754a1.565 1.565 0 0 0-1.962 1.511v55.771c0 8.842-10.337 15.976-23.152 15.976s-23.195-7.134-23.195-15.976c0-8.799 10.38-15.934 23.195-15.934 2.337 0 4.621.242 6.766.683.855.176 1.649-.504 1.649-1.377v-68.83c0-1.292 1.569-1.867 2.451-.923 17.162 18.365 57.858 16.25 47.741 56.755z"
    />
    <path
        fill="#fff"
        d="m279.379 345.639-31.74 21.429c-3.786 2.578-8.862-.161-8.862-4.672v-42.859c0-4.512 5.076-7.25 8.862-4.673l31.74 21.43c3.304 2.256 3.304 7.089 0 9.345z"
    />
    <path
        fill="url(#i)"
        d="M237.496 233.875c15.366 0 27.401-8.884 27.401-20.227v-51.939c8.295 3.918 18.324 15.231 15.189 38.853-.745 5.643 6.307 8.674 9.91 4.405 4.524-5.331 8.541-13.147 10.228-19.912 11.017-44.125-32.776-43.585-48.757-60.687-3.526-3.768-9.805-1.299-9.805 3.824v65.501a38.89 38.89 0 0 0-4.167-.227c-15.388 0-27.443 8.864-27.443 20.183.002 11.342 12.056 20.226 27.444 20.226zm0-31.911c1.992 0 3.981.202 5.904.595 3.514.719 6.762-1.98 6.762-5.539v-62.444c19.877 15.192 50.269 14.57 41.819 48.42-.6 2.404-1.588 5.019-2.814 7.564-.763-34.641-32.769-46.445-32.769-32.683v55.771c0 6.358-8.657 11.728-18.902 11.728-10.267 0-18.944-5.37-18.944-11.728.001-6.333 8.677-11.684 18.944-11.684z"
    />
    <path
        fill="url(#j)"
        d="M344.44 435.901c14.882 0 26.992-12.082 26.992-26.934v-305.88c0-14.882-12.11-26.989-26.992-26.989H167.557c-14.882 0-26.989 12.107-26.989 26.989v305.88c0 14.852 12.107 26.934 26.989 26.934zm-195.373-26.933v-305.88c0-10.195 8.295-18.49 18.49-18.49H344.44c10.198 0 18.493 8.295 18.493 18.49v305.88c0 10.165-8.295 18.434-18.493 18.434H167.557c-10.195 0-18.49-8.27-18.49-18.434z"
    />
    <path
        fill="url(#k)"
        d="M183.767 254.55H328.23c9.609 0 17.425-7.816 17.425-17.425V119.301c0-9.609-7.816-17.425-17.425-17.425H183.767c-9.609 0-17.425 7.816-17.425 17.425v117.825c.001 9.608 7.816 17.424 17.425 17.424zm-8.925-135.249c0-4.922 4.003-8.925 8.925-8.925H328.23c4.922 0 8.925 4.003 8.925 8.925v117.825c0 4.922-4.003 8.925-8.925 8.925H183.767c-4.922 0-8.925-4.003-8.925-8.925z"
    />
    <path
        fill="url(#l)"
        d="M256.028 272.191c-37.94 0-68.805 30.865-68.805 68.805 0 37.906 30.865 68.747 68.805 68.747 37.906 0 68.747-30.84 68.747-68.747-.001-37.94-30.841-68.805-68.747-68.805zm0 129.052c-33.253 0-60.306-27.028-60.306-60.247 0-33.253 27.053-60.306 60.306-60.306 33.22 0 60.247 27.053 60.247 60.306 0 33.219-27.028 60.247-60.247 60.247z"
    />
    <path
        fill="url(#m)"
        d="m281.758 332.773-31.728-21.422a9.895 9.895 0 0 0-10.217-.57 9.89 9.89 0 0 0-5.284 8.757v42.859a9.885 9.885 0 0 0 5.287 8.759 9.881 9.881 0 0 0 10.204-.564l31.739-21.431.017-.011a9.914 9.914 0 0 0 4.333-8.181 9.93 9.93 0 0 0-4.351-8.196zm-4.767 9.349-31.745 21.436c-.584.401-1.118.263-1.458.083-.285-.149-.761-.512-.761-1.245v-42.859c0-.733.476-1.093.758-1.242.18-.094.407-.177.67-.177.243 0 .517.072.805.268l31.723 21.42c.542.371.625.885.625 1.162 0 .271-.083.786-.617 1.154z"
    />
</svg>
More icons in the same style and category