Add icons to this collection by clicking the heart icon.
Voice Recorder icon - also known as smartphone, phone, mobile phone, voice recorder, recorder, cellphone, ui, and communications. 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M344 0H136c-22.08.026-39.974 17.92-40 40v400c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM112 64h256v352H112V64zm24-48h208c13.255 0 24 10.745 24 24v8H112v-8c0-13.255 10.745-24 24-24zm208 448H136c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.375"
x2="-30.375"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M208 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-24.875"
x2="-24.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M240 40h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.875"
x2="-26.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 264c13.255 0 24-10.745 24-24v-64c0-13.255-10.745-24-24-24s-24 10.745-24 24v64c0 13.255 10.745 24 24 24zm-8-88a8 8 0 0 1 16 0v64a8 8 0 0 1-16 0v-64z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-26.875"
x2="-26.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M288 232a8 8 0 0 0-8 8c0 22.091-17.909 40-40 40s-40-17.909-40-40a8 8 0 0 0-16 0c.053 27.805 20.483 51.367 48 55.36V320a8 8 0 0 0 16 0v-24.64c27.517-3.992 47.947-27.555 48-55.36a8 8 0 0 0-8-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-26.875"
x2="-26.875"
y1="557.285"
y2="618.301"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 128c-61.856 0-112 50.144-112 112s50.144 112 112 112 112-50.144 112-112c-.066-61.828-50.172-111.934-112-112zm0 208c-53.019 0-96-42.981-96-96s42.981-96 96-96 96 42.981 96 96c-.057 52.996-43.004 95.943-96 96z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category