Add icons to this collection by clicking the heart icon.
Message icon - also known as message, business, phone, money, email, conversation, symbol, mobile, communications, bitcoin, and business and finance. 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 480"
>
<linearGradient
id="a"
x1="-31.875"
x2="-31.875"
y1="617.626"
y2="557.936"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M376 192.001c13.255 0 24-10.745 24-24v-144c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24v144c0 13.255 10.745 24 24 24h24v40a8 8 0 0 0 13.656 5.656l45.656-45.656H376zM98.344 178.345 64 212.689v-28.688a8 8 0 0 0-8-8H24a8 8 0 0 1-8-8v-144a8 8 0 0 1 8-8h352a8 8 0 0 1 8 8v144a8 8 0 0 1-8 8H104a7.995 7.995 0 0 0-5.656 2.344z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.375"
x2="-46.375"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M96 56.001h-8v-8H72v8H48v16h8v48h-8v16h24v8h16v-8h8c13.197.058 23.943-10.593 24.002-23.79a23.89 23.89 0 0 0-6.242-16.21c8.894-9.75 8.2-24.864-1.55-33.758A23.89 23.89 0 0 0 96 56.001zm-24 16h24a8 8 0 0 1 0 16H72v-16zm24 48H72v-16h24a8 8 0 0 1 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.875"
x2="-36.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M152 56.001h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-30.875"
x2="-30.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M200 56.001h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-25.875"
x2="-25.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M344 72.001H152a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-25.875"
x2="-25.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M344 104.001H152a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-25.875"
x2="-25.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M344 136.001H152a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-21.875"
x2="-21.875"
y1="617.626"
y2="557.936"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M456 240.001H104c-13.255 0-24 10.745-24 24v144c0 13.255 10.745 24 24 24h268.688l45.656 45.656A8 8 0 0 0 432 472.001v-40h24c13.255 0 24-10.745 24-24v-144c0-13.255-10.745-24-24-24zm8 168a8 8 0 0 1-8 8h-32a8 8 0 0 0-8 8v28.688l-34.344-34.344a8 8 0 0 0-5.656-2.344H104a8 8 0 0 1-8-8v-144a8 8 0 0 1 8-8h352a8 8 0 0 1 8 8v144z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-8.375"
x2="-8.375"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M400 296.001h-8v-8h-16v8h-24v16h8v48h-8v16h24v8h16v-8h8c13.197.058 23.943-10.593 24.002-23.79a23.89 23.89 0 0 0-6.242-16.21c8.894-9.75 8.2-24.864-1.55-33.758a23.89 23.89 0 0 0-16.21-6.242zm-24 16h24a8 8 0 0 1 0 16h-24v-16zm24 48h-24v-16h24a8 8 0 0 1 0 16z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-40.875"
x2="-40.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M120 296.001h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-34.875"
x2="-34.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M168 296.001h16a8 8 0 0 0 0-16h-16a8 8 0 0 0 0 16z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-29.875"
x2="-29.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M312 312.001H120a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-29.875"
x2="-29.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M312 344.001H120a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-29.875"
x2="-29.875"
y1="617.653"
y2="557.966"
gradientTransform="matrix(8 0 0 -8 455 4941.008)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M312 376.001H120a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z"
fill="url(#n)"
/>
</svg>
More icons in the same style and category