Add icons to this collection by clicking the heart icon.
Love Letter icon - also known as hearts, romance, romantic, love letter, valentines day, and love and romance. Created in a clean gradient style with a white and teal finish, 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 512"
>
<linearGradient
id="a"
x1="76.918"
x2="444.613"
y1="435.676"
y2="67.98"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff908c" />
<stop offset="1" stop-color="#c8462d" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="124.076"
x2="397.456"
y1="196.778"
y2="196.778"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0ebff" />
<stop offset="1" stop-color="#41a0d7" />
</linearGradient>
<path d="M121.413 221.46h269.174v177.487H121.413z" fill="url(#b)" />
<linearGradient
id="c"
x1="260.766"
x2="397.456"
y1="196.778"
y2="196.778"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0ebff" />
<stop offset="1" stop-color="#41a0d7" />
</linearGradient>
<path d="M256 221.46h134.587v177.487H256z" fill="url(#c)" />
<linearGradient
id="d"
x1="124.077"
x2="397.455"
y1="158.123"
y2="158.123"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#a0ebff" />
</linearGradient>
<path d="M390.586 398.944H121.414L256 297.583z" fill="url(#d)" />
<path d="m256 322.818-134.586-101.36h269.172z" fill="#dafffb" />
<path d="M390.586 221.458H256v101.36z" fill="#b6fff6" />
<path d="M256 120.097 121.414 221.458h269.172z" fill="#dafffb" />
<path d="M390.586 221.458H256V120.097z" fill="#b6fff6" />
<path
d="m121.414 221.458 43.242 32.567v-65.134zM390.586 221.458l-43.242-32.567v65.134z"
fill="#0091c8"
/>
<linearGradient
id="e"
x1="167.995"
x2="353.537"
y1="290.486"
y2="290.486"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b6fff6" />
</linearGradient>
<path
d="M164.656 113.056v140.969L256 322.818l91.344-68.793V113.056z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="186.136"
x2="244.292"
y1="347.457"
y2="347.457"
gradientTransform="matrix(.9846 0 0 -.9846 -.754 503.954)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6473" />
<stop offset="1" stop-color="#b21f3f" />
</linearGradient>
<path
d="M224.953 137.369c-6.281 0-11.646 3.908-13.805 9.424-2.159-5.516-7.524-9.424-13.805-9.424-8.187 0-14.824 6.637-14.824 14.824 0 17.419 28.631 34.124 28.631 34.124s28.631-16.705 28.631-34.124c-.003-8.187-6.64-14.824-14.828-14.824z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category