Add icons to this collection by clicking the heart icon.
Message icon - also known as computer, communication, message, chat, laptop, application, speech bubble, and chat box. 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 64 64"
>
<linearGradient
id="New_Gradient_Swatch_3"
gradientUnits="userSpaceOnUse"
x1="32"
x2="32"
y1="66.589"
y2="2.783"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="New_Gradient_Swatch_3-2"
x1="28.5"
x2="28.5"
y1="66.589"
y2="2.783"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-6"
x1="17.5"
x2="17.5"
y1="66.589"
y2="2.783"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-14"
x1="35.5"
x2="35.5"
y1="66.589"
y2="2.783"
href="#New_Gradient_Swatch_3"
/>
<linearGradient
id="New_Gradient_Swatch_3-15"
x1="50"
x2="50"
y1="66.589"
y2="2.783"
href="#New_Gradient_Swatch_3"
/>
<g id="message_·_chat_·_mail_·_email_·_communication">
<path
d="m61 52h-1v-35a5 5 0 0 0 -5-5h-3v-3a3.009 3.009 0 0 0 -3-3h-22a3.009 3.009 0 0 0 -3 3v1h-9a3.01 3.01 0 0 0 -2.82 2h-3.18a5 5 0 0 0 -5 5v35h-1a1 1 0 0 0 -1 1v4a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5v-4a1 1 0 0 0 -1-1zm-35-43a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v24a1 1 0 0 1 -1 1h-2a1 1 0 0 0 -1 1v3.59l-4.29-4.3a1.033 1.033 0 0 0 -.71-.29h-1v-2h7a1 1 0 0 0 0-2h-7v-2h7a1 1 0 0 0 0-2h-7v-2h7a1 1 0 0 0 0-2h-7v-2h7a1 1 0 0 0 0-2h-7v-2h7a1 1 0 0 0 0-2h-7v-1a3 3 0 0 0 -.18-1h7.18a1 1 0 0 0 0-2h-21zm-12 4a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v24a1 1 0 0 1 -1 1h-11a1.021 1.021 0 0 0 -.65.24l-5.35 4.59v-3.83a1 1 0 0 0 -1-1h-4a1 1 0 0 1 -1-1zm1 27h3v5a1 1 0 0 0 .58.91 1.059 1.059 0 0 0 .42.09.987.987 0 0 0 .65-.24l6.72-5.76h10.63a3.009 3.009 0 0 0 3-3v-1h.59l5.7 5.71a1.007 1.007 0 0 0 .71.29.838.838 0 0 0 .38-.08.987.987 0 0 0 .62-.92v-5h1a3.009 3.009 0 0 0 3-3v-15h2v30h-44v-30h2v19a3.009 3.009 0 0 0 3 3zm-9-23a3.009 3.009 0 0 1 3-3h3v2h-3a1 1 0 0 0 -1 1v32a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1v-32a1 1 0 0 0 -1-1h-3v-2h3a3.009 3.009 0 0 1 3 3v35h-52zm31 37v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1-1v-1zm23 3a3.009 3.009 0 0 1 -3 3h-50a3.009 3.009 0 0 1 -3-3v-3h21v1a3.009 3.009 0 0 0 3 3h8a3.009 3.009 0 0 0 3-3v-1h21z"
fill="url(#New_Gradient_Swatch_3)"
/>
<g fill="url(#New_Gradient_Swatch_3-2)">
<path d="m22 16h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z" />
<path d="m22 20h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z" />
<path d="m22 24h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z" />
<path d="m22 28h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z" />
</g>
<path
d="m17 16h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m17 20h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m17 24h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m17 28h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m22 32h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-2)"
/>
<path
d="m17 32h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m22 36h13a1 1 0 0 0 0-2h-13a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-2)"
/>
<path
d="m17 36h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-6)"
/>
<path
d="m26 46h19a1 1 0 0 0 0-2h-19a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-14)"
/>
<path
d="m49 46h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z"
fill="url(#New_Gradient_Swatch_3-15)"
/>
</g>
</svg>
More icons in the same style and category