Add icons to this collection by clicking the heart icon.
Cd icon - also known as cd, dvd, compact disc, cd burning, and music and multimedia. Created in a clean flat 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="512"
height="512"
viewBox="0 0 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="g">
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient id="h">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<linearGradient id="i">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="b"
x1="16.841"
x2="16.788"
y1="5.853"
y2="28.988"
gradientTransform="matrix(.718 .718 -.718 .718 31.06 -7.801)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="c"
x1="116.885"
x2="116.837"
y1="107.926"
y2="128.402"
gradientTransform="scale(.264) rotate(45 117.256 63.672)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6d3b7" />
<stop offset="1" stop-color="#f6b4cb" />
</linearGradient>
<linearGradient
id="d"
x1="119.01"
x2="119.054"
y1="145.409"
y2="126.186"
gradientTransform="scale(.264) rotate(45 117.256 63.672)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="e"
x1="16.933"
x2="16.933"
y1="4.831"
y2="-3.427"
gradientTransform="matrix(.718 .718 -.718 .718 31.06 -7.801)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="f"
x1="30.574"
x2="30.565"
y1="2.407"
y2="6.303"
gradientTransform="rotate(45 31.015 16.834)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="j"
x1="65.762"
x2="67.078"
y1="6.901"
y2="117.21"
gradientTransform="matrix(.246 0 0 .265 -291.526 137.789)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="k"
x1="-290.124"
x2="-290.124"
y1="169.324"
y2="138.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient
id="l"
x1="8.209"
x2="30.145"
y1="16.933"
y2="16.933"
gradientTransform="matrix(0 -1 1 0 0 36.11)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="m"
x1="64"
x2="64"
y1="14"
y2="64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="64"
x2="64"
y1="14"
y2="55.161"
gradientTransform="matrix(.265 0 0 -.265 0 33.867)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="8.209"
x2="30.145"
y1="16.933"
y2="16.933"
gradientTransform="matrix(0 .267 .267 0 12.42 11.822)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="p"
x1="8.209"
x2="30.145"
y1="16.933"
y2="16.933"
gradientTransform="matrix(0 .117 .117 0 14.948 14.684)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<path
fill="url(#j)"
d="M-287.381 140.17c-2.332 14.104-.887 21.079 0 29.104h23.913c1.363 0 2.461-1.18 2.461-2.645v-23.813c0-1.466-1.098-2.646-2.461-2.646z"
paint-order="fill markers stroke"
transform="translate(293.825 -137.789)"
/>
<path
fill="url(#k)"
d="M-290.13 140.17a2.64 2.64 0 0 0-2.646 2.646v23.813a2.64 2.64 0 0 0 2.646 2.645h2.749V140.17z"
paint-order="fill markers stroke"
transform="translate(293.825 -137.789)"
/>
<g paint-order="fill markers stroke">
<path
fill="url(#l)"
d="M16.933 5.965a10.968 10.968 0 0 1 10.968 10.968 10.968 10.968 0 0 1-10.968 10.968A10.968 10.968 0 0 1 5.965 16.933 10.968 10.968 0 0 1 16.933 5.965z"
transform="translate(2.731)"
/>
<path
fill="url(#m)"
d="M64 22.545A41.454 41.454 0 0 0 43.273 28.1L64 64l20.727-35.9A41.454 41.454 0 0 0 64 22.545z"
transform="translate(2.731) scale(.265)"
/>
<path
fill="url(#n)"
d="M16.933 27.902a10.968 10.968 0 0 1-5.484-1.47l5.484-9.499 5.484 9.499a10.968 10.968 0 0 1-5.484 1.47z"
transform="translate(2.731)"
/>
<path
fill="url(#o)"
d="M16.933 19.857a2.923 2.923 0 0 0 2.924-2.924 2.923 2.923 0 0 0-2.924-2.923 2.923 2.923 0 0 0-2.923 2.923 2.923 2.923 0 0 0 2.923 2.924z"
transform="translate(2.731)"
/>
<path
fill="url(#p)"
d="M16.933 18.22a1.286 1.286 0 0 0 1.287-1.287 1.286 1.286 0 0 0-1.287-1.286 1.286 1.286 0 0 0-1.286 1.286 1.286 1.286 0 0 0 1.286 1.287z"
transform="translate(2.731)"
/>
</g>
<path
fill="#024292"
d="M5.006 2.779h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.323h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.323h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.53h.264zm0 1.322h-.264v.53h.264zm0 1.323h-.264v.529h.264zm0 1.324h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.528h.264zm0 1.323h-.264v.529h.264zm0 1.322h-.264v.53h.264zm0 1.322h-.264v.53h.264zm0 1.324h-.264v.529h.264zm0 1.323h-.264v.53h.264zm0 1.323h-.264v.529h.264z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category