Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, check, envelope, email, mail, ui, mails, communications, and envelopes. 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="lg1">
<stop offset="0" stop-color="#ffbc42" />
<stop offset="1" stop-color="#ffda96" />
</linearGradient>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="7.225"
x2="56.775"
y1="32"
y2="32"
href="#lg1"
/>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="16.24"
x2="48.272"
y1="28.357"
y2="28.357"
>
<stop offset="0" stop-color="#ffda96" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="7.225"
x2="56.775"
y1="42.602"
y2="42.602"
>
<stop offset="0" stop-color="#ffcb6c" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="9.891"
x2="54.111"
y1="50"
y2="50"
href="#lg1"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="22.248"
x2="42.232"
y1="25.027"
y2="25.027"
>
<stop offset="0" stop-color="#aacd6e" />
<stop offset="1" stop-color="#d5e6b7" />
</linearGradient>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="26.068"
x2="38.414"
y1="25.013"
y2="25.013"
>
<stop offset=".1505" stop-color="#c6de9e" />
<stop offset="1" stop-color="#e3eecf" />
</linearGradient>
<g>
<g clip-rule="evenodd" fill-rule="evenodd">
<path
d="m7.225 24.602 12.332-15.25c3.146-3.884 7.425-5.954 12.443-5.954 4.988 0 9.297 2.069 12.443 5.953l12.332 15.25v25.852c0 5.584-4.564 10.148-10.148 10.148h-29.281c-5.557 0-10.121-4.564-10.121-10.148z"
fill="url(#SVGID_1_)"
/>
<path
d="m24.857 6.715h14.768c4.762 0 8.646 3.883 8.646 8.617v26.051c0 4.733-3.885 8.617-8.646 8.617h-14.768c-4.764 0-8.617-3.884-8.617-8.617v-26.051c0-4.734 3.854-8.617 8.617-8.617z"
fill="url(#SVGID_2_)"
/>
<path
d="m56.775 24.602v25.852c0 5.584-4.564 10.148-10.148 10.148h-29.281c-5.557 0-10.121-4.564-10.121-10.148v-25.852l12.332 15.25c3.146 3.883 7.426 5.953 12.443 5.953 4.988 0 9.297-2.069 12.443-5.953z"
fill="url(#SVGID_3_)"
/>
<path
d="m17.346 60.602h29.281c2.947 0 5.613-1.276 7.484-3.316l-9.668-11.934c-3.146-3.883-7.455-5.953-12.443-5.953-5.018 0-9.297 2.069-12.443 5.953l-9.666 11.933c1.841 2.041 4.505 3.317 7.455 3.317z"
fill="url(#SVGID_4_)"
/>
<path
d="m32.227 15.021h.029c5.498 0 9.977 4.507 9.977 10.006 0 5.499-4.479 10.006-9.977 10.006h-.029c-5.498 0-9.979-4.507-9.979-10.006 0-5.5 4.481-10.006 9.979-10.006z"
fill="url(#SVGID_5_)"
/>
</g>
<path
d="m30.867 29.287c-.255 0-.51-.097-.704-.29l-3.799-3.77c-.393-.389-.395-1.022-.006-1.415.39-.392 1.024-.393 1.414-.005l3.092 3.068 5.843-5.844c.391-.391 1.023-.391 1.414 0 .391.39.391 1.023 0 1.414l-6.547 6.548c-.195.196-.451.294-.707.294z"
fill="url(#SVGID_6_)"
/>
</g>
</svg>
More icons in the same style and category