Add icons to this collection by clicking the heart icon.
Message icon - also known as message, smartphone, heart, love, mobile, love and romance, and dating app. 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="49.685"
x2="49.685"
y1="68.739"
y2="6.225"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="26" x2="26" y1="68.739" y2="6.225" href="#a" />
<linearGradient
id="c"
x1="12.62"
x2="12.62"
y1="68.739"
y2="6.225"
href="#a"
/>
<linearGradient
id="d"
x1="27.835"
x2="27.835"
y1="68.739"
y2="6.225"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M50 4a10.016 10.016 0 0 0-10 10 9.815 9.815 0 0 0 .82 3.98 1.078 1.078 0 0 1 .05.64l-1.5 6.01 6.01-1.5a1.078 1.078 0 0 1 .64.05A9.815 9.815 0 0 0 50 24a10 10 0 0 0 0-20zm-4 11h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zm5 0h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2zm5 0h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M12 8h27.62c.13-.21.25-.42.38-.62V7a3.009 3.009 0 0 0-3-3H15a3.009 3.009 0 0 0-3 3zm13-3h2a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2zM33.03 23.757a2.8 2.8 0 0 0-1.347-3.233c-1.171-.662-3.092-.7-4.976 1.183a1 1 0 0 1-1.414 0 4.786 4.786 0 0 0-3.358-1.6 3.286 3.286 0 0 0-1.618.414 2.8 2.8 0 0 0-1.347 3.233c.73 2.921 4.9 6.462 7.03 8.018 2.129-1.553 6.3-5.094 7.03-8.015z"
/>
<path
fill="url(#c)"
d="m19.17 57.45.57-.86A8.941 8.941 0 0 0 21.09 50h-4.4a7.286 7.286 0 0 1-1.44 3.04l-.47.59A1.02 1.02 0 0 1 14 54a1 1 0 0 1-.78-1.63l.47-.58a5.307 5.307 0 0 0-.1-6.74 1 1 0 0 1 .05-1.36l5.25-5.25a2.016 2.016 0 0 0 0-2.84 2.084 2.084 0 0 0-2.84.01l-4.34 4.35-2.72 2.72a1 1 0 0 1-1.42-1.42L10 38.84v-7.26l-3.95 3.95A6.977 6.977 0 0 0 4 40.48v13.7a5.016 5.016 0 0 0 .84 2.78l.65.98A2.966 2.966 0 0 1 6 59.62L5.99 61H19v-3a.967.967 0 0 1 .17-.55z"
/>
<path
fill="url(#d)"
d="M15.67 44.5a7.166 7.166 0 0 1 1.15 3.5H37a3.009 3.009 0 0 0 3-3v-1H16.16zM25 45h2a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2z"
/>
<path
fill="url(#b)"
d="M18.16 42H40V26.53l-1.76.44A.986.986 0 0 1 38 27a1.007 1.007 0 0 1-.71-.29.985.985 0 0 1-.26-.95l1.82-7.3A11.96 11.96 0 0 1 38.7 10H12v26.84l2.64-2.65a4.1 4.1 0 0 1 5.66 0 4.017 4.017 0 0 1 .01 5.66zm-1.13-17.757a4.787 4.787 0 0 1 2.3-5.459 5.9 5.9 0 0 1 6.67.872 5.9 5.9 0 0 1 6.668-.872 4.787 4.787 0 0 1 2.3 5.459c-1.151 4.6-8.112 9.382-8.408 9.584a1 1 0 0 1-1.124 0c-.294-.202-7.255-4.981-8.406-9.584z"
/>
</g>
</svg>
More icons in the same style and category