Add icons to this collection by clicking the heart icon.
Voice Message App icon - also known as sound, electronics, communications, ios, ios14, and voice message app. Created in a clean gradient style with a white, gray, navy, and pink finish, 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 502 502"
>
<linearGradient
id="c"
x1="251"
x2="251"
y1="82.826"
y2="533.815"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4e5660" />
<stop offset="1" stop-color="#64768d" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="d"
x1="251"
x2="251"
y1="431.543"
y2="232.991"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="171.58"
x2="171.58"
y1="391.852"
y2="271.225"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="92.16"
x2="92.16"
y1="419.28"
y2="246.789"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f9edaf" />
<stop offset="1" stop-color="#fffcdd" />
</linearGradient>
<linearGradient
id="g"
x1="330.42"
x2="330.42"
y1="387.656"
y2="276.81"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="409.84"
x2="409.84"
y1="370.693"
y2="291.533"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="251"
x2="251"
y1="169.077"
y2="40.994"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5cccc" />
<stop offset="1" stop-color="#e6e6e6" />
</linearGradient>
<path
fill="url(#c)"
d="M401.701 502H100.299C44.905 502 0 457.095 0 401.701V153.224h502v248.477C502 457.095 457.095 502 401.701 502z"
/>
<path
fill="url(#d)"
d="M251 439.73c-11.046 0-20-8.954-20-20V235.719c0-11.046 8.954-20 20-20s20 8.954 20 20V419.73c0 11.046-8.954 20-20 20z"
/>
<path
fill="url(#e)"
d="M171.58 396.269c-11.046 0-20-8.954-20-20V279.18c0-11.046 8.954-20 20-20s20 8.954 20 20v97.089c0 11.046-8.954 20-20 20z"
/>
<path
fill="url(#f)"
d="M92.16 424.452c-11.046 0-20-8.954-20-20V250.997c0-11.046 8.954-20 20-20s20 8.954 20 20v153.455c0 11.046-8.954 20-20 20z"
/>
<path
fill="url(#g)"
d="M330.42 396.269c-11.046 0-20-8.954-20-20V279.18c0-11.046 8.954-20 20-20s20 8.954 20 20v97.089c0 11.046-8.954 20-20 20z"
/>
<path
fill="url(#h)"
d="M409.84 377.835c-11.046 0-20-8.954-20-20v-60.221c0-11.046 8.954-20 20-20s20 8.954 20 20v60.221c0 11.046-8.954 20-20 20z"
/>
<path
fill="#424e5e"
d="M146.604 203.224H0v-50h146.604c13.807 0 25 11.193 25 25-.001 13.807-11.193 25-25 25z"
/>
<path
fill="url(#i)"
d="M502 153.224H0v-52.925C0 44.905 44.905 0 100.299 0h301.402C457.095 0 502 44.905 502 100.299z"
/>
<ellipse cx="163.114" cy="101.926" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="101.926" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="72.308" r="29.618" fill="#fff" />
<circle
cx="200.687"
cy="72.308"
r="17.652"
fill="#3b3b44"
transform="rotate(-76.83 200.603 72.29)"
/>
<circle cx="313.279" cy="72.308" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="325.182"
cy="72.308"
r="17.652"
transform="rotate(-67.48 325.225 72.217)"
/>
<ellipse cx="251" cy="94.76" rx="13.252" ry="17.352" />
</g>
<g fill="#fff">
<path
d="M472 110.299c-5.522 0-10-4.478-10-10 0-2.284-.148-4.686-.441-7.138-.654-5.483 3.26-10.46 8.744-11.115 5.479-.654 10.46 3.26 11.115 8.744.386 3.235.582 6.435.582 9.509 0 5.522-4.478 10-10 10zM455.511 65.122a9.979 9.979 0 0 1-7.658-3.563c-5.898-7.015-13.415-12.681-21.734-16.387-5.045-2.247-7.314-8.158-5.066-13.203 2.247-5.047 8.158-7.314 13.203-5.066 11.072 4.932 21.066 12.464 28.904 21.783 3.555 4.228 3.01 10.535-1.217 14.09a9.962 9.962 0 0 1-6.432 2.346z"
/>
</g>
</svg>
More icons in the same style and category