Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, envelope, email, mail, multimedia, and ui. 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 64 64"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 96 452)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 48 -48 0 96 452)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6a327" />
<stop offset="1" stop-color="#bf8821" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 48 -48 0 96 452)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b8b5b2" />
<stop offset="1" stop-color="#8f8d8b" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 216 600)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 224 600)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M124 476a4 4 0 0 0-1.439-3.073l-24-20a4.001 4.001 0 0 0-5.122 0l-24 20A4 4 0 0 0 68 476v28a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4z"
transform="translate(-64 -448)"
/>
<path
fill="url(#c)"
d="M69.439 472.927a4 4 0 0 0 0 6.146l24 20a4.001 4.001 0 0 0 5.122 0l24-20a4 4 0 0 0 0-6.146l-24-20a4.001 4.001 0 0 0-5.122 0z"
transform="translate(-64 -448)"
/>
<path
fill="url(#d)"
d="M120 456a4 4 0 0 0-4-4H76a4 4 0 0 0-4 4v25.207l21.439 17.866a4.001 4.001 0 0 0 5.122 0L120 481.207z"
transform="translate(-64 -448)"
/>
<path
fill="url(#e)"
d="M224 602a2 2 0 0 0-2-2h-12a2 2 0 1 0 0 4h12a2 2 0 0 0 2-2z"
transform="translate(-192 -588)"
/>
<path
fill="url(#f)"
d="M240 602a2 2 0 0 0-2-2h-28a2 2 0 0 0-2 2v.002c0 1.103.895 1.998 1.998 1.998h28.004a1.999 1.999 0 0 0 1.998-1.998V602z"
transform="translate(-192 -580)"
/>
<path
fill="url(#f)"
d="M240 602a2 2 0 0 0-2-2h-28a2 2 0 0 0 0 4h28a2 2 0 0 0 2-2z"
transform="translate(-192 -572)"
/>
</g>
</svg>
More icons in the same style and category