Add icons to this collection by clicking the heart icon.
Message icon - also known as message, arrows, information, mobile phone, traffic, smartphones, cellphone, communications, mobile phones, and emails. 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="-58.531"
x2="-58.531"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M302.344 384.136a8 8 0 0 0-8 8V416h-256V64h256v23.36a8 8 0 0 0 16 0V40c-.026-22.08-17.92-39.974-40-40h-208c-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-40v-47.864a8 8 0 0 0-8-8zM62.344 16h208c13.255 0 24 10.745 24 24v8h-256v-8c0-13.255 10.745-24 24-24zm208 448h-208c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-56.531"
x2="-56.531"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M174.344 40h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.531"
x2="-58.531"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M182.344 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-61.031"
x2="-61.031"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M142.344 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-70.031"
x2="-70.031"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M94.344 80h-40v40h16V96h24V80z" fill="url(#e)" />
<linearGradient
id="f"
x1="-70.031"
x2="-70.031"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M54.344 360v40h40v-16h-24v-24h-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.532"
x2="-45.532"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M446.344 264.24a8 8 0 0 0-8 8V352h-336V135.136L265.84 246.608a8 8 0 0 0 9.008 0l163.496-111.472V184a8 8 0 0 0 16 0v-64c0-.264-.128-.488-.152-.744a7.206 7.206 0 0 0-.32-1.6 7.575 7.575 0 0 0-.624-1.48 5.838 5.838 0 0 0-.296-.696c-.136-.208-.36-.32-.512-.504a7.951 7.951 0 0 0-1.176-1.144 7.595 7.595 0 0 0-1.216-.8 7.992 7.992 0 0 0-1.416-.56 7.932 7.932 0 0 0-1.6-.32 7.34 7.34 0 0 0-.688-.152h-352a7.18 7.18 0 0 0-.712.144c-.543.05-1.08.157-1.6.32a8.42 8.42 0 0 0-1.392.552 7.736 7.736 0 0 0-1.232.8c-.426.339-.817.72-1.168 1.136-.152.192-.376.304-.512.512a5.838 5.838 0 0 0-.296.696c-.259.47-.468.966-.624 1.48a7.206 7.206 0 0 0-.32 1.6c0 .256-.152.48-.152.744V360a8 8 0 0 0 8 8h352.008a8 8 0 0 0 8-8v-87.76a8 8 0 0 0-8-8zm-176-33.92L120.28 128h300.128L270.344 230.32z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-29.324"
x2="-29.324"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M421.376 260.288 457.656 224l-36.28-36.288-11.312 11.312L427.032 216h-84.688v16h84.688l-16.968 16.976 11.312 11.312z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-35.738"
x2="-35.738"
y1="556.81"
y2="616.595"
gradientTransform="matrix(8 0 0 -8 634.592 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M406.344 280h-84.688l16.968-16.976-11.312-11.312L291.032 288l36.28 36.288 11.312-11.312L321.656 296h84.688v-16z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category