Add icons to this collection by clicking the heart icon.
Recorder icon - also known as button, tape, record, recorder, music player, electronics, cassette tape, 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="512"
height="512"
viewBox="0 0 280.887 280.887"
>
<linearGradient id="a">
<stop offset="0" stop-color="#20d6de" />
<stop offset="1" stop-color="#5e309d" />
</linearGradient>
<linearGradient
id="b"
x1="-4.681"
x2="295.077"
y1="282.067"
y2="282.067"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-4.681"
x2="295.077"
y1="225.89"
y2="225.89"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-4.681"
x2="295.077"
y1="150.987"
y2="150.987"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-4.681"
x2="295.077"
y1="160.349"
y2="160.349"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-4.681"
x2="295.077"
y1="136.942"
y2="136.942"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-4.681"
x2="295.077"
y1="71.402"
y2="71.402"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-4.681"
x2="295.077"
y1="90.128"
y2="90.128"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-4.681"
x2="295.077"
y1="108.854"
y2="108.854"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-4.681"
x2="295.077"
y1="183.757"
y2="183.757"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-4.681"
x2="295.077"
y1="235.253"
y2="235.253"
gradientTransform="matrix(1 0 0 -1 0 324.2)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M182.577 37.452h9.363v9.363h-9.363zM163.851 37.452h9.363v9.363h-9.363z"
/>
<path
fill="url(#c)"
d="M88.948 140.443H191.94a4.681 4.681 0 0 0 4.681-4.681V60.859a4.681 4.681 0 0 0-4.681-4.681H88.948a4.681 4.681 0 0 0-4.681 4.681v74.903a4.68 4.68 0 0 0 4.681 4.681zm4.681-74.903h93.629v46.814H93.629zm0 56.178h93.629v9.363H93.629z"
/>
<path
fill="url(#d)"
d="M107.674 196.621c12.927 0 23.407-10.48 23.407-23.407s-10.48-23.407-23.407-23.407-23.407 10.48-23.407 23.407c.015 12.92 10.486 23.391 23.407 23.407zm0-37.452c7.756 0 14.044 6.288 14.044 14.044s-6.288 14.044-14.044 14.044-14.044-6.288-14.044-14.044c-.001-7.756 6.287-14.044 14.044-14.044z"
/>
<path fill="url(#d)" d="M102.992 168.532h9.363v9.363h-9.363z" />
<path
fill="url(#e)"
d="M182.577 149.806c-7.756 0-14.044 6.288-14.044 14.044s6.288 14.044 14.044 14.044 14.044-6.288 14.044-14.044-6.288-14.044-14.044-14.044zm0 18.726a4.681 4.681 0 1 1 0-9.363 4.681 4.681 0 0 1 0 9.363z"
/>
<path
fill="url(#f)"
d="M159.17 173.213c-7.756 0-14.044 6.288-14.044 14.044s6.288 14.044 14.044 14.044 14.044-6.288 14.044-14.044-6.288-14.044-14.044-14.044zm0 18.726a4.681 4.681 0 1 1 0-9.363 4.681 4.681 0 0 1 0 9.363z"
/>
<g fill="url(#g)">
<path
d="M88.948 248.117h18.726v9.363H88.948zM117.037 248.117h18.726v9.363h-18.726zM173.214 248.117h18.726v9.363h-18.726zM145.125 248.117h18.726v9.363h-18.726z"
/>
</g>
<path
fill="url(#h)"
d="M88.948 229.391h18.726v9.363H88.948zM117.037 229.391h18.726v9.363h-18.726zM173.214 229.391h18.726v9.363h-18.726zM145.125 229.391h18.726v9.363h-18.726z"
/>
<path
fill="url(#i)"
d="M88.948 210.665h18.726v9.363H88.948zM117.037 210.665h18.726v9.363h-18.726zM173.214 210.665h18.726v9.363h-18.726zM145.125 210.665h18.726v9.363h-18.726z"
/>
<path
fill="url(#j)"
d="M51.496 112.355a4.681 4.681 0 0 0-4.681 4.681v28.089a4.681 4.681 0 0 0 4.681 4.681H65.54v117.036c0 7.756 6.288 14.044 14.044 14.044h121.718c7.756 0 14.044-6.288 14.044-14.044v-84.266h14.044a4.681 4.681 0 0 0 4.681-4.681v-28.089a4.681 4.681 0 0 0-4.681-4.681h-14.044v-9.363h14.044a4.682 4.682 0 0 0 4.541-5.815l-9.077-36.319 9.077-36.319a4.68 4.68 0 0 0-4.541-5.814h-14.044V32.77c0-7.756-6.288-14.044-14.044-14.044h-4.681v-4.681C196.621 6.288 190.333 0 182.577 0H98.311c-7.756 0-14.044 6.288-14.044 14.044v4.681h-4.681c-7.756 0-14.044 6.288-14.044 14.044v9.363H51.496a4.68 4.68 0 0 0-4.587 5.617l9.363 46.814a4.68 4.68 0 0 0 4.588 3.745h4.681v14.044H51.496zm14.045 28.088h-9.363v-18.726h9.363zm149.806-79.584h8.047l-7.022 28.089h-1.025zm0 37.451h1.025l7.022 28.089h-8.047zm0 56.178h9.363v18.726h-9.363zM93.629 14.044a4.681 4.681 0 0 1 4.681-4.681h84.266a4.681 4.681 0 0 1 4.681 4.681v4.681H93.629zM74.904 32.77a4.681 4.681 0 0 1 4.681-4.681h121.718a4.681 4.681 0 0 1 4.681 4.681v234.072a4.681 4.681 0 0 1-4.681 4.681H79.585a4.681 4.681 0 0 1-4.681-4.681zM64.698 88.947l-7.49-37.452h8.333v37.452z"
/>
<path
fill="url(#k)"
d="M102.992 79.585v23.407h9.363V84.266h14.044v-9.363h-18.726a4.682 4.682 0 0 0-4.681 4.682z"
/>
</svg>
More icons in the same style and category