Add icons to this collection by clicking the heart icon.
Message icon - also known as message, chat, conversation, speech bubble, multimedia, ui, chat bubble, dialogue, chats, and chat box. 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 24 24"
>
<linearGradient
id="b"
x1="2"
x2="22"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset=".021" stop-color="#d7df23" />
<stop offset="1" stop-color="#26af61" />
</linearGradient>
<linearGradient
id="c"
x1="8"
x2="12"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset=".038" stop-color="#27aae1" />
<stop offset="1" stop-color="#233347" />
</linearGradient>
<linearGradient
id="a"
x1="8"
x2="14"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset=".196" stop-color="#fff" />
<stop offset="1" stop-color="#bcbec0" />
</linearGradient>
<linearGradient id="d" x2="16" y1="15" y2="15" href="#a" />
<g>
<path
fill="url(#b)"
d="M12 2A10.012 10.012 0 0 0 2 12v9a1 1 0 0 0 1 1h9a10 10 0 0 0 0-20z"
/>
<path fill="url(#c)" d="M11 10H9a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#a)" d="M13 13H9a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M15 16H9a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category