Add icons to this collection by clicking the heart icon.
Open Box icon - also known as heart, open box, peace, love, valentine, delivery, shipping and delivery, 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"
>
<linearGradient
id="a"
x1="10.02"
x2="60.599"
y1="69.918"
y2="11.048"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-5.659"
x2="44.92"
y1="56.447"
y2="-2.423"
href="#a"
/>
<linearGradient
id="c"
x1="-20.759"
x2="29.819"
y1="43.474"
y2="-15.396"
href="#a"
/>
<linearGradient
id="d"
x1="-18.782"
x2="31.797"
y1="45.172"
y2="-13.698"
href="#a"
/>
<linearGradient
id="e"
x1="-20.921"
x2="29.657"
y1="43.334"
y2="-15.536"
href="#a"
/>
<linearGradient
id="f"
x1="-18.62"
x2="31.959"
y1="45.312"
y2="-13.558"
href="#a"
/>
<linearGradient
id="g"
x1="6.857"
x2="57.435"
y1="67.2"
y2="8.33"
href="#a"
/>
<linearGradient
id="h"
x1="8.834"
x2="59.412"
y1="68.898"
y2="10.028"
href="#a"
/>
<linearGradient
id="i"
x1="6.694"
x2="57.273"
y1="67.061"
y2="8.19"
href="#a"
/>
<linearGradient
id="j"
x1="8.996"
x2="59.574"
y1="69.038"
y2="10.168"
href="#a"
/>
<linearGradient
id="k"
x1="-10.881"
x2="39.697"
y1="51.96"
y2="-6.91"
href="#a"
/>
<linearGradient
id="l"
x1="-8.904"
x2="41.674"
y1="53.659"
y2="-5.211"
href="#a"
/>
<linearGradient
id="m"
x1="-11.043"
x2="39.535"
y1="51.821"
y2="-7.049"
href="#a"
/>
<linearGradient
id="n"
x1="-8.742"
x2="41.836"
y1="53.798"
y2="-5.072"
href="#a"
/>
<linearGradient
id="o"
x1="9.83"
x2="60.409"
y1="69.755"
y2="10.885"
href="#a"
/>
<linearGradient
id="p"
x1="11.808"
x2="62.386"
y1="71.453"
y2="12.583"
href="#a"
/>
<linearGradient
id="q"
x1="9.668"
x2="60.247"
y1="69.616"
y2="10.745"
href="#a"
/>
<linearGradient
id="r"
x1="11.97"
x2="62.548"
y1="71.593"
y2="12.723"
href="#a"
/>
<path
fill="url(#a)"
d="m61.94 38.65-3-8A1.007 1.007 0 0 0 58 30H6a1.007 1.007 0 0 0-.94.65l-3 8a1 1 0 0 0 .12.92A.983.983 0 0 0 3 40h4v20a1 1 0 0 0 1 1h48a1 1 0 0 0 1-1V40h4a.983.983 0 0 0 .82-.43 1 1 0 0 0 .12-.92zM17 59H9V40h8zm5 0h-3V40h3zM4.44 38l2.25-6h30.87l-2.25 6zM38 59H24V40h12a1.007 1.007 0 0 0 .94-.65L38 36.52zm17 0H40V36.52l1.06 2.83A1.007 1.007 0 0 0 42 40h13zM42.69 38l-2.25-6h16.87l2.25 6z"
/>
<path
fill="url(#b)"
d="M31.589 28.912a1 1 0 0 0 .791.013C32.977 28.68 47 22.789 47 11.667a8.63 8.63 0 0 0-15-5.859 8.63 8.63 0 0 0-15 5.859c0 10.542 13.993 16.976 14.589 17.245zM25.636 5a6.617 6.617 0 0 1 5.53 2.982 1.038 1.038 0 0 0 1.668 0A6.63 6.63 0 0 1 45 11.667c0 8.812-10.76 14.211-12.983 15.233C29.8 25.8 19 20.008 19 11.667A6.659 6.659 0 0 1 25.636 5z"
/>
<path fill="url(#c)" d="M7 9h2v2H7z" />
<path fill="url(#d)" d="M7 13h2v2H7z" />
<path fill="url(#e)" d="M5 11h2v2H5z" />
<path fill="url(#f)" d="M9 11h2v2H9z" />
<path fill="url(#g)" d="M55 9h2v2h-2z" />
<path fill="url(#h)" d="M55 13h2v2h-2z" />
<path fill="url(#i)" d="M53 11h2v2h-2z" />
<path fill="url(#j)" d="M57 11h2v2h-2z" />
<path fill="url(#k)" d="M13 22h2v2h-2z" />
<path fill="url(#l)" d="M13 26h2v2h-2z" />
<path fill="url(#m)" d="M11 24h2v2h-2z" />
<path fill="url(#n)" d="M15 24h2v2h-2z" />
<path fill="url(#o)" d="M49 22h2v2h-2z" />
<path fill="url(#p)" d="M49 26h2v2h-2z" />
<path fill="url(#q)" d="M47 24h2v2h-2z" />
<path fill="url(#r)" d="M51 24h2v2h-2z" />
</svg>
More icons in the same style and category