Add icons to this collection by clicking the heart icon.
Heart icon - also known as present, gift, giftbox, gifts, box, package, heart, love, gift box, boxes, gift boxes, birthday and party, 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="-9.08"
x2="60.747"
y1="59.347"
y2="-9.354"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="2.276"
x2="72.103"
y1="70.889"
y2="2.189"
href="#a"
/>
<linearGradient
id="c"
x1="-19.366"
x2="50.461"
y1="48.892"
y2="-19.808"
href="#a"
/>
<linearGradient
id="d"
x1="21.25"
x2="91.077"
y1="90.174"
y2="21.473"
href="#a"
/>
<linearGradient
id="e"
x1="-9.149"
x2="60.677"
y1="59.276"
y2="-9.424"
href="#a"
/>
<linearGradient
id="f"
x1="-4.965"
x2="64.862"
y1="63.53"
y2="-5.171"
href="#a"
/>
<linearGradient
id="g"
x1="8.663"
x2="78.489"
y1="77.38"
y2="8.68"
href="#a"
/>
<linearGradient
id="h"
x1="4.873"
x2="74.7"
y1="73.528"
y2="4.828"
href="#a"
/>
<linearGradient
id="i"
x1="-17.044"
x2="52.783"
y1="51.253"
y2="-17.448"
href="#a"
/>
<linearGradient
id="j"
x1="-15.044"
x2="54.783"
y1="53.285"
y2="-15.415"
href="#a"
/>
<linearGradient
id="k"
x1="-17.027"
x2="52.799"
y1="51.269"
y2="-17.432"
href="#a"
/>
<linearGradient
id="l"
x1="-15.06"
x2="54.767"
y1="53.269"
y2="-15.432"
href="#a"
/>
<linearGradient
id="m"
x1="-26.349"
x2="43.478"
y1="41.795"
y2="-26.906"
href="#a"
/>
<linearGradient
id="n"
x1="-24.349"
x2="45.478"
y1="43.827"
y2="-24.873"
href="#a"
/>
<linearGradient
id="o"
x1="-26.333"
x2="43.494"
y1="41.811"
y2="-26.889"
href="#a"
/>
<linearGradient
id="p"
x1="-24.365"
x2="45.462"
y1="43.811"
y2="-24.89"
href="#a"
/>
<linearGradient
id="q"
x1="-2.739"
x2="67.088"
y1="65.792"
y2="-2.909"
href="#a"
/>
<linearGradient
id="r"
x1="-.739"
x2="69.088"
y1="67.824"
y2="-.876"
href="#a"
/>
<linearGradient
id="s"
x1="-2.723"
x2="67.104"
y1="65.808"
y2="-2.893"
href="#a"
/>
<linearGradient
id="t"
x1="-.755"
x2="69.071"
y1="67.808"
y2="-.893"
href="#a"
/>
<linearGradient
id="u"
x1="1.704"
x2="71.531"
y1="70.307"
y2="1.607"
href="#a"
/>
</defs>
<g>
<path
d="M31.654 36.938a1 1 0 0 0 .692 0C33.148 36.643 52 29.576 52 19A11.013 11.013 0 0 0 41 8a10.9 10.9 0 0 0-9 4.687A10.9 10.9 0 0 0 23 8a11.013 11.013 0 0 0-11 11c0 10.576 18.852 17.643 19.654 17.938ZM23 10a8.935 8.935 0 0 1 8.1 5.1 1.041 1.041 0 0 0 1.8 0A8.994 8.994 0 0 1 50 19c0 8.479-15.473 14.932-18 15.928-2.528-.995-18-7.44-18-15.928a9.01 9.01 0 0 1 9-9Z"
fill="url(#a)"
/>
<path d="M53 19h2v2h-2z" fill="url(#b)" />
<path d="M9 19h2v2H9z" fill="url(#c)" />
<path d="M56 54h2v2h-2z" fill="url(#d)" />
<path d="M9 37a1 1 0 0 0 1 1h9v-2h-8v-1H9Z" fill="url(#e)" />
<path d="M21 36h2v2h-2z" fill="url(#f)" />
<path d="M45 38h9a1 1 0 0 0 1-1v-2h-2v1h-8Z" fill="url(#g)" />
<path d="M41 36h2v2h-2z" fill="url(#h)" />
<path d="M31 2h2v2h-2z" fill="url(#i)" />
<path d="M31 6h2v2h-2z" fill="url(#j)" />
<path d="M29 4h2v2h-2z" fill="url(#k)" />
<path d="M33 4h2v2h-2z" fill="url(#l)" />
<path d="M7 7h2v2H7z" fill="url(#m)" />
<path d="M7 11h2v2H7z" fill="url(#n)" />
<path d="M5 9h2v2H5z" fill="url(#o)" />
<path d="M9 9h2v2H9z" fill="url(#p)" />
<path d="M55 7h2v2h-2z" fill="url(#q)" />
<path d="M55 11h2v2h-2z" fill="url(#r)" />
<path d="M53 9h2v2h-2z" fill="url(#s)" />
<path d="M57 9h2v2h-2z" fill="url(#t)" />
<path
d="M62 33V20a1 1 0 0 0-1-1h-4v2h2.5l-4.423 10.615a1 1 0 0 0 .075.915L59.2 39H4.8l4.044-6.47a1 1 0 0 0 .075-.915L4.5 21H7v-2H3a1 1 0 0 0-1 1v13a1 1 0 0 0 .1.447l1.7 3.388-1.648 2.635A1 1 0 0 0 2 40v21a1 1 0 0 0 1 1h58a1 1 0 0 0 1-1V40a1 1 0 0 0-.152-.53L60.2 36.835l1.7-3.388A1 1 0 0 0 62 33Zm-58-.236V25l2.878 6.908-1.836 2.939ZM60 60H4v-4h50v-2H4V41h56Zm-2.878-28.092L60 25v7.764l-1.042 2.083Z"
fill="url(#u)"
/>
</g>
</svg>
More icons in the same style and category