Add icons to this collection by clicking the heart icon.
Gift Box icon - also known as present, online, gift box, store, commerce and shopping, online shopping, and e-commerce. 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 512 512"
>
    <linearGradient
        id="c"
        x1="74.981"
        x2="437.02"
        y1="437.019"
        y2="74.98"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".1" stop-color="#ff1a5e" />
        <stop offset="1" stop-color="#ffc5a3" />
    </linearGradient>
    <radialGradient
        id="d"
        cx="256.001"
        cy="256"
        r="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff1a5e" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#ff91bb" />
        <stop offset=".03" stop-color="#ff94bd" />
        <stop offset=".462" stop-color="#ffbfd9" />
        <stop offset=".8" stop-color="#ffd9eb" />
        <stop offset="1" stop-color="#ffe3f1" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="173.199"
        x2="361.747"
        y1="64.98"
        y2="143.079"
        gradientTransform="rotate(-67.48 257.168 160.133)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="167.94"
        x2="412.591"
        y1="81.04"
        y2="182.378"
        gradientTransform="rotate(-67.48 257.168 160.133)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff91bb" />
        <stop offset=".636" stop-color="#ffc8df" />
        <stop offset="1" stop-color="#ffe3f1" />
    </linearGradient>
    <linearGradient id="b">
        <stop offset="0" stop-color="#ffb5d3" />
        <stop offset=".418" stop-color="#ffdbea" />
        <stop offset=".784" stop-color="#fff5f9" />
        <stop offset="1" stop-color="#fff" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="101.872"
        x2="428.215"
        y1="420.727"
        y2="94.384"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="99.299"
        x2="422.138"
        y1="516.724"
        y2="193.885"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="256"
        x2="256"
        y1="452.789"
        y2="202.779"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity="0" />
        <stop offset=".336" stop-color="#fffdfe" stop-opacity=".336" />
        <stop offset=".476" stop-color="#fff6f9" stop-opacity=".476" />
        <stop offset=".58" stop-color="#ffe9f0" stop-opacity=".58" />
        <stop offset=".666" stop-color="#ffd8e3" stop-opacity=".666" />
        <stop offset=".74" stop-color="#ffc1d3" stop-opacity=".74" />
        <stop offset=".807" stop-color="#ffa5bf" stop-opacity=".807" />
        <stop offset=".868" stop-color="#ff83a8" stop-opacity=".868" />
        <stop offset=".925" stop-color="#ff5c8c" stop-opacity=".925" />
        <stop offset=".976" stop-color="#ff316e" stop-opacity=".976" />
        <stop offset="1" stop-color="#ff1a5e" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="177.946"
        x2="343.101"
        y1="375.823"
        y2="210.668"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="201.788"
        x2="329.481"
        y1="328.942"
        y2="201.249"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="176.8"
        x2="348.261"
        y1="474.95"
        y2="303.489"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="176.881"
        x2="328.476"
        y1="429.282"
        y2="277.687"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="157.689"
        x2="322.14"
        y1="107.136"
        y2="39.018"
        gradientTransform="rotate(-22.48 284.689 122.359)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="176.439"
        x2="371.97"
        y1="132.623"
        y2="51.632"
        gradientTransform="rotate(-22.48 284.689 122.359)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="p"
        x1="219.516"
        x2="272.014"
        y1="136.322"
        y2="9.581"
        gradientTransform="rotate(22.48 205.593 229.634)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="q"
        x1="204.317"
        x2="319.768"
        y1="195.347"
        y2="-83.376"
        gradientTransform="rotate(22.48 205.593 229.634)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="r"
        x1="267.34"
        x2="198.967"
        y1="143.589"
        y2="-21.478"
        gradientTransform="rotate(67.48 233.547 192.173)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="s"
        x1="274.302"
        x2="159.233"
        y1="166.883"
        y2="-110.919"
        gradientTransform="rotate(67.48 233.547 192.173)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="t"
        x1="256.003"
        x2="256.003"
        y1="242.937"
        y2="73.27"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff1a5e" />
        <stop offset=".016" stop-color="#ff2264" stop-opacity=".984" />
        <stop offset=".101" stop-color="#ff4682" stop-opacity=".899" />
        <stop offset=".194" stop-color="#ff649b" stop-opacity=".806" />
        <stop offset=".296" stop-color="#ff7eb0" stop-opacity=".704" />
        <stop offset=".408" stop-color="#ff91c0" stop-opacity=".592" />
        <stop offset=".538" stop-color="#ff9fcb" stop-opacity=".462" />
        <stop offset=".701" stop-color="#ffa7d2" stop-opacity=".299" />
        <stop offset="1" stop-color="#ffa9d4" stop-opacity="0" />
    </linearGradient>
    <linearGradient
        id="u"
        x1="41.245"
        x2="367.135"
        y1="436.406"
        y2="110.516"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="v"
        x1="202.101"
        x2="352.517"
        y1="332.477"
        y2="182.06"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="w"
        x1="176.283"
        x2="337.54"
        y1="285.528"
        y2="124.271"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <circle cx="256" cy="256" r="256" fill="url(#c)" />
    <circle cx="256" cy="256" r="256" fill="url(#d)" />
    <path
        fill="url(#e)"
        d="M121.881 128.296c-11.535 26.498 7.673 54.924 36.522 54.72 19.608 9.972 39.28 20.103 58.983 30.302 1.963-35.669 4.01-71.352 6.099-107.044a5949.052 5949.052 0 0 0-35.936 7.611c-19.943-20.077-54.125-12.147-65.668 14.411z"
    />
    <path
        fill="url(#f)"
        d="M178.904 182.834a16822.344 16822.344 0 0 1 38.482 30.484c12.886-10.262 25.765-20.537 38.614-30.787-10.94-25.46-21.818-50.903-32.515-76.257a15297.792 15297.792 0 0 1-21.677 21.908c-15.854-15.946-42.93-9.94-51.926 11.099-8.994 21.006 6.239 43.692 29.022 43.553z"
    />
    <path
        fill="url(#g)"
        d="M395.4 244.011c-92.933.028-185.867.028-278.8 0 .003 15.124.068 30.247.194 45.37 46.57 20.682 93.08 41.776 139.206 62.276 46.126-20.5 92.637-41.594 139.206-62.276.126-15.124.191-30.247.194-45.37z"
    />
    <path
        fill="url(#h)"
        d="M116.794 289.38a5618.654 5618.654 0 0 0 2.948 141.161c.141 4.183 3.62 7.722 7.758 7.91a2852.27 2852.27 0 0 0 83.5 2.547c14.601-34.937 29.707-70.118 45-105.355 15.293 35.237 30.399 70.418 45 105.355 27.833-.44 55.667-1.289 83.5-2.547 4.138-.189 7.616-3.727 7.758-7.91a5613.81 5613.81 0 0 0 2.948-141.161 12482.392 12482.392 0 0 1-278.412 0z"
    />
    <path
        fill="url(#i)"
        d="M116.6 244.011a5613.776 5613.776 0 0 0 3.142 186.531c.141 4.183 3.62 7.722 7.758 7.91a2845.939 2845.939 0 0 0 257 0c4.138-.189 7.616-3.727 7.758-7.91a5613.776 5613.776 0 0 0 3.142-186.531c-92.933.027-185.867.027-278.8 0z"
    />
    <path
        fill="url(#j)"
        d="m271.375 244.031 30.75-.002c-.001 15.348-.022 30.695-.064 46.042-25.631 15.442-51.213 30.897-76.645 46.135 15.183-30.65 30.583-61.43 45.959-92.175z"
    />
    <path
        fill="url(#k)"
        d="M271.375 244.031c-20.5.001-41 0-61.5-.002.001 15.348.022 30.695.064 46.042 20.513 15.423 40.991 30.869 61.353 46.191.054-30.743.082-61.487.083-92.231z"
    />
    <path
        fill="url(#l)"
        d="M271.354 290.147c-15.376 25.214-30.703 50.429-45.816 75.51 15.349 25.277 30.557 50.542 45.462 75.657 10-.053 20-.158 30-.316.571-50.309.925-100.618 1.061-150.927-10.236.038-20.471.064-30.707.076z"
    />
    <path
        fill="url(#m)"
        d="M209.939 290.072c.136 50.309.49 100.618 1.061 150.927 20 .316 40 .422 60 .316.19-50.389.308-100.778.354-151.168-20.472.025-40.944 0-61.415-.075z"
    />
    <path
        fill="url(#n)"
        d="M201.305 47.796c-26.174 11.601-33.752 46.126-13.755 66.091 4.739 4.75 9.492 9.516 14.258 14.296 28.289-7.826 56.492-15.476 84.583-22.811A30750.76 30750.76 0 0 0 256 84.714c-.093-28.893-28.583-48.486-54.695-36.918z"
    />
    <path
        fill="url(#o)"
        d="M201.808 128.183c17.923 17.974 36.02 36.136 54.192 54.349 10.227-25.757 20.395-51.497 30.391-77.16-10.13-.073-20.26-.11-30.391-.11-.048-22.82-22.745-38.302-43.49-29.294-20.777 9.021-26.583 36.33-10.702 52.215z"
    />
    <path
        fill="url(#p)"
        d="M310.703 47.8c-26.119-11.572-54.61 8.024-54.703 36.916v20.546c25.163 14.792 50.518 29.809 75.972 44.833-2.498-12.06-5.007-24.13-7.521-36.209C344.45 93.92 336.869 59.397 310.703 47.8z"
    />
    <path
        fill="url(#q)"
        d="M256 105.262v77.27c25.403-10.965 50.744-21.831 75.972-32.437a12832.73 12832.73 0 0 1-21.78-21.912c15.88-15.885 10.073-43.193-10.701-52.215-20.747-9.009-43.442 6.474-43.491 29.294z"
    />
    <path
        fill="url(#r)"
        d="M390.122 128.304c-11.547-26.566-45.728-34.497-65.672-14.417-4.739 4.75-9.492 9.516-14.258 14.296 7.703 28.471 15.416 56.899 23.036 85.247 6.817-10.172 13.61-20.313 20.37-30.413 28.851.203 48.056-28.223 36.524-54.713z"
    />
    <path
        fill="url(#s)"
        d="M310.192 128.183c-17.923 17.974-36.02 36.136-54.192 54.349 25.699 10.25 51.457 20.601 77.228 30.898-.029-10.198-.073-20.397-.132-30.595 22.783.138 38.016-22.548 29.022-43.552-8.996-21.043-36.073-27.047-51.926-11.1z"
    />
    <path
        fill="url(#t)"
        d="M390.122 128.304c-11.544-26.559-45.723-34.49-65.668-14.411 20-19.964 12.417-54.489-13.748-66.086-26.12-11.572-54.609 8.023-54.703 36.916-.093-28.892-28.583-48.49-54.703-36.916-26.166 11.598-33.747 46.121-13.748 66.086-19.945-20.079-54.124-12.149-65.668 14.41-11.536 26.497 7.673 54.925 36.522 54.72 32.42 14.928 64.995 30.265 97.596 45.64 32.601-15.375 65.176-30.712 97.596-45.64 28.852.205 48.059-28.221 36.524-54.719z"
    />
    <path
        fill="url(#u)"
        d="M418.098 183.871c-28.465-.47-56.93-.817-85.396-1.039-25.522 7.768-51.098 15.716-76.703 23.724-25.604-8.008-51.181-15.956-76.703-23.724-28.465.222-56.93.569-85.396 1.039-4.233.071-7.714 3.493-7.761 7.63-.226 20-.321 40-.282 60 .007 4.138 3.465 7.515 7.707 7.536 28.524.13 57.049.226 85.573.287 25.608-7.913 51.238-15.933 76.862-23.941 25.624 8.008 51.254 16.028 76.862 23.941 28.524-.062 57.049-.157 85.573-.287 4.242-.021 7.7-3.397 7.707-7.536.039-20-.056-40-.282-60-.046-4.139-3.527-7.559-7.761-7.63z"
    />
    <path
        fill="url(#v)"
        d="M302.022 182.639a46636.496 46636.496 0 0 0-46.021 38.33 45066.15 45066.15 0 0 0 46.117 38.408c10.248-.013 20.497-.031 30.745-.053.041-25.498-.012-50.995-.159-76.492a9511.324 9511.324 0 0 0-30.682-.193z"
    />
    <path
        fill="url(#w)"
        d="M179.297 182.831c-.147 25.497-.2 50.995-.159 76.492 40.993.088 81.986.106 122.979.053.024-25.579-.007-51.158-.096-76.737a9824.776 9824.776 0 0 0-122.724.192z"
    />
</svg>
More icons in the same style and category