Add icons to this collection by clicking the heart icon.
Heart Box icon - also known as gift, box, heart, birthday, party, love, gift box, delivery, shipping, love and romance, and heart box. Created in a clean flat gradient style with a pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="d"
x1="12"
x2="52"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
>
<stop offset=".349" stop-color="#ffa4b4" />
<stop offset=".456" stop-color="#ff9eaf" />
<stop offset=".604" stop-color="#ff8ca1" />
<stop offset=".776" stop-color="#ff6e89" />
<stop offset=".966" stop-color="#ff4568" />
<stop offset="1" stop-color="#ff3d62" />
</linearGradient>
<linearGradient id="a">
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<linearGradient
id="e"
x1="28"
x2="39.324"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="20"
x2="44"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".291" stop-color="#ef72ad" />
<stop offset=".754" stop-color="#fa4597" />
<stop offset="1" stop-color="#ff328e" />
</linearGradient>
<linearGradient
id="g"
x1="13.202"
x2="13.903"
y1="11.051"
y2="20.034"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="46.217"
x2="53.844"
y1="12.441"
y2="17.239"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".138" stop-color="#ffb555" />
<stop offset=".167" stop-color="#ffb450" />
<stop offset=".318" stop-color="#ffb03b" />
<stop offset=".488" stop-color="#ffac2c" />
<stop offset=".689" stop-color="#ffab24" />
<stop offset="1" stop-color="#ffaa21" />
</linearGradient>
<linearGradient
id="i"
x1="45.191"
x2="34.859"
y1="23.526"
y2="23.436"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="17.392"
x2="26.607"
y1="24.301"
y2="22.698"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="58.08"
x2="47.111"
y1="26.151"
y2="26.217"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="6.573"
x2="15.152"
y1="28.535"
y2="24.83"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M52 31v30c0 1.65-1.35 3-3 3H15c-1.65 0-3-1.35-3-3V31c0-.55.45-1 1-1h38c.55 0 1 .45 1 1z"
/>
<path fill="url(#e)" d="M28 30h8v34h-8z" />
<path
fill="url(#f)"
d="M37.371.011A6.942 6.942 0 0 0 32 2.1 6.923 6.923 0 0 0 26.628.011C22.854.225 20.004 3.536 20 7.712c-.011 10.258 11.209 14.08 11.686 14.237a.993.993 0 0 0 .627.001C32.791 21.792 44.01 17.97 44 7.712 43.995 3.535 41.145.225 37.371.011z"
/>
<path
fill="#ffa4b4"
d="M28.337 14.893c-.198 0-.397-.059-.572-.18-2.314-1.617-3.536-3.766-3.533-6.214a1 1 0 0 1 1-.999h.001a1 1 0 0 1 .999 1.001c-.002 1.792.899 3.33 2.678 4.573a1 1 0 0 1-.573 1.819z"
/>
<path
fill="url(#g)"
d="M16.545 11c-1.21-1.209-3.084-1.331-4.262-.276a2.93 2.93 0 0 0-.93 1.627 2.939 2.939 0 0 0-1.629.933c-1.07 1.199-.952 3.031.276 4.262 1.122 1.124 2.445 1.46 3.627 1.46 1.694 0 3.098-.69 3.195-.74a.999.999 0 0 0 .443-.443c.083-.167 2.014-4.095-.72-6.823z"
/>
<path
fill="url(#h)"
d="M54.276 13.283a2.93 2.93 0 0 0-1.626-.93 2.939 2.939 0 0 0-.933-1.629c-1.179-1.053-3.052-.931-4.262.276-2.734 2.729-.803 6.657-.72 6.822a.999.999 0 0 0 .443.443c.098.049 1.5.74 3.195.739 1.182 0 2.506-.336 3.627-1.46 1.228-1.23 1.346-3.062.276-4.261z"
/>
<path
fill="url(#i)"
d="M37.833 26.997a.997.997 0 0 1-.948-1.313c.077-.233 1.978-5.684 9.281-5.684a1 1 0 0 1 0 2c-5.82 0-7.325 4.146-7.386 4.322a1.006 1.006 0 0 1-.947.675z"
/>
<path
fill="url(#j)"
d="M26.166 27a1 1 0 0 1-.947-.679C25.155 26.135 23.646 22 17.833 22a1 1 0 0 1 0-2c7.303 0 9.204 5.452 9.282 5.684A1 1 0 0 1 26.166 27z"
/>
<path
fill="url(#k)"
d="M57.882 26.529c-.552-1.035-1.426-1.738-2.527-2.032-2.884-.768-6.484 1.404-6.885 1.655a1 1 0 1 0 1.06 1.696c.885-.553 3.563-1.883 5.309-1.419.576.154.982.485 1.279 1.042a1 1 0 1 0 1.764-.942z"
/>
<path
fill="url(#l)"
d="M6.999 28a1.001 1.001 0 0 1-.882-1.471c.552-1.035 1.426-1.738 2.527-2.032 2.887-.77 6.484 1.404 6.885 1.655a1 1 0 0 1-1.059 1.697c-.888-.553-3.574-1.884-5.312-1.418-.574.154-.979.484-1.276 1.041-.18.336-.526.528-.883.528z"
/>
</svg>
More icons in the same style and category