Add icons to this collection by clicking the heart icon.
Frame icon - also known as photo, hand, heart, frame, and love and romance. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="32"
x2="32"
y1="59.9"
y2="5.688"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="18.501"
x2="18.501"
y1="59.9"
y2="5.688"
href="#a"
/>
<linearGradient id="c" x1="24" x2="24" y1="59.9" y2="5.688" href="#a" />
<linearGradient id="d" x1="23" x2="23" y1="59.9" y2="5.688" href="#a" />
<linearGradient id="e" x1="22" x2="22" y1="59.9" y2="5.688" href="#a" />
<linearGradient
id="f"
x1="45.499"
x2="45.499"
y1="59.9"
y2="5.688"
href="#a"
/>
<linearGradient
id="g"
x1="42.5"
x2="42.5"
y1="59.9"
y2="5.688"
href="#a"
/>
<linearGradient
id="h"
x1="21.5"
x2="21.5"
y1="59.9"
y2="5.688"
href="#a"
/>
</defs>
<g>
<path
d="M36.965 27.728a3.923 3.923 0 0 0-4.257.978 1.011 1.011 0 0 1-1.417 0 4.127 4.127 0 0 0-2.891-1.248 3.531 3.531 0 0 0-1.362.27A3.336 3.336 0 0 0 25 31c0 2.7 3.9 6.339 6.382 8.292a1 1 0 0 0 1.236 0C35.1 37.339 39 33.7 39 31a3.336 3.336 0 0 0-2.035-3.272Z"
fill="url(#a)"
/>
<path
d="m10.31 58.67 1.24.83a2.97 2.97 0 0 0 1.66.5h4.97a2.957 2.957 0 0 1 1.22-3.53A2.942 2.942 0 0 1 19 55a2.983 2.983 0 0 1 1.4-2.53A2.942 2.942 0 0 1 20 51a3.009 3.009 0 0 1 3-3h10a.928.928 0 0 0 .69-.29.985.985 0 0 0 .31-.8 1.092 1.092 0 0 0-1.11-.91H16.66a.987.987 0 0 1-.92-.62 1 1 0 0 1 .21-1.09l4.24-4.24a1.005 1.005 0 0 0-.05-1.46 1.077 1.077 0 0 0-1.45.14l-5.81 5.81A4.994 4.994 0 0 1 9.34 46H3v12h5.09a3.993 3.993 0 0 1 2.22.67Z"
fill="url(#b)"
/>
<path
d="M23 50a1 1 0 0 0 0 2h2a.928.928 0 0 0 .69-.29A.949.949 0 0 0 26 51a1 1 0 0 0-1-1Z"
fill="url(#c)"
/>
<path
d="M24.69 55.71A.949.949 0 0 0 25 55a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a.928.928 0 0 0 .69-.29Z"
fill="url(#d)"
/>
<path
d="M23.69 59.71A.949.949 0 0 0 24 59a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a.928.928 0 0 0 .69-.29Z"
fill="url(#e)"
/>
<path
d="M55.91 6a3.993 3.993 0 0 1-2.22-.67l-1.24-.83a2.97 2.97 0 0 0-1.66-.5H41a.928.928 0 0 0-.69.29A.949.949 0 0 0 40 5a1 1 0 0 0 1 1h2a1 1 0 0 1 0 2h-3a.928.928 0 0 0-.69.29A.949.949 0 0 0 39 9a1 1 0 0 0 1 1h3a1 1 0 0 1 0 2h-4a.928.928 0 0 0-.69.29.949.949 0 0 0-.31.71 1 1 0 0 0 1 1h4a1 1 0 0 1 0 2H31a.928.928 0 0 0-.69.29.985.985 0 0 0-.31.8 1.092 1.092 0 0 0 1.11.91h16.23a.987.987 0 0 1 .92.62 1 1 0 0 1-.21 1.09l-4.24 4.24a1.005 1.005 0 0 0 .05 1.46 1.077 1.077 0 0 0 1.45-.14l5.81-5.81A4.994 4.994 0 0 1 54.66 18H61V6Z"
fill="url(#f)"
/>
<path
d="M47 30v17a1 1 0 0 1-1 1h-7a1 1 0 0 1 0-2h6V30a1 1 0 0 1 2 0Z"
fill="url(#g)"
/>
<path
d="M18 35a1 1 0 0 0 1-1V18h6a1 1 0 0 0 0-2h-7a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1Z"
fill="url(#h)"
/>
</g>
</svg>
More icons in the same style and category