Add icons to this collection by clicking the heart icon.
Music And Multimedia icon - also known as interface, cd, music player, music notes, 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="640"
    height="640"
    viewBox="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#2dced9" />
        <stop offset=".155" stop-color="#45cdc4" />
        <stop offset=".484" stop-color="#83ca8d" />
        <stop offset=".956" stop-color="#e5c636" />
        <stop offset="1" stop-color="#efc62d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-16"
        x2="488.064"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-16"
        x2="488.064"
        y1="239.672"
        y2="239.672"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-16"
        x2="488.064"
        y1="239.776"
        y2="239.776"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-16"
        x2="488.064"
        y1="352"
        y2="352"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-16"
        x2="488.064"
        y1="152"
        y2="152"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-16"
        x2="488.064"
        y1="362.696"
        y2="362.696"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-16"
        x2="488.064"
        y1="128"
        y2="128"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-16"
        x2="488.064"
        y1="112"
        y2="112"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="-16"
        x2="488.064"
        y1="144"
        y2="144"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M240 0C107.453 0 0 107.453 0 240s107.453 240 240 240 240-107.453 240-240C479.852 107.516 372.484.148 240 0zm0 464C116.29 464 16 363.71 16 240S116.29 16 240 16s224 100.29 224 224c-.14 123.652-100.348 223.86-224 224zm0 0"
    />
    <path
        fill="url(#b)"
        d="M240 40C129.543 40 40 129.543 40 240s89.543 200 200 200 200-89.543 200-200c-.125-110.406-89.594-199.875-200-200zm0 384c-101.621 0-184-82.379-184-184S138.379 56 240 56s184 82.379 184 184c-.113 101.574-82.426 183.887-184 184zm0 0"
    />
    <path
        fill="url(#c)"
        d="M326.145 283.895c40.328-48.254-.2-88.047-.618-88.438l-11.054 11.55c1.246 1.2 30.238 29.712-.618 66.634zm0 0"
    />
    <path
        fill="url(#d)"
        d="m349.527 178.223-11.054 11.554c1.976 1.895 47.847 46.957-.434 100.887l11.922 10.672c58.488-65.336.168-122.543-.434-123.113zm0 0"
    />
    <path
        fill="url(#b)"
        d="m362.344 306.344 11.312 11.312c76.801-76.8.801-154.535 0-155.312l-11.312 11.312c2.71 2.711 65.586 67.098 0 132.688zm0 0"
    />
    <path
        fill="url(#c)"
        d="m153.855 283.895 12.29-10.254c-30.618-36.633-1.825-65.45-.594-66.657L160 201.23l-5.527-5.773c-.418.39-40.946 40.184-.618 88.438zm0 0"
    />
    <path
        fill="url(#d)"
        d="M141.543 189.77 136 184l-5.527-5.777c-.602.57-58.922 57.793-.434 123.113l11.922-10.672c-48.05-53.656-2.387-99-.418-100.894zm0 0"
    />
    <path
        fill="url(#b)"
        d="m117.664 173.648-11.32-11.304c-.801.8-76.801 78.543 0 155.312l11.312-11.312c-65.367-65.367-2.687-129.977.008-132.696zM296 280a23.876 23.876 0 0 0-8-17.762V168a8.002 8.002 0 0 0-10.527-7.594l-72 24A8.003 8.003 0 0 0 200 192v80c-11.7-.113-21.809 8.148-24.027 19.637-2.215 11.488 4.09 22.918 14.988 27.172 10.902 4.25 23.281.105 29.426-9.852 6.144-9.953 4.3-22.879-4.387-30.719V229.77l56-18.665V256c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24zm-96 24a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm16-91.105V197.77l56-18.672v15.132zM264 280a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm0 0"
    />
    <path fill="url(#e)" d="M224 344h16v16h-16zm0 0" />
    <path fill="url(#f)" d="M320 144h16v16h-16zm0 0" />
    <path
        fill="url(#g)"
        d="m272 379.055-11.574 5.785 7.148 14.32L288 388.945V350.56l24-4.797v25.293l-11.574 5.785 7.148 14.32L328 380.945v-54.707l-56 11.203zm0 0"
    />
    <path
        fill="url(#h)"
        d="M184 148.945v-32l11.574-5.785-7.148-14.32L168 107.055v32l-11.574 5.785 7.148 14.32zm0 0"
    />
    <path
        fill="url(#i)"
        d="M280 136c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
    />
    <path
        fill="url(#e)"
        d="M168 328c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0 0"
    />
    <path fill="url(#j)" d="M208 136h16v16h-16zm0 0" />
</svg>
More icons in the same style and category