Add icons to this collection by clicking the heart icon.
Gift Boxes icon - also known as ribbon, gift, box, heart, birthday, party, love, delivery, shipping, gift boxes, and love and romance. 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="c"
x1="-2"
x2="55.055"
y1="45.185"
y2="39.248"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6aed0" />
<stop offset=".075" stop-color="#f7a8cd" />
<stop offset=".18" stop-color="#f896c4" />
<stop offset=".303" stop-color="#fb78b4" />
<stop offset=".428" stop-color="#ff52a1" />
</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="d"
x1="35"
x2="63"
y1="52"
y2="52"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ef72ad" />
<stop offset=".104" stop-color="#f06caa" />
<stop offset=".249" stop-color="#f35aa2" />
<stop offset=".418" stop-color="#f83c94" />
<stop offset=".604" stop-color="#ff1381" />
<stop offset=".612" stop-color="#ff1180" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="42"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="12.135"
x2="29.905"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16"
x2="26"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
>
<stop offset=".402" stop-color="#ffb555" />
<stop offset=".422" stop-color="#ffb450" />
<stop offset=".527" stop-color="#ffb03b" />
<stop offset=".645" stop-color="#ffac2c" />
<stop offset=".784" stop-color="#ffab24" />
<stop offset="1" stop-color="#ffaa21" />
</linearGradient>
<linearGradient
id="h"
x1="43.046"
x2="55.184"
y1="32.5"
y2="32.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="46"
x2="52"
y1="52"
y2="52"
gradientUnits="userSpaceOnUse"
>
<stop offset=".188" stop-color="#ffa4b4" />
<stop offset=".32" stop-color="#ff9eaf" />
<stop offset=".505" stop-color="#ff8ca1" />
<stop offset=".721" stop-color="#ff6e89" />
<stop offset=".958" stop-color="#ff4568" />
<stop offset="1" stop-color="#ff3d62" />
</linearGradient>
<linearGradient
id="j"
x1="34"
x2="64"
y1="39"
y2="39"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="16"
x2="26"
y1="18.978"
y2="18.978"
gradientUnits="userSpaceOnUse"
>
<stop offset=".318" stop-color="#ffa633" />
<stop offset=".483" stop-color="#ffa11d" />
<stop offset=".688" stop-color="#ff9c08" />
<stop offset=".822" stop-color="#ff9a00" />
</linearGradient>
<path
fill="url(#c)"
d="M41 23v14c0 .55-.45 1-1 1h-4v2c.55 0 1 .45 1 1v22c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V23c0-.55.45-1 1-1h38c.55 0 1 .45 1 1z"
/>
<path
fill="url(#d)"
d="M63 41v22c0 .55-.45 1-1 1H36c-.55 0-1-.45-1-1V41c0-.55.45-1 1-1h26c.55 0 1 .45 1 1z"
/>
<path
fill="url(#e)"
d="M40 14H2c-1.103 0-2 .897-2 2v6c0 1.103.897 2 2 2h38c1.103 0 2-.897 2-2v-6c0-1.103-.897-2-2-2z"
/>
<path
fill="url(#f)"
d="M24.885.008a5.312 5.312 0 0 0-3.866 1.358A5.334 5.334 0 0 0 17.155.008c-2.859.158-5.017 2.605-5.02 5.69-.008 7.4 8.227 10.14 8.578 10.253a.976.976 0 0 0 .614.001c.351-.113 8.586-2.853 8.578-10.253-.003-3.086-2.161-5.533-5.02-5.691z"
/>
<path
fill="#f6aed0"
d="M19.225 11a.99.99 0 0 1-.562-.174C16.919 9.636 15.998 8.045 16 6.224a1 1 0 0 1 1-.999h.001A1 1 0 0 1 18 6.226c-.001 1.145.601 2.137 1.79 2.948A1 1 0 0 1 19.225 11z"
/>
<path fill="url(#g)" d="M16 14h10v50H16z" />
<path
fill="url(#h)"
d="M51.62 27.006a3.768 3.768 0 0 0-2.501.768 3.783 3.783 0 0 0-2.508-.768c-1.996.11-3.562 1.873-3.564 4.014-.005 5.015 5.526 6.856 5.762 6.932a1.005 1.005 0 0 0 .614 0c.236-.076 5.767-1.917 5.762-6.932-.004-2.141-1.569-3.904-3.565-4.014z"
/>
<path
fill="url(#i)"
d="M52 41.08V64h-6V41.08c0-.6.45-1.08 1-1.08h4c.55 0 1 .48 1 1.08z"
/>
<path
fill="url(#j)"
d="M63 36H35a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path fill="url(#k)" d="M16 14h10v9.955H16z" />
</svg>
More icons in the same style and category