Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.308"
x2="-25.098"
y1="632.92"
y2="613.715"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 96H10.667C4.779 96 0 100.779 0 106.667v298.667C0 411.221 4.779 416 10.667 416h490.667c5.888 0 10.667-4.779 10.667-10.667V106.667C512 100.779 507.221 96 501.333 96zm-10.666 298.667H21.333V117.333h469.333v277.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.309"
x2="-30.098"
y1="630.921"
y2="621.714"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 202.667h362.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H74.667C68.779 181.333 64 186.112 64 192s4.779 10.667 10.667 10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-41.807"
x2="-37.6"
y1="625.421"
y2="621.214"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 266.667H224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H74.667C68.779 245.333 64 250.112 64 256s4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-40.309"
x2="-33.098"
y1="623.921"
y2="616.714"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 330.667H352c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H74.667C68.779 309.333 64 314.112 64 320s4.779 10.667 10.667 10.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category