Add icons to this collection by clicking the heart icon.
Message icon - also known as message, envelope, email, mail, and communications. 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1=".563"
x2="30.219"
y1="19.806"
y2="20.418"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#0ff" />
<stop offset=".11" stop-color="#00feff" />
<stop offset=".24" stop-color="#10c9e9" />
<stop offset=".34" stop-color="#1aa8dc" />
<stop offset=".4" stop-color="#1e9cd7" />
<stop offset=".5" stop-color="#5179e0" />
<stop offset=".63" stop-color="#8e4eeb" />
<stop offset=".75" stop-color="#bf2cf4" />
<stop offset=".85" stop-color="#e214fa" />
<stop offset=".94" stop-color="#f705fe" />
<stop offset=".99" stop-color="#f0f" />
</linearGradient>
<linearGradient
id="b"
x1=".7"
x2="30.356"
y1="13.188"
y2="13.799"
href="#a"
/>
<linearGradient
id="c"
x1=".709"
x2="30.365"
y1="12.751"
y2="13.363"
href="#a"
/>
<linearGradient
id="d"
x1=".716"
x2="30.372"
y1="12.372"
y2="12.984"
href="#a"
/>
<linearGradient
id="e"
x1=".839"
x2="30.495"
y1="6.421"
y2="7.032"
href="#a"
/>
<linearGradient
id="f"
x1=".726"
x2="30.382"
y1="11.906"
y2="12.517"
href="#a"
/>
<linearGradient
id="g"
x1=".483"
x2="30.139"
y1="23.707"
y2="24.318"
href="#a"
/>
<linearGradient
id="h"
x1=".489"
x2="30.145"
y1="23.381"
y2="23.992"
href="#a"
/>
<linearGradient
id="i"
x1=".688"
x2="30.344"
y1="13.747"
y2="14.358"
href="#a"
/>
<path
fill="url(#a)"
d="M28 27.88H4.06a.5.5 0 0 1-.5-.5V12.87a.5.5 0 0 1 .5-.5h1.36a.5.5 0 0 1 .5.5v.55l10.335 6.34 9.9-6.3v-.59a.5.5 0 0 1 .5-.5H28a.5.5 0 0 1 .5.5v14.51a.5.5 0 0 1-.5.5zm-23.44-1H27.5V13.37h-.35v.36a.5.5 0 0 1-.231.422l-10.391 6.62a.5.5 0 0 1-.53 0l-10.84-6.65a.5.5 0 0 1-.238-.422v-.33h-.36z"
/>
<path
fill="url(#b)"
d="M5.42 14.2a.5.5 0 0 1-.261-.073L3.8 13.3a.5.5 0 0 1 .261-.927H5.42a.5.5 0 0 1 .5.5v.83a.5.5 0 0 1-.5.5z"
/>
<path
fill="url(#c)"
d="M26.65 14.23a.5.5 0 0 1-.5-.5v-.86a.5.5 0 0 1 .5-.5H28a.5.5 0 0 1 .269.922l-1.35.86a.5.5 0 0 1-.269.078z"
/>
<path
fill="url(#d)"
d="M5.42 13.37H4.06a.5.5 0 0 1-.261-.927l1.36-.83a.506.506 0 0 1 .506-.009.5.5 0 0 1 .255.436v.83a.5.5 0 0 1-.5.5z"
/>
<path
fill="url(#e)"
d="M20.36 8.5H12a.5.5 0 0 1-.261-.926L16 4.964a.5.5 0 0 1 .529 0l4.1 2.61a.5.5 0 0 1-.269.922zm-6.587-1h4.871l-2.389-1.521z"
/>
<path
fill="url(#f)"
d="M28 13.37h-1.35a.5.5 0 0 1-.5-.5v-.86a.5.5 0 0 1 .769-.422l1.35.861a.5.5 0 0 1-.269.921z"
/>
<path
fill="url(#g)"
d="M4.064 27.883a.494.494 0 0 1-.377-.173.5.5 0 0 1 .05-.705l8.129-7.038a.5.5 0 0 1 .655.756l-8.129 7.038a.5.5 0 0 1-.328.122z"
/>
<path
fill="url(#h)"
d="M28 27.883a.5.5 0 0 1-.327-.122l-8.129-7.038a.5.5 0 1 1 .654-.756l8.129 7.038a.5.5 0 0 1-.327.878z"
/>
<path
fill="url(#i)"
d="M16.26 20.85a.493.493 0 0 1-.26-.074l-10.84-6.65a.5.5 0 0 1-.24-.426V8a.5.5 0 0 1 .5-.5h21.23a.5.5 0 0 1 .5.5v5.73a.5.5 0 0 1-.231.422l-10.391 6.62a.5.5 0 0 1-.268.078zM5.92 13.42l10.335 6.34 9.9-6.3V8.5H5.92z"
/>
</svg>
More icons in the same style and category