Add icons to this collection by clicking the heart icon.
Message icon - also known as communication, message, chat, help, button, service, inbox, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="62.811"
y2="3.066"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="31" x2="31" y1="62.811" y2="3.066" href="#a" />
<linearGradient
id="c"
x1="16.5"
x2="16.5"
y1="62.811"
y2="3.066"
href="#a"
/>
<linearGradient
id="d"
x1="28.5"
x2="28.5"
y1="62.811"
y2="3.066"
href="#a"
/>
<linearGradient
id="e"
x1="18.5"
x2="18.5"
y1="62.811"
y2="3.066"
href="#a"
/>
<path
fill="url(#a)"
d="M32 62a30 30 0 1 1 30-30 30.034 30.034 0 0 1-30 30zm0-58a28 28 0 1 0 28 28A28.032 28.032 0 0 0 32 4z"
/>
<path
fill="url(#b)"
d="M30 8.079a1 1 0 0 1-.078-2A28.251 28.251 0 0 1 32 6a1 1 0 0 1 0 2c-.638 0-1.285.025-1.921.076z"
/>
<path
fill="url(#c)"
d="M7 33a1 1 0 0 1-1-1A25.952 25.952 0 0 1 25.76 6.757a1 1 0 1 1 .48 1.943A23.958 23.958 0 0 0 8 32a1 1 0 0 1-1 1z"
/>
<path
fill="url(#a)"
d="M48 18H26a3.009 3.009 0 0 0-3 3v1h-7a3.009 3.009 0 0 0-3 3v19a3.009 3.009 0 0 0 3 3h2v4a.987.987 0 0 0 .62.92.838.838 0 0 0 .38.08 1.007 1.007 0 0 0 .71-.29l4.7-4.71H36a3.009 3.009 0 0 0 3-3v-1h1.53l4.7 5.64a1 1 0 0 0 1.11.3A.992.992 0 0 0 47 48v-5h1a3.009 3.009 0 0 0 3-3V21a3.009 3.009 0 0 0-3-3zM37 44a1 1 0 0 1-1 1H24a1.033 1.033 0 0 0-.71.29L20 48.59V46a1 1 0 0 0-1-1h-3a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1zm12-4a1 1 0 0 1-1 1h-2a1 1 0 0 0-1 1v3.24l-3.23-3.88A.992.992 0 0 0 41 41h-2v-3h7a1 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-7.18A3.01 3.01 0 0 0 36 22H25v-1a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1z"
/>
<g fill="url(#d)">
<path
d="M34 28H23a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM34 32H23a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM34 36H23a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2zM34 40H23a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2z"
/>
</g>
<path
fill="url(#e)"
d="M19 28h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM19 32h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM19 36h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM19 40h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category