Add icons to this collection by clicking the heart icon.
Message icon - also known as computer, message, email, mail, web, laptop, note, electronics, and communications. Created in a clean lineal 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 512.014 512.014"
>
<linearGradient
id="a"
x1="-13.261"
x2="-13.261"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M247.463 426.674h17.067v17.067h-17.067z" fill="url(#a)" />
<linearGradient
id="b"
x1="-14.26"
x2="-14.26"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M51.214 412.824v30.916h-25.6a8.536 8.536 0 0 0-8.533 8.533v25.6c0 18.85 15.283 34.133 34.133 34.133h409.6c18.85 0 34.133-15.283 34.133-34.133v-25.6a8.536 8.536 0 0 0-8.533-8.533h-25.6V234.196a34.015 34.015 0 0 0 17.067-29.389V68.273c0-18.85-15.283-34.133-34.133-34.133H230.414c-18.85 0-34.133 15.283-34.133 34.133v34.133H85.347c-18.85 0-34.133 15.283-34.133 34.133v99.183c-48.905 28.16-65.724 90.624-37.572 139.529a102.117 102.117 0 0 0 37.572 37.573zm426.666 47.983v17.067c0 9.429-7.637 17.067-17.067 17.067h-409.6c-9.429 0-17.067-7.637-17.067-17.067v-17.067H175.68l14.566 14.566a8.497 8.497 0 0 0 6.033 2.5h119.467a8.513 8.513 0 0 0 6.033-2.5l14.566-14.566H477.88zM128.014 341.34c14.14 0 25.6 11.46 25.6 25.6v25.438a85.522 85.522 0 0 1-17.067 10.052v-26.957H119.48V407.9a85.47 85.47 0 0 1-34.133 0v-32.427H68.28v26.957a85.522 85.522 0 0 1-17.067-10.052V366.94c0-14.14 11.46-25.6 25.6-25.6h51.201zm-51.2-42.666c0-14.14 11.46-25.6 25.6-25.6s25.6 11.46 25.6 25.6-11.46 25.6-25.6 25.6-25.6-11.461-25.6-25.6zm82.082 110.933h250.718a8.536 8.536 0 0 0 8.533-8.533V238.94h25.6v204.8H332.814a8.513 8.513 0 0 0-6.033 2.5l-14.566 14.566H199.813l-14.566-14.566a8.526 8.526 0 0 0-6.033-2.5H68.28V420.7c30.251 10.872 63.872 6.75 90.616-11.093zm54.366-229.188c.06-.401.085-.802.085-1.212V68.273c0-9.429 7.637-17.067 17.067-17.067h213.333c9.429 0 17.067 7.637 17.067 17.067v136.533c0 9.429-7.637 17.067-17.067 17.067H256.014c-.41 0-.811.026-1.212.085l-48.461 6.921 6.921-48.46zm-15.77 66.969 59.127-8.448H401.08v153.6H178.522c37.786-41.899 34.449-106.487-7.441-144.273a102.141 102.141 0 0 0-60.134-25.958V162.14h85.333v16.461l-8.448 59.127a8.537 8.537 0 0 0 9.66 9.66zM68.28 136.54c0-9.429 7.637-17.067 17.067-17.067H196.28v25.6h-93.867a8.536 8.536 0 0 0-8.533 8.533v68.702a101.169 101.169 0 0 0-25.6 5.538V136.54zm34.134 102.4c47.036-.094 85.239 37.956 85.333 84.983a85.244 85.244 0 0 1-17.067 51.328v-8.311c-.043-20.574-14.754-38.187-34.987-41.89a42.18 42.18 0 0 0 9.387-26.377c0-23.561-19.106-42.667-42.667-42.667s-42.667 19.106-42.667 42.667a42.18 42.18 0 0 0 9.387 26.377c-20.241 3.703-34.953 21.316-34.987 41.89v8.311C5.892 337.645 13.478 284.26 51.085 256.006a85.236 85.236 0 0 1 51.329-17.066z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-12.261"
x2="-12.261"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M255.997 76.807h17.067v17.067h-17.067z" fill="url(#c)" />
<linearGradient
id="d"
x1="-.761"
x2="-.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M290.13 76.807h145.067v17.067H290.13z" fill="url(#d)" />
<linearGradient
id="e"
x1="-3.761"
x2="-3.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M238.93 110.94h196.267v17.067H238.93z" fill="url(#e)" />
<linearGradient
id="f"
x1="-3.761"
x2="-3.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M238.93 145.074h196.267v17.067H238.93z" fill="url(#f)" />
<linearGradient
id="g"
x1="-13.261"
x2="-13.261"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M247.463 273.074h17.067v17.067h-17.067z" fill="url(#g)" />
<linearGradient
id="h"
x1="-4.761"
x2="-4.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M281.597 273.074h93.867v17.067h-93.867z" fill="url(#h)" />
<linearGradient
id="i"
x1="-7.761"
x2="-7.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M230.397 307.207h145.067v17.067H230.397z" fill="url(#i)" />
<linearGradient
id="j"
x1="-9.761"
x2="-9.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M230.397 341.34H341.33v17.067H230.397z" fill="url(#j)" />
<linearGradient
id="k"
x1="-5.761"
x2="-5.761"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M238.93 179.207h162.133v17.067H238.93z" fill="url(#k)" />
<linearGradient
id="l"
x1="9.241"
x2="9.241"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path
d="M452.28.007h-68.267v17.067h68.267c23.552.026 42.641 19.115 42.667 42.667v25.6h17.067v-25.6C511.971 26.767 485.245.049 452.28.007z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-40.261"
x2="-40.261"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M17.063 145.074H34.13v76.8H17.063z" fill="url(#m)" />
<linearGradient
id="n"
x1="-1.261"
x2="-1.261"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M349.863.007h17.067v17.067h-17.067z" fill="url(#n)" />
<linearGradient
id="o"
x1="13.739"
x2="13.739"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M477.863 264.54h17.067v102.4h-17.067z" fill="url(#o)" />
<linearGradient
id="p"
x1="13.739"
x2="13.739"
y1="637.639"
y2="571.618"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.159 5433.332)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<path d="M477.863 384.007h17.067v17.067h-17.067z" fill="url(#p)" />
</svg>
More icons in the same style and category