Add icons to this collection by clicking the heart icon.
Gift icon - also known as gift, box, heart, gift box, shipping and delivery, birthday and party, love and romance, and heart box. 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="64"
height="64"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="42.399"
x2="42.399"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="16.4"
x2="16.4"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="47.6"
x2="47.6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="13.949"
x2="13.949"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="39.019"
x2="39.019"
y1="60"
y2="3.989"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="20.997"
x2="20.997"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="35.414"
x2="35.414"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="8.6"
x2="8.6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="55.4"
x2="55.4"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="31.81"
x2="31.81"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="21.6"
x2="21.6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="34.6"
x2="34.6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="29.4"
x2="29.4"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="49.921"
x2="49.921"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="42.623"
x2="42.623"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="24.602"
x2="24.602"
y1="60"
y2="3.989"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="28.206"
x2="28.206"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M53.666 25.47a1 1 0 0 0-1.366-.366L31.5 37.112a1 1 0 1 0 1 1.732l20.8-12.009a.999.999 0 0 0 .366-1.365z"
/>
<path
fill="url(#c)"
d="M27.3 43.348 6.5 31.339a1 1 0 0 0-1 1.732L26.3 45.08a.997.997 0 0 0 1.366-.366 1 1 0 0 0-.366-1.366z"
/>
<path
fill="url(#d)"
d="M57.5 31.339 36.7 43.348a.999.999 0 0 0 .501 1.866c.17 0 .342-.043.499-.134l20.8-12.009a1 1 0 0 0-1-1.732z"
/>
<path
fill="url(#e)"
d="M11.201 26.97a.995.995 0 0 0 .499-.134l5.498-3.174a1 1 0 1 0-1-1.732L10.7 25.104a1 1 0 0 0 .501 1.866z"
/>
<path
fill="url(#f)"
d="M31.81 32.079a.997.997 0 0 0 .745-.333c1.441-1.608 3.375-3.015 5.421-4.505 4.518-3.289 9.188-6.69 9.251-12.775l.001-.105c0-.55-.445-.95-.995-.952h-.005c-.548 0-.995.488-1.001 1.037-.052 5.08-4.12 8.042-8.428 11.179-2.041 1.485-4.15 3.021-5.733 4.787a1 1 0 0 0 .744 1.667z"
/>
<path
fill="url(#g)"
d="M17.389 15.36h.003a1 1 0 0 0 1-.997c.013-3.535 2.391-7.355 6.211-7.363a1 1 0 0 0-.002-2H24.6c-5.048.01-8.191 4.864-8.207 9.356a.998.998 0 0 0 .996 1.004z"
/>
<path
fill="url(#h)"
d="M31.81 10.345a.995.995 0 0 0 .738-.325A9.374 9.374 0 0 1 39.058 7c.552-.021.981-.486.96-1.038s-.477-1.004-1.038-.96a11.38 11.38 0 0 0-7.907 3.668 1 1 0 0 0 .737 1.675z"
/>
<path
fill="url(#i)"
d="M6 33.205c.286 0 .571-.123.769-.359l5.2-6.235a1.001 1.001 0 0 0-1.536-1.282l-5.2 6.235A1.001 1.001 0 0 0 6 33.205z"
/>
<path
fill="url(#j)"
d="M57.232 32.846a.997.997 0 0 0 1.409.127 1 1 0 0 0 .127-1.409l-5.2-6.235a1 1 0 0 0-1.535 1.282z"
/>
<path
fill="url(#k)"
d="M31.81 59.001a1 1 0 0 0 1-1V37.869a1 1 0 0 0-2 0v20.132a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="m10.7 26.836 20.8 12.009a.997.997 0 0 0 1.366-.366 1.001 1.001 0 0 0-.366-1.366L11.7 25.104a.999.999 0 1 0-1 1.732z"
/>
<path
fill="url(#m)"
d="M36.433 44.854a.997.997 0 0 0 1.409.127 1 1 0 0 0 .127-1.409l-5.2-6.235a1.001 1.001 0 0 0-1.536 1.282z"
/>
<path
fill="url(#n)"
d="m31.232 37.338-5.2 6.235a1.001 1.001 0 0 0 1.536 1.282l5.2-6.235a1.002 1.002 0 0 0-1.536-1.282z"
/>
<path
fill="url(#k)"
d="m10.51 46.858 20.8 12.009a1.003 1.003 0 0 0 1 0l20.8-12.009a1 1 0 0 0 .5-.866V35.317a1 1 0 1 0-2 0v10.098l-19.8 11.431-19.8-11.431V35.098a1 1 0 0 0-2 0v10.895c0 .357.19.687.5.865z"
/>
<path
fill="url(#o)"
d="M46.176 22.146a1 1 0 0 0 .366 1.366l5.758 3.324a.998.998 0 0 0 1.366-.366 1 1 0 0 0-.366-1.366l-5.758-3.324a.998.998 0 0 0-1.366.366z"
/>
<path
fill="url(#p)"
d="M39.017 7.001c3.711.007 6.207 3.812 6.211 7.36a1 1 0 0 0 1 .999h.001a1 1 0 0 0 .999-1.001c-.004-4.493-3.144-9.348-8.207-9.358h-.002a1 1 0 0 0-.002 2z"
/>
<path
fill="url(#q)"
d="M25.657 27.254c2.041 1.487 3.969 2.891 5.409 4.493a.997.997 0 0 0 1.412.076 1 1 0 0 0 .075-1.412c-1.581-1.758-3.685-3.29-5.719-4.772-4.314-3.143-8.389-6.111-8.441-11.192l-.001-.101c-.008-.55-.448-.906-1.012-.937-.551.007-.992.506-.987 1.058.063 6.085 4.951 9.646 9.264 12.787z"
/>
<path
fill="url(#r)"
d="M24.563 7a9.37 9.37 0 0 1 6.51 3.02.995.995 0 0 0 1.412.063 1 1 0 0 0 .063-1.413 11.382 11.382 0 0 0-7.908-3.668.989.989 0 0 0-1.038.96A1 1 0 0 0 24.563 7z"
/>
</svg>
More icons in the same style and category