Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as ribbon, present, gift, surprise, commerce and shopping, and shopping bag. 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 502 502"
>
    <linearGradient
        id="b"
        x1="251"
        x2="251"
        y1="123.156"
        y2="-2.258"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9fd8e6" />
        <stop offset="1" stop-color="#c4e8f0" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="251"
        x2="251"
        y1="549.283"
        y2="76.686"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f4d952" />
        <stop offset="1" stop-color="#f9edaf" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#dd5c6e" />
        <stop offset="1" stop-color="#ec8290" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="198.935"
        x2="198.935"
        y1="190.038"
        y2="310.629"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="1256.986"
        x2="1256.986"
        y1="190.038"
        y2="310.629"
        gradientTransform="matrix(-1 0 0 1 1560.051 0)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="294.649"
        x2="158.835"
        y1="151.074"
        y2="151.074"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="1352.7"
        x2="1216.886"
        y1="151.074"
        y2="151.074"
        gradientTransform="matrix(-1 0 0 1 1560.051 0)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="251"
        x2="251"
        y1="157.534"
        y2="241.669"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ec6f80" />
        <stop offset="1" stop-color="#eca0aa" />
    </linearGradient>
    <path
        fill="url(#b)"
        d="M392.648 170.2h-43.146c0-11.244-1.477-50.469-20.483-83.126C311.816 57.515 286.296 43.146 251 43.146s-60.816 14.369-78.019 43.928c-19.006 32.657-20.483 71.883-20.483 83.126h-43.146c0-17.911 2.567-63.982 26.339-104.829C160.58 22.605 200.453 0 251 0s90.42 22.605 115.309 65.371c23.773 40.846 26.339 86.917 26.339 104.829z"
    />
    <path
        fill="url(#c)"
        d="M411.311 502c29.594 0 49.191-30.711 36.723-57.551a216.786 216.786 0 0 1-20.177-91.329V166.014c0-26.738-29.109-43.307-52.099-29.654l-18.719 11.117a34.49 34.49 0 0 1-35.22 0l-28.752-17.074a82.387 82.387 0 0 0-84.134 0l-28.752 17.074a34.492 34.492 0 0 1-35.221 0l-18.719-11.117c-22.99-13.653-52.099 2.916-52.099 29.654V353.12c0 31.549-6.886 62.717-20.176 91.329C41.498 471.289 61.095 502 90.689 502z"
    />
    <path
        fill="url(#d)"
        d="m176.699 336.654-12.698-4.547c-13.661-4.892-20.729-19.976-15.754-33.606 17.863-48.949 29.907-76.955 51.185-104.093l51.784 40.601c-15.127 19.294-24.311 39.978-41.119 85.98-4.938 13.511-19.853 20.515-33.398 15.665z"
    />
    <path
        fill="url(#e)"
        d="m325.301 336.654 12.698-4.547c13.661-4.892 20.729-19.976 15.754-33.606-17.862-48.949-29.907-76.955-51.185-104.093l-51.784 40.601c15.127 19.294 24.311 39.978 41.119 85.98 4.938 13.511 19.853 20.515 33.398 15.665z"
    />
    <path
        fill="url(#f)"
        d="M249.136 190.783c-12.664 27.158-88.243 18.717-115.401 6.054-27.158-12.664-38.907-44.946-26.243-72.103 12.664-27.158 44.946-38.907 72.103-26.243 27.158 12.662 82.205 65.134 69.541 92.292z"
    />
    <path
        fill="#e05d6f"
        d="M240.261 208.878a11.472 11.472 0 0 1-8.829-4.125c-18.065-21.612-49.111-38.576-69.15-43.564-6.163-1.534-9.916-7.774-8.382-13.937 1.535-6.163 7.774-9.915 13.938-8.382 24.16 6.014 59.824 25.509 81.242 51.133 4.073 4.873 3.425 12.125-1.448 16.198a11.462 11.462 0 0 1-7.371 2.677z"
    />
    <path
        fill="url(#g)"
        d="M252.863 190.783c12.664 27.158 88.243 18.717 115.401 6.054 27.158-12.664 38.907-44.946 26.243-72.103-12.664-27.158-44.946-38.907-72.103-26.243-27.157 12.662-82.204 65.134-69.541 92.292z"
    />
    <path
        fill="#e05d6f"
        d="M261.739 208.878c-2.602 0-5.217-.878-7.37-2.677-4.873-4.073-5.521-11.325-1.448-16.198 21.418-25.624 57.083-45.119 81.242-51.133 6.163-1.535 12.403 2.218 13.938 8.382 1.534 6.163-2.219 12.402-8.382 13.937-20.04 4.988-51.085 21.952-69.15 43.564a11.478 11.478 0 0 1-8.83 4.125z"
    />
    <ellipse cx="251" cy="200.145" fill="url(#h)" rx="46.436" ry="41.149" />
    <ellipse cx="163.114" cy="425.941" fill="#eaadcd" rx="14.936" ry="12.003" />
    <ellipse cx="338.885" cy="425.941" fill="#eaadcd" rx="14.936" ry="12.003" />
    <path
        fill="#fff"
        d="M188.721 400.29c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.802 10.365-5.87a30 30 0 0 0 .029-4.348c-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.036 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.348-2.685 11.979-4.275 19.164-4.275z"
    />
    <path
        fill="#3b3b44"
        d="M251 436.128c-6.447 0-12.894-2.155-18.274-6.465-4.989-3.997-5.794-11.282-1.797-16.271 3.997-4.99 11.282-5.793 16.271-1.797a6.041 6.041 0 0 0 7.598 0c4.988-3.997 12.273-3.193 16.271 1.797 3.997 4.989 3.193 12.274-1.797 16.271-5.378 4.31-11.825 6.465-18.272 6.465zM188.721 400.29c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.764-1.885 10.312-2.967 16.237-2.967z"
    />
    <path
        fill="#fff"
        d="M313.279 400.29c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.802 10.365-5.87a30 30 0 0 0 .029-4.348c-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.856 7.995 10.349 5.738 5.347-2.685 11.979-4.275 19.164-4.275z"
    />
    <path
        fill="#3b3b44"
        d="M313.279 400.29c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.763-1.885 10.311-2.967 16.237-2.967z"
    />
    <path
        fill="#efc534"
        d="M148.247 298.5c14.813-40.593 25.631-66.78 41.026-90.017-21.558-1.167-43.39-5.983-55.537-11.647a54.788 54.788 0 0 1-5.503-2.959c-7.849-4.82-18.001-3.424-24.158 3.427-7.913 8.803-5.95 22.638 4.121 28.858a92.23 92.23 0 0 0 9.48 5.113c4.125 1.924 8.813 3.722 13.916 5.362-6.121 14.185-12.213 30.122-19.043 48.836-2.688 7.367-3.988 15.006-3.915 22.615.123 12.846 12.703 21.87 24.915 17.884 7.971-2.602 13.11-10.116 13.106-18.501a26.097 26.097 0 0 1 1.592-8.971z"
    />
    <g fill="#fef6d8">
        <path
            d="M410.886 456.655a10.003 10.003 0 0 1-9.291-6.298 261.767 261.767 0 0 1-3.419-9.054c-1.854-5.202.859-10.923 6.061-12.777 5.205-1.853 10.923.858 12.777 6.061a241.94 241.94 0 0 0 3.157 8.36c2.046 5.129-.453 10.946-5.582 12.993a9.973 9.973 0 0 1-3.703.715zM396.996 408.43c-4.734 0-8.94-3.375-9.825-8.197-2.862-15.599-4.313-31.449-4.313-47.112 0-5.522 4.477-10 10-10s10 4.478 10 10c0 14.455 1.341 29.092 3.985 43.503.996 5.433-2.599 10.644-8.031 11.641-.61.11-1.218.165-1.816.165z"
        />
    </g>
</svg>
More icons in the same style and category