Add icons to this collection by clicking the heart icon.
Letter icon - also known as message, heart, envelope, email, mail, letter, love, celebration, communications, homosexual, love message, gay, and pride. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fca52c" />
<stop offset="1" stop-color="#f15a24" />
</linearGradient>
<linearGradient
id="e"
x1="127.168"
x2="374.242"
y1="220.201"
y2="467.275"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="255"
x2="255"
y1="174"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#ff5831" />
</linearGradient>
<linearGradient
id="g"
x1="108.112"
x2="330.663"
y1="71.764"
y2="339.494"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".066" stop-color="#85c2f3" stop-opacity=".066" />
<stop offset=".369" stop-color="#6fa2c3" stop-opacity=".37" />
<stop offset=".637" stop-color="#608ca0" stop-opacity=".637" />
<stop offset=".857" stop-color="#567e8b" stop-opacity=".857" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="h"
x1="405.804"
x2="243.804"
y1="275.824"
y2="120.824"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="255"
x2="255"
y1="268.47"
y2="391.519"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f5f173" />
<stop offset="1" stop-color="#fbb03b" />
</linearGradient>
<linearGradient
id="j"
x1="222.271"
x2="298.766"
y1="251.357"
y2="482.341"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#f7931e" />
</linearGradient>
<linearGradient
id="k"
x1="435.737"
x2="309.744"
y1="384.419"
y2="538.911"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="71.113"
x2="209.107"
y1="384.279"
y2="544.771"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="162.04"
x2="314.124"
y1="408.812"
y2="560.896"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="255"
x2="255"
y1="462"
y2="525.032"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset=".53" stop-color="#e88b1d" stop-opacity=".53" />
<stop offset="1" stop-color="#f7931e" />
</linearGradient>
<linearGradient
id="o"
x1="258.446"
x2="304.536"
y1="127.178"
y2="201.679"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="233.618"
x2="296.124"
y1="32.842"
y2="140.807"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7657e" />
<stop offset="1" stop-color="#ff1d25" />
</linearGradient>
<linearGradient
id="q"
x1="233.294"
x2="298.957"
y1="68.954"
y2="169.342"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="233.927"
x2="309.061"
y1="137.129"
y2="234.992"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#69d774" />
<stop offset="1" stop-color="#2e8e59" />
</linearGradient>
<linearGradient
id="s"
x1="247.697"
x2="290.63"
y1="191.369"
y2="263.346"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89e2ff" />
<stop offset="1" stop-color="#3fa9f5" />
</linearGradient>
<linearGradient
id="t"
x1="247.172"
x2="278.109"
y1="234.326"
y2="289.255"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bb9ae2" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient
id="u"
x1="255"
x2="255"
y1="232.033"
y2="295.929"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#662d91" stop-opacity="0" />
<stop offset=".238" stop-color="#592989" stop-opacity=".238" />
<stop offset=".672" stop-color="#381e76" stop-opacity=".672" />
<stop offset="1" stop-color="#1b1464" />
</linearGradient>
<path
fill="url(#e)"
d="M225.709 10.521 14.08 185.076A38.716 38.716 0 0 0 0 214.941v273.142C0 500.187 9.813 510 21.918 510h466.164c12.105 0 21.918-9.813 21.918-21.917V214.941a38.713 38.713 0 0 0-14.08-29.865L284.291 10.521c-17.008-14.028-41.574-14.028-58.582 0z"
/>
<path
fill="url(#f)"
d="M14.08 185.076A38.716 38.716 0 0 0 0 214.941v273.141C0 500.187 9.813 510 21.918 510h466.164c12.105 0 21.918-9.813 21.918-21.917V214.941a38.713 38.713 0 0 0-14.08-29.865l-85.896-70.848H99.976z"
/>
<path
fill="url(#g)"
d="M423.668 0C445.943 0 464 14.933 464 33.353V400.87c0 20.19-9.892 38.46-25.89 51.68-15.987 13.23-38.092 21.41-62.495 21.41H46.006V33.353C46.006 14.933 64.063 0 86.338 0z"
/>
<path
fill="url(#h)"
d="M393.226 57.598 157.858 234.517l237.575 237.575c16.447-3.117 31.155-10.008 42.676-19.542 15.999-13.22 25.89-31.49 25.89-51.68V128.373z"
/>
<path
fill="url(#i)"
d="M46 217.473V473.96h329.615c24.403 0 46.508-8.18 62.495-21.41 15.999-13.22 25.89-31.49 25.89-51.68V217.473z"
/>
<path
fill="url(#j)"
d="M495.92 218.432 284.291 392.987c-17.008 14.028-41.575 14.028-58.583 0L14.08 218.432a38.693 38.693 0 0 1-11.752-16.678A38.674 38.674 0 0 0 0 214.941v273.141C0 500.187 9.813 510 21.918 510h466.164c12.105 0 21.918-9.813 21.918-21.917V214.941a38.67 38.67 0 0 0-2.328-13.187 38.701 38.701 0 0 1-11.752 16.678z"
/>
<path
fill="url(#k)"
d="M488.082 510c12.105 0 21.918-9.813 21.918-21.917V214.941a38.67 38.67 0 0 0-2.328-13.187 38.701 38.701 0 0 1-11.752 16.678L284.291 392.987A45.948 45.948 0 0 1 255 403.508V510z"
/>
<path
fill="url(#l)"
d="M21.918 510C9.813 510 0 500.187 0 488.083V214.941c0-4.552.812-9.006 2.328-13.187a38.693 38.693 0 0 0 11.752 16.678l211.628 174.555a45.948 45.948 0 0 0 29.291 10.521V510z"
/>
<path
fill="url(#m)"
d="M504.52 502.58c-4.02 4.55-9.89 7.42-16.44 7.42H21.92c-6.55 0-12.42-2.87-16.44-7.42 2.25-3.77 5.14-7.17 8.6-10.03l172.119-148.292c39.691-34.197 98.442-34.163 138.093.079L495.92 492.55c3.46 2.86 6.35 6.26 8.6 10.03z"
/>
<path
fill="url(#n)"
d="m495.92 492.55-68.955-59.548H83.196L14.08 492.55a38.793 38.793 0 0 0-8.6 10.03c4.02 4.55 9.89 7.42 16.44 7.42h466.16c6.55 0 12.42-2.87 16.44-7.42a38.793 38.793 0 0 0-8.6-10.03z"
/>
<path
fill="url(#o)"
d="M255 292.838a38.024 38.024 0 0 1-16.928-4.001c-15.806-7.91-46.673-24.872-75.79-49.599-37.878-32.167-60.329-66.694-66.73-102.623-4.972-27.91 2.127-56.402 19.476-78.171 16.068-20.16 38.836-31.941 64.112-33.173a92.901 92.901 0 0 1 4.475-.109c23.681 0 46.036 9.126 62.948 25.697a90.903 90.903 0 0 1 8.436 9.503 91.152 91.152 0 0 1 8.437-9.504c16.911-16.571 39.267-25.696 62.949-25.696 1.483 0 2.988.037 4.475.109 25.276 1.232 48.045 13.013 64.113 33.174 17.349 21.768 24.447 50.26 19.474 78.17-6.4 35.928-28.851 70.455-66.729 102.622-29.116 24.726-59.982 41.689-75.79 49.599A38.011 38.011 0 0 1 255 292.838z"
/>
<path
fill="url(#p)"
d="M402.728 69.774H107.271a94.171 94.171 0 0 1 7.76-11.333c16.068-20.16 38.836-31.941 64.11-33.172a96.915 96.915 0 0 1 4.476-.107c23.676 0 46.033 9.13 62.948 25.697A90.641 90.641 0 0 1 255 60.361a90.44 90.44 0 0 1 8.435-9.502c16.914-16.574 39.265-25.697 62.948-25.697 1.484 0 2.993.038 4.476.107 25.274 1.231 48.047 13.013 64.116 33.179a94 94 0 0 1 7.753 11.326z"
/>
<path
fill="url(#q)"
d="M415.88 114.387H94.114c.745-15.759 5.24-31.076 13.158-44.613h295.457c7.917 13.531 12.412 28.854 13.151 44.613z"
/>
<path
fill="url(#r)"
d="M408.316 159c-5.638 15.191-14.225 30.091-25.716 44.613H127.4c-11.491-14.522-20.078-29.422-25.716-44.613z"
/>
<path
fill="url(#s)"
d="M382.6 203.613c-9.603 12.148-21.246 24.043-34.883 35.622a327.092 327.092 0 0 1-11.074 8.991H173.357a334.2 334.2 0 0 1-11.074-8.991c-13.638-11.579-25.28-23.475-34.883-35.622z"
/>
<path
fill="url(#t)"
d="M336.643 248.226c-25.589 19.875-50.901 33.696-64.716 40.61A37.969 37.969 0 0 1 255 292.839a37.965 37.965 0 0 1-16.927-4.003c-13.814-6.914-39.12-20.734-64.716-40.61z"
/>
<path
fill="url(#u)"
d="M139.984 218.153c6.716 7.131 14.147 14.162 22.298 21.084 29.117 24.727 59.984 41.689 75.79 49.599 5.23 2.617 11.084 4.001 16.928 4.001s11.698-1.383 16.928-4.001c15.808-7.911 46.674-24.873 75.79-49.599 8.151-6.922 15.582-13.953 22.298-21.084z"
/>
</svg>
More icons in the same style and category