Add icons to this collection by clicking the heart icon.
Love Letter icon - also known as message, heart, envelope, email, mail, card, love, love letter, communications, valentines day, and love and romance. 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="640"
height="640"
viewBox="-40 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ef7ec0" />
<stop offset=".293" stop-color="#eb66ad" />
<stop offset=".909" stop-color="#e2297c" />
<stop offset="1" stop-color="#e11f74" />
</linearGradient>
<linearGradient
id="b"
x1="-64"
x2="441.208"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-64"
x2="441.208"
y1="68.6"
y2="68.6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-64"
x2="441.208"
y1="128"
y2="128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-64"
x2="441.208"
y1="160"
y2="160"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-64"
x2="441.208"
y1="192"
y2="192"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-64"
x2="441.208"
y1="224"
y2="224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M48 0v192H0v288h400V192h-48V0zm16 16h272v240H64zm294.113 256L200 351.055 41.887 272zM16 208h32v48H16zm0 256V276.945L196.426 367.2a7.992 7.992 0 0 0 7.148 0L384 276.945V464zm368-256v48h-32v-48zm0 0"
/>
<path
fill="url(#c)"
d="m200 105.145 31.945-29.602a24.493 24.493 0 0 0 0-36.313A28.073 28.073 0 0 0 200 35.344a28.072 28.072 0 0 0-31.945 3.87 24.493 24.493 0 0 0 0 36.313zm-21.07-54.192a11.842 11.842 0 0 1 15.629 0L200 56l5.441-5.04a11.851 11.851 0 0 1 15.63 0 8.505 8.505 0 0 1 0 12.848L200 83.329l-21.07-19.527a8.505 8.505 0 0 1 0-12.848zm0 0"
/>
<path fill="url(#d)" d="M96 120h208v16H96zm0 0" />
<g fill="url(#e)">
<path
d="M96 152h104v16H96zM216 152h24v16h-24zM256 152h48v16h-48zm0 0"
/>
</g>
<path fill="url(#f)" d="M96 184h40v16H96zM152 184h152v16H152zm0 0" />
<path fill="url(#g)" d="M96 216h96v16H96zM208 216h96v16h-96zm0 0" />
</svg>
More icons in the same style and category