Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, envelope, email, mail, multimedia, 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="100"
height="100"
viewBox="0 0 480.064 480.064"
>
<linearGradient
id="a"
x1="-26.843"
x2="-26.843"
y1="556.801"
y2="620.986"
gradientTransform="matrix(8 0 0 -8 454.776 4941.288)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M480.032 120.032c0-.128-.048-.248-.056-.376a7.32 7.32 0 0 0-.176-1.168 7.857 7.857 0 0 0-.288-1.152c-.04-.12-.04-.248-.088-.368-.104-.24-.272-.424-.392-.648a8.545 8.545 0 0 0-.624-1.04 7.802 7.802 0 0 0-.8-.856 8.631 8.631 0 0 0-.856-.8 7.657 7.657 0 0 0-1.04-.624c-.224-.12-.408-.288-.648-.392s-.248-.048-.368-.088a7.653 7.653 0 0 0-1.136-.288 7.8 7.8 0 0 0-1.208-.176c-.12 0-.232-.056-.352-.056h-47.968V8.032a8 8 0 0 0-8-8h-352a8 8 0 0 0-8 8v104h-48c-.12 0-.232.048-.352.056a8.278 8.278 0 0 0-1.224.176c-.38.067-.755.163-1.12.288-.12 0-.248 0-.368.088s-.424.272-.648.392c-.363.18-.71.389-1.04.624a8.631 8.631 0 0 0-.856.8 7.802 7.802 0 0 0-.8.856 8.545 8.545 0 0 0-.624 1.04c-.12.224-.288.408-.392.648-.048.12-.048.248-.088.368a7.857 7.857 0 0 0-.288 1.152 7.32 7.32 0 0 0-.176 1.168c0 .128-.056.248-.056.376v351.968c0 .128.048.248.056.376.027.393.086.784.176 1.168.067.391.163.776.288 1.152 0 .12 0 .248.088.368s.272.424.392.648c.183.361.392.709.624 1.04.245.305.512.591.8.856.267.286.553.553.856.8.33.235.677.444 1.04.624.224.12.408.288.648.392.096.04.2 0 .296.056a7.892 7.892 0 0 0 2.768.52h464a7.886 7.886 0 0 0 2.768-.552c.096 0 .2 0 .296-.056.24-.104.424-.272.648-.392.363-.18.71-.389 1.04-.624.303-.247.589-.514.856-.8.288-.265.555-.551.8-.856.232-.331.441-.679.624-1.04.12-.224.288-.408.392-.648s.048-.248.088-.368c.125-.376.221-.761.288-1.152a7.32 7.32 0 0 0 .176-1.168c0-.128.056-.248.056-.376l-.032-351.968zm-16 332.688L307.344 296.032l156.688-156.688V452.72zM452.72 128.032l-28.688 28.688v-28.688h28.688zm-380.688-112h336V172.72l-112 112-50.344-50.344a8 8 0 0 0-11.312 0l-50.344 50.344-112-112V16.032zm-56 123.312L172.72 296.032 16.032 452.72V139.344zm40-11.312v28.688l-28.688-28.688h28.688zm-28.688 336 212.688-212.688L452.72 464.032H27.344z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.843"
x2="-26.843"
y1="556.801"
y2="620.986"
gradientTransform="matrix(8 0 0 -8 454.776 4941.288)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112.032 96.032h256a8 8 0 0 0 0-16h-256a8 8 0 0 0 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.843"
x2="-26.843"
y1="556.801"
y2="620.986"
gradientTransform="matrix(8 0 0 -8 454.776 4941.288)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112.032 128.032h256a8 8 0 0 0 0-16h-256a8 8 0 0 0 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-26.843"
x2="-26.843"
y1="556.801"
y2="620.986"
gradientTransform="matrix(8 0 0 -8 454.776 4941.288)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M112.032 160.032h256a8 8 0 0 0 0-16h-256a8 8 0 0 0 0 16z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category