Add icons to this collection by clicking the heart icon.
Message icon - also known as technology, message, chat, smartphone, mobile phone, conversation, messages, cellphone, 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 490.667 490.667"
>
<linearGradient
id="a"
x1="-55.413"
x2=".157"
y1="605.302"
y2="605.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M426.667 0h-192c-29.441.035-53.298 23.893-53.333 53.333v53.333h21.333V53.333c0-17.673 14.327-32 32-32h192c17.673 0 32 14.327 32 32v384c0 17.673-14.327 32-32 32h-192c-17.673 0-32-14.327-32-32v-160h-21.333v160c.035 29.441 23.893 53.298 53.333 53.333h192c29.441-.035 53.298-23.893 53.333-53.333v-384C479.965 23.893 456.107.035 426.667 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-55.413"
x2=".157"
y1="619.302"
y2="619.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M330.667 85.333h106.667v21.333H330.667V85.333z" fill="url(#b)" />
<linearGradient
id="c"
x1="-55.413"
x2=".157"
y1="623.302"
y2="623.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M320 42.667h42.667V64H320V42.667z" fill="url(#c)" />
<linearGradient
id="d"
x1="-55.413"
x2=".157"
y1="613.802"
y2="613.802"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M437.333 181.333v-42.667c0-5.891-4.776-10.667-10.667-10.667H384v21.333h32v32h21.333z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-55.413"
x2=".157"
y1="591.302"
y2="591.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M224 384h213.333v21.333H224V384z" fill="url(#e)" />
<linearGradient
id="f"
x1="-55.413"
x2=".157"
y1="587.302"
y2="587.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M320 426.667h21.333V448H320v-21.333z" fill="url(#f)" />
<linearGradient
id="g"
x1="-55.413"
x2=".157"
y1="610.302"
y2="610.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M309.333 245.333V138.667a9.82 9.82 0 0 0-.192-.96 10.394 10.394 0 0 0-.149-1.717c-.075-.288-.267-.523-.363-.8-.173-.48-.38-.947-.619-1.397a10.79 10.79 0 0 0-1.312-1.952 10.21 10.21 0 0 0-.981-1.067 10.712 10.712 0 0 0-2.133-1.419 9.316 9.316 0 0 0-1.12-.597 10.519 10.519 0 0 0-3.797-.757h-192c-1.317.017-2.62.281-3.84.779a8.576 8.576 0 0 0-1.067.597c-.767.383-1.483.86-2.133 1.419-.346.334-.67.691-.971 1.067-.512.61-.959 1.271-1.333 1.973-.235.44-.438.896-.608 1.365-.096.288-.288.523-.363.821-.101.581-.154 1.17-.16 1.76 0 .32-.181.587-.181.917v106.635c0 5.891 4.776 10.667 10.667 10.667h191.989c5.891-.001 10.666-4.777 10.666-10.668zm-51.829-96-54.837 30.464-54.837-30.464h109.674zm-140.171 85.334V156.8l80.149 44.533a10.665 10.665 0 0 0 10.368 0L288 156.8v77.867H117.333z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-55.413"
x2=".157"
y1="614.302"
y2="614.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M64 138.667h21.333V160H64v-21.333z" fill="url(#h)" />
<linearGradient
id="i"
x1="-55.413"
x2=".157"
y1="610.302"
y2="610.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M32 181.333h53.333v21.333H32v-21.333z" fill="url(#i)" />
<linearGradient
id="j"
x1="-55.413"
x2=".157"
y1="606.302"
y2="606.302"
gradientTransform="matrix(10.6667 0 0 -10.6667 576.778 6701.89)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M10.667 224h74.667v21.333H10.667V224z" fill="url(#j)" />
</svg>
More icons in the same style and category