Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, envelope, email, mail, ui, mails, communications, envelopes, and attach file. 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="a"
x1="4.206"
x2="59.794"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb6c" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="b"
x1="7.183"
x2="56.817"
y1="40.306"
y2="40.306"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffda96" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="c"
x1="7.183"
x2="56.817"
y1="23.694"
y2="23.694"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbc42" />
<stop offset="1" stop-color="#ffda96" />
</linearGradient>
<linearGradient
id="d"
x1="37.06"
x2="59.794"
y1="40.83"
y2="40.83"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aacd6e" />
<stop offset="1" stop-color="#d5e6b7" />
</linearGradient>
<linearGradient
id="e"
x1="44.139"
x2="52.715"
y1="40.844"
y2="40.844"
gradientUnits="userSpaceOnUse"
>
<stop offset=".15" stop-color="#c6de9e" />
<stop offset="1" stop-color="#e3eecf" />
</linearGradient>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#a)"
d="M15.573 11.803h32.854c6.265 0 11.367 5.131 11.367 11.367v17.66c0 6.265-5.103 11.367-11.367 11.367H15.573c-6.265 0-11.367-5.103-11.367-11.367V23.17c0-6.236 5.103-11.367 11.367-11.367z"
/>
<path
fill="url(#b)"
d="M15.573 52.197h32.854c3.316 0 6.293-1.418 8.391-3.686L45.961 35.075c-3.516-4.337-8.362-6.661-13.947-6.661-5.612 0-10.459 2.324-13.975 6.661L7.183 48.512c2.097 2.267 5.074 3.685 8.39 3.685z"
/>
<path
fill="url(#c)"
d="M15.573 11.803h32.854c3.316 0 6.293 1.446 8.391 3.714L45.961 28.925c-3.516 4.365-8.362 6.661-13.947 6.661-5.612 0-10.459-2.296-13.975-6.661L7.183 15.517c2.097-2.268 5.074-3.714 8.39-3.714z"
/>
<path
fill="url(#d)"
d="M48.427 29.463c6.265 0 11.367 5.131 11.367 11.367 0 6.265-5.103 11.367-11.367 11.367-6.236 0-11.367-5.103-11.367-11.367 0-6.236 5.13-11.367 11.367-11.367z"
/>
</g>
<path
fill="url(#e)"
d="M51.715 34.218a1 1 0 0 0-1 1v7.965c0 1.262-1.026 2.288-2.288 2.288s-2.288-1.026-2.288-2.288v-6.321a.646.646 0 0 1 1.289 0v5.896a1 1 0 1 0 2 0v-5.896c0-1.458-1.187-2.644-2.645-2.644s-2.644 1.186-2.644 2.644v6.321c0 2.364 1.924 4.288 4.288 4.288s4.288-1.924 4.288-4.288v-7.965a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category