Add icons to this collection by clicking the heart icon.
Message icon - also known as message, chat, calendar, speech bubble, organization, notification, communications, and messaging. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-7.491"
x2="519.688"
y1="517.357"
y2="-9.821"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="5.576"
x2="532.754"
y1="530.424"
y2="3.246"
href="#a"
/>
<linearGradient
id="c"
x1="-18.424"
x2="508.754"
y1="506.424"
y2="-20.754"
href="#a"
/>
<linearGradient
id="d"
x1="-58.424"
x2="468.754"
y1="466.424"
y2="-60.754"
href="#a"
/>
<linearGradient
id="e"
x1="21.576"
x2="548.754"
y1="546.424"
y2="19.246"
href="#a"
/>
<path
fill="url(#a)"
d="M476 48H260a28.031 28.031 0 0 0-28 28v116H36a28.031 28.031 0 0 0-28 28v176a28.031 28.031 0 0 0 28 28h28v40a8 8 0 0 0 13.66 5.66L123.31 424H308a28.031 28.031 0 0 0 28-28V280h84.69l45.65 45.66A8 8 0 0 0 480 320v-40.29A28.036 28.036 0 0 0 504 252V76a28.031 28.031 0 0 0-28-28zM320 396a12.01 12.01 0 0 1-12 12H120a8.008 8.008 0 0 0-5.66 2.34L80 444.69V416a8 8 0 0 0-8-8H36a12.01 12.01 0 0 1-12-12V220a12.01 12.01 0 0 1 12-12h196v44a28.031 28.031 0 0 0 28 28h60zm168-144a12.01 12.01 0 0 1-12 12h-4a8 8 0 0 0-8 8v28.69l-34.34-34.35A8.008 8.008 0 0 0 424 264H260a12.01 12.01 0 0 1-12-12V76a12.01 12.01 0 0 1 12-12h216a12.01 12.01 0 0 1 12 12z"
/>
<path
fill="url(#b)"
d="M436 88h-20a8 8 0 0 0-16 0h-24a8 8 0 0 0-16 0h-24a8 8 0 0 0-16 0h-20a20.02 20.02 0 0 0-20 20v120a20.02 20.02 0 0 0 20 20h136a20.02 20.02 0 0 0 20-20V108a20.02 20.02 0 0 0-20-20zm4 140a4 4 0 0 1-4 4H300a4 4 0 0 1-4-4v-92h144zm0-108H296v-12a4 4 0 0 1 4-4h20a8 8 0 0 0 16 0h24a8 8 0 0 0 16 0h24a8 8 0 0 0 16 0h20a4 4 0 0 1 4 4z"
/>
<path
fill="url(#c)"
d="M176 288a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
/>
<path
fill="url(#d)"
d="M96 288a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
/>
<path
fill="url(#e)"
d="M232 312a24 24 0 1 0 24-24 24.028 24.028 0 0 0-24 24zm32 0a8 8 0 1 1-8-8 8.009 8.009 0 0 1 8 8z"
/>
</svg>
More icons in the same style and category