Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, 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="a">
<stop offset="0" stop-color="#ffbc42" />
<stop offset="1" stop-color="#ffda96" />
</linearGradient>
<linearGradient
id="b"
x1="7.225"
x2="56.775"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="16.239"
x2="48.271"
y1="28.372"
y2="28.372"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffda96" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="d"
x1="7.225"
x2="56.775"
y1="42.602"
y2="42.602"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb6c" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="e"
x1="9.89"
x2="54.11"
y1="50"
y2="50"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="24.261"
x2="40.249"
y1="26.997"
y2="26.997"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f1404b" />
<stop offset="1" stop-color="#f79298" />
</linearGradient>
<linearGradient
id="g"
x1="25.586"
x2="38.896"
y1="26.997"
y2="26.997"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5777e" />
<stop offset=".527" stop-color="#f9adb2" />
<stop offset="1" stop-color="#fbc8cc" />
</linearGradient>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#b)"
d="m7.225 24.602 12.331-15.25C22.702 5.468 27.011 3.398 32 3.398s9.298 2.069 12.444 5.953l12.331 15.25v25.88c0 5.556-4.564 10.12-10.148 10.12H17.345c-5.556 0-10.12-4.564-10.12-10.12z"
/>
<path
fill="url(#c)"
d="M24.857 6.743h14.796c4.734 0 8.618 3.855 8.618 8.617v26.022c0 4.734-3.884 8.617-8.618 8.617H24.857c-4.734 0-8.618-3.883-8.618-8.617V15.36c0-4.761 3.884-8.617 8.618-8.617z"
/>
<path
fill="url(#d)"
d="M56.775 24.602v25.88c0 5.556-4.564 10.12-10.148 10.12H17.345c-5.556 0-10.12-4.564-10.12-10.12v-25.88l12.331 15.25c3.146 3.883 7.456 5.953 12.444 5.953s9.298-2.069 12.444-5.953z"
/>
<path
fill="url(#e)"
d="M17.345 60.602h29.282c2.948 0 5.612-1.275 7.483-3.288l-9.667-11.962c-3.146-3.883-7.455-5.953-12.444-5.953s-9.298 2.069-12.444 5.953L9.89 57.313c1.871 2.013 4.535 3.289 7.455 3.289z"
/>
<path
fill="url(#f)"
d="M32.255 18.989c4.394 0 7.994 3.6 7.994 7.994 0 4.422-3.6 8.022-7.994 8.022-4.422 0-7.994-3.6-7.994-8.022 0-4.394 3.572-7.994 7.994-7.994z"
/>
</g>
<path
fill="url(#g)"
d="M26.586 33.652a.999.999 0 0 1-.707-1.707l11.31-11.31a.999.999 0 1 1 1.414 1.414l-11.31 11.31a.997.997 0 0 1-.707.293z"
/>
</svg>
More icons in the same style and category