Add icons to this collection by clicking the heart icon.
Musical icon - also known as entertainment, musical, film, movie, and genre. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="23.733"
x2="361.43"
y1="432.257"
y2="94.56"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffcff" stop-opacity="0" />
<stop offset="1" stop-color="#ffdaec" />
</linearGradient>
<path
d="M459.604 202.361C417.34 118.504 272.686 79.16 188.883 17.312c-60.596-44.72-138.236 4.149-135.175 67.523 4.809 99.563 156.07 141.103 23.303 223.414-83.418 51.717-45.588 164.827 29.456 192.558 69.226 25.581 162.399 9.729 188.321-72.761 20.202-64.287 102.349-41.421 149.961-67.799 55.57-30.786 39.532-108.924 14.855-157.886z"
fill="url(#a)"
/>
<path
d="M466.249 130.81c0-30.376-24.624-55-55-55-19.217 0-36.123 9.862-45.957 24.795-27.233-15.634-58.799-24.574-92.454-24.574-102.71 0-185.97 83.26-185.97 185.97 0 14.337 1.632 28.29 4.704 41.694a41.101 41.101 0 0 0-7.929 24.322c0 21.412 16.297 39.017 37.163 41.091 3.904 5.531 8.1 10.84 12.57 15.904h-24.302a5.407 5.407 0 0 0-5.407 5.407v4.74h-8.362c-5.972 0-10.814 4.841-10.814 10.814v.569l-27.937-28.511c-3.952-4.034-10.806-1.235-10.806 4.412V483.73c0 5.647 6.854 8.445 10.806 4.412l27.937-28.512v.57c0 5.972 4.841 10.814 10.814 10.814h8.362v4.74a5.407 5.407 0 0 0 5.407 5.407h128.5a5.407 5.407 0 0 0 5.407-5.407v-30.178a187.27 187.27 0 0 0 29.857 2.397c102.71 0 185.97-83.26 185.97-185.97 0-30.102-7.16-58.528-19.857-83.683 16.324-9.542 27.298-27.239 27.298-47.51zm-193.41 165.62c-19.01 0-34.43-15.42-34.43-34.43s15.42-34.43 34.43-34.43 34.43 15.42 34.43 34.43-15.42 34.43-34.43 34.43z"
opacity=".1"
fill="#2626bc"
/>
<circle cx="214.623" cy="320.931" r="48.383" fill="#9eaffd" />
<path
d="M272.839 52.03c-102.71 0-185.97 83.26-185.97 185.97s83.26 185.97 185.97 185.97 185.97-83.26 185.97-185.97-83.26-185.97-185.97-185.97zm0 220.4c-19.01 0-34.43-15.42-34.43-34.43s15.42-34.43 34.43-34.43 34.43 15.42 34.43 34.43-15.42 34.43-34.43 34.43z"
fill="#02ffb2"
/>
<path
d="M161.983 348.855c-30.612-30.612-45.918-70.734-45.918-110.855M383.694 127.145c30.612 30.612 45.918 70.734 45.918 110.855M177.017 333.821c-26.46-26.46-39.69-61.141-39.69-95.821M368.66 142.179c26.46 26.46 39.69 61.141 39.69 95.821M192.812 318.027c-22.099-22.099-33.148-51.063-33.148-80.027M352.865 157.973c22.099 22.099 33.148 51.063 33.148 80.027"
fill="none"
stroke="#96ffd1"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="214.623" cy="320.931" r="48.383" fill="#01eba4" />
<path
d="M446.974 172.61c-13.259-35.293-36.934-65.485-67.287-86.83-14.168 9.949-23.437 26.402-23.437 45.03 0 30.376 24.624 55 55 55 13.641 0 26.112-4.977 35.724-13.2z"
fill="#01eba4"
/>
<path
d="M116.066 238c0-86.583 70.19-156.773 156.773-156.773M429.612 238c0 86.583-70.19 156.773-156.773 156.773"
fill="none"
stroke="#00d78f"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M137.327 238c0-74.841 60.671-135.512 135.511-135.512M408.35 238c0 74.841-60.671 135.512-135.512 135.512"
fill="none"
stroke="#00d78f"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M159.664 238c0-62.505 50.67-113.175 113.175-113.175M386.013 238c0 62.505-50.67 113.175-113.175 113.175"
fill="none"
stroke="#00d78f"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M339.813 64.471c-20.782-8.026-43.362-12.438-66.975-12.438-102.706 0-185.966 83.26-185.966 185.966s83.26 185.966 185.966 185.966S458.805 340.706 458.805 238c0-29.183-6.722-56.797-18.703-81.376"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M272.839 150.33c-48.42 0-87.67 39.25-87.67 87.67s39.25 87.67 87.67 87.67 87.67-39.25 87.67-87.67-39.25-87.67-87.67-87.67zm0 122.1c-19.01 0-34.43-15.42-34.43-34.43s15.42-34.43 34.43-34.43 34.43 15.42 34.43 34.43-15.42 34.43-34.43 34.43z"
fill="#ff7eb7"
/>
<path
d="M214.623 272.547a48.193 48.193 0 0 0-20.309 4.469c12.941 25.996 38.407 44.654 68.502 48.08a49.03 49.03 0 0 0 .19-4.166c0-26.721-21.662-48.383-48.383-48.383z"
fill="#ff5ba7"
/>
<path
d="M204.08 238h34.328c0-19.01 15.42-34.43 34.43-34.43s34.43 15.42 34.43 34.43h34.328a3.009 3.009 0 0 0 3.005-3.132c-1.64-38.217-33.142-68.698-71.763-68.698s-70.123 30.481-71.763 68.698A3.009 3.009 0 0 0 204.08 238z"
fill="#fff"
/>
<path
d="M202.967 221.361a72.226 72.226 0 0 0-1.89 13.502 3.01 3.01 0 0 0 3.005 3.137h34.326a34.258 34.258 0 0 1 4.289-16.639h-39.73zM302.98 221.361A34.258 34.258 0 0 1 307.269 238h34.326a3.01 3.01 0 0 0 3.005-3.137 72.131 72.131 0 0 0-1.89-13.502h-39.73z"
fill="#02ffb2"
/>
<circle
cx="272.839"
cy="238"
r="34.426"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M245.81 190.31a55.118 55.118 0 0 0-18.072 16.554"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M317.939 206.864c-9.89-14.302-26.396-23.678-45.101-23.678-2.208 0-4.384.131-6.523.384"
fill="none"
stroke="#b6c4ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M228.035 360.83v58.4h-109.42v-58.4c0-14.08 11.41-25.49 25.49-25.49h58.44c14.08 0 25.49 11.41 25.49 25.49z"
fill="#8298fd"
/>
<path
d="M228.035 360.83v6.59a48.278 48.278 0 0 1-13.41 1.89c-21.7 0-40.07-14.29-46.2-33.97h34.12c14.08 0 25.49 11.41 25.49 25.49zM165.595 335.34c-3.46 19.31-20.35 33.97-40.65 33.97-2.15 0-4.27-.16-6.33-.49v-7.99c0-14.08 11.41-25.49 25.49-25.49h21.49z"
fill="#6582fd"
/>
<path
d="M118.615 419.231h109.42v-58.404c0-14.078-11.412-25.49-25.49-25.49h-58.44c-14.078 0-25.49 11.412-25.49 25.49v58.404z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m90.258 388.424-33.701-34.395c-3.952-4.033-10.806-1.235-10.806 4.412v101.287c0 5.647 6.854 8.445 10.806 4.412l33.701-34.395v-41.321z"
fill="#d1ddff"
/>
<path
d="m90.258 388.424-33.701-34.395c-3.952-4.033-10.806-1.235-10.806 4.412v101.287c0 5.647 6.854 8.445 10.806 4.412l33.701-34.395v-41.321z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M95.307 447.011h10.153v-75.853H95.307c-5.972 0-10.814 4.841-10.814 10.814v54.226c0 5.972 4.842 10.813 10.814 10.813z"
fill="#8298fd"
/>
<path
d="M95.307 447.011h10.153v-75.853H95.307c-5.972 0-10.814 4.841-10.814 10.814v54.226c0 5.972 4.842 10.813 10.814 10.813z"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="124.942" cy="304.016" r="41.298" fill="#d1ddff" />
<circle cx="124.942" cy="304.016" r="26.866" fill="#b6c4ff" />
<circle cx="124.942" cy="304.016" r="11.072" fill="#8298fd" />
<circle
cx="124.942"
cy="304.016"
r="41.298"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="214.623" cy="296.931" r="48.383" fill="#9eaffd" />
<circle cx="214.623" cy="296.931" r="23.479" fill="#d1ddff" />
<circle
cx="214.623"
cy="296.931"
r="48.383"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m176.98 361.01 5 48.074-5 48.076h-67.9c-2.99 0-5.41-2.42-5.41-5.41v-85.33c0-2.99 2.42-5.41 5.41-5.41h67.9z"
fill="#fff"
/>
<path
d="M176.982 361.011h60.593a5.407 5.407 0 0 1 5.407 5.407v10.362l-5 22.473 5 22.467v30.031a5.407 5.407 0 0 1-5.407 5.407h-60.593v-96.147z"
fill="#d1ddff"
/>
<path d="M242.98 376.78v44.94h-66l-5-21.917 5-23.023z" fill="#8298fd" />
<path
d="M163.684 376.784h13.298v44.938h-13.298a6.488 6.488 0 0 1-6.488-6.488v-31.962a6.486 6.486 0 0 1 6.488-6.488z"
fill="#9eaffd"
/>
<path
d="M140.418 436.71v.124"
fill="none"
stroke="#02ffb2"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M124.093 436.71v.124"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M242.982 376.784v-10.366a5.407 5.407 0 0 0-5.407-5.407h-128.5a5.407 5.407 0 0 0-5.407 5.407v85.333a5.407 5.407 0 0 0 5.407 5.407h128.5a5.407 5.407 0 0 0 5.407-5.407v-46.584"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M124.093 381.962v35.682"
fill="none"
stroke="#b6c4ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M425.319 183.98c-3.23.86-6.58 1.43-10.03 1.68-7.34-20.07-19.05-38.9-35.13-54.98a5.003 5.003 0 0 1 0-7.07 5.003 5.003 0 0 1 7.07 0c17.62 17.61 30.31 38.31 38.09 60.37zM403.049 185.21c-4.32-.65-8.47-1.8-12.4-3.39-6.21-13.07-14.72-25.31-25.52-36.11a4.985 4.985 0 0 1 0-7.07 5.003 5.003 0 0 1 7.07 0c13.72 13.73 24.01 29.61 30.85 46.57z"
fill="#02ffb2"
/>
<circle cx="411.249" cy="106.81" r="55" fill="#ff5ba7" />
<circle
cx="411.249"
cy="106.81"
r="55"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m396.762 84.093-.027 33.831c-1.856-.228-3.881-.081-5.915.519-6.206 1.828-10.12 7.101-8.743 11.777 1.378 4.676 7.525 6.985 13.731 5.157 5.275-1.554 8.88-5.596 9.002-9.646l.017-.005V99.899l21.105-2.75v17.778c-1.856-.228-3.881-.081-5.915.519-6.206 1.828-10.12 7.101-8.743 11.777s7.525 6.985 13.731 5.157c5.275-1.554 8.88-5.596 9.002-9.646l.017-.005V79.872a2.427 2.427 0 0 0-2.741-2.407l-32.407 4.223a2.428 2.428 0 0 0-2.114 2.405z"
fill="#fff"
/>
<path
d="M400.925 430.983h14.849v14.849h-14.849z"
transform="rotate(45.001 408.357 438.405)"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M108.641 42.996h14.849v14.849h-14.849z"
transform="rotate(45.001 116.067 50.42)"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M38.326 264.695h14.849v14.849H38.326z"
transform="rotate(45.001 45.754 272.12)"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m458.893 386.433 2.597 7.992h8.403l-6.798 4.94 2.597 7.992-6.799-4.94-6.798 4.94 2.597-7.992-6.799-4.94h8.404z"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="m458.805 19.637 2.597 7.992h8.403l-6.798 4.939 2.596 7.992-6.798-4.939-6.798 4.939 2.596-7.992-6.798-4.939h8.403z"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category