Add icons to this collection by clicking the heart icon.
Vinyl icon - also known as songs, music, track, vinyl, antique, gramophone, vinyl disc, 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#006ef5" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="42.895"
x2="419.605"
y1="274.491"
y2="274.491"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<circle cx="256.498" cy="256.498" r="217.837" fill="url(#b)" />
<linearGradient
id="c"
x1="42.895"
x2="419.605"
y1="274.491"
y2="274.491"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<circle cx="256.498" cy="256.498" r="86.245" fill="url(#c)" />
<linearGradient
id="d"
x1="42.895"
x2="419.605"
y1="274.491"
y2="274.491"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<circle cx="256.498" cy="256.498" r="28.254" fill="url(#d)" />
<linearGradient
id="e"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M123.757 375.363c-29.307-32.709-45.446-74.921-45.446-118.861s16.14-86.153 45.446-118.861l5.262 4.715c-28.144 31.411-43.644 71.949-43.644 114.146s15.5 82.735 43.644 114.146l-5.262 4.715z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M138.969 353.65c-22.538-27.238-34.95-61.739-34.95-97.148 0-35.41 12.412-69.91 34.95-97.148l5.444 4.505c-21.492 25.973-33.329 58.875-33.329 92.644s11.836 66.67 33.329 92.643l-5.444 4.504z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M151.322 326.926c-13.998-20.865-21.397-45.217-21.397-70.424 0-25.207 7.399-49.56 21.397-70.424l5.867 3.936c-13.214 19.697-20.2 42.688-20.2 66.488 0 23.799 6.985 46.791 20.2 66.488l-5.867 3.936z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M389.247 375.363c29.307-32.709 45.446-74.921 45.446-118.861s-16.14-86.153-45.446-118.861l-5.262 4.715c28.144 31.411 43.644 71.949 43.644 114.146s-15.5 82.735-43.644 114.146l5.262 4.715z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M374.035 353.65c22.538-27.238 34.95-61.739 34.95-97.148 0-35.41-12.412-69.91-34.95-97.148l-5.444 4.505c21.492 25.973 33.329 58.875 33.329 92.644s-11.836 66.67-33.329 92.643l5.444 4.504z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="42.895"
x2="419.605"
y1="274.487"
y2="274.487"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e1e1e3" />
<stop offset=".263" stop-color="#dcdcdf" />
<stop offset=".562" stop-color="#cfcfd2" />
<stop offset=".878" stop-color="#b9b8bd" />
<stop offset="1" stop-color="#aeadb3" />
</linearGradient>
<path
d="M361.682 326.926c13.998-20.865 21.397-45.217 21.397-70.424 0-25.207-7.399-49.56-21.397-70.424l-5.867 3.936c13.215 19.697 20.2 42.688 20.2 66.488 0 23.799-6.985 46.791-20.2 66.488l5.867 3.936z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category