Add icons to this collection by clicking the heart icon.
Message icon - also known as message, bubble, messages, ui, message received, bubble chat, and message types. Created in a clean flat 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 100 100"
>
<linearGradient
id="a"
x1="16.658"
x2="83.333"
y1="15.856"
y2="82.531"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eafffc" />
<stop offset="1" stop-color="#d1f5fd" />
</linearGradient>
<linearGradient
id="b"
x1="50"
x2="50"
y1="70.429"
y2="29.572"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5ebff5" />
<stop offset="1" stop-color="#2265ca" />
</linearGradient>
<g fill="none">
<path
fill="url(#a)"
d="M16.658 25.856c0-5.523 4.477-10 10-10h46.675c5.523 0 10 4.477 10 10V72.53c0 5.523-4.477 10-10 10H26.658c-5.523 0-10-4.477-10-10z"
/>
<path
fill="url(#b)"
fill-rule="evenodd"
d="M27.89 32.925a3.354 3.354 0 0 1 3.353-3.354h37.513a3.354 3.354 0 0 1 3.353 3.354V67.07c0 3.275-4.214 4.608-6.097 1.928l-3.157-4.491a2.012 2.012 0 0 0-1.646-.855H31.243a3.354 3.354 0 0 1-3.353-3.354zM50 51.265a4.368 4.368 0 1 0 0-8.735 4.368 4.368 0 0 0 0 8.736zm16.426-4.367a4.368 4.368 0 1 1-8.736 0 4.368 4.368 0 0 1 8.736 0zM37.94 51.266a4.368 4.368 0 1 0 0-8.736 4.368 4.368 0 0 0 0 8.736z"
clip-rule="evenodd"
/>
</g>
</svg>
More icons in the same style and category