Add icons to this collection by clicking the heart icon.
Cd icon - also known as cd, music, multimedia, dvd, compact disc, music player, bluray, 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="100"
height="100"
viewBox="0 0 907.683 907.683"
>
<linearGradient
id="a"
x1="453.841"
x2="453.841"
y1="914.981"
y2="-53.26"
gradientTransform="matrix(1 0 0 -1 0 891.744)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M453.841 0C203.192 0 0 203.192 0 453.841s203.192 453.841 453.841 453.841S907.682 704.49 907.682 453.841C907.399 203.309 704.373.283 453.841 0zm0 877.426c-233.94 0-423.585-189.646-423.585-423.585S219.902 30.256 453.841 30.256s423.585 189.646 423.585 423.585C877.16 687.67 687.67 877.16 453.841 877.426z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="128.875"
x2="128.875"
y1="908.884"
y2="-55.256"
gradientTransform="matrix(1 0 0 -1 0 891.744)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M60.512 453.841a390.668 390.668 0 0 0 115.336 277.993l21.391-21.391A360.608 360.608 0 0 1 90.768 453.841H60.512z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="453.841"
x2="453.841"
y1="914.981"
y2="-53.214"
gradientTransform="matrix(1 0 0 -1 0 891.744)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M453.841 332.817c-66.84 0-121.024 54.184-121.024 121.024s54.184 121.024 121.024 121.024 121.024-54.184 121.024-121.024c-.074-66.808-54.215-120.949-121.024-121.024zm0 211.793c-50.13 0-90.768-40.638-90.768-90.768s40.638-90.768 90.768-90.768 90.768 40.638 90.768 90.768c-.049 50.108-40.659 90.718-90.768 90.768z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="453.841"
x2="453.841"
y1="914.981"
y2="-53.26"
gradientTransform="matrix(1 0 0 -1 0 891.744)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M453.841 378.201c-41.775 0-75.64 33.865-75.64 75.64s33.865 75.64 75.64 75.64 75.64-33.865 75.64-75.64c-.05-41.754-33.886-75.59-75.64-75.64zm0 121.024c-25.065 0-45.384-20.319-45.384-45.384s20.319-45.384 45.384-45.384 45.384 20.319 45.384 45.384-20.319 45.384-45.384 45.384z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category