Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as information, info, commerce and shopping, shopping bag, online shopping, purchase, and ecommerce. Created in a clean flat 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 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#d9defb" />
        <stop offset="1" stop-color="#4460ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 8 -8 0 18.523 3)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 46.5 67) scale(18.5)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3fb655" />
        <stop offset="1" stop-color="#137e27" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 4.943 -4.943 0 112.914 22)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="matrix(0 12.026 -12.026 0 115.5 12)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -1.347 24.651) scale(11.502)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#01a1ff" />
        <stop offset="1" stop-color="#00619a" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="0"
        x2="1"
        y1="0"
        y2="0"
        gradientTransform="rotate(90 -1.692 24.053) scale(12.254)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#b3b3b3" />
    </linearGradient>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            fill="url(#b)"
            d="M19.502 5.828c0-2.526-2.052-4.578-4.579-4.578s-4.578 2.052-4.578 4.578a.75.75 0 0 0 1.5 0 3.08 3.08 0 0 1 6.157 0 .75.75 0 0 0 1.5 0z"
        />
        <path
            fill="url(#c)"
            d="M18.154 28.455a.751.751 0 0 0 .63-1.157 4.257 4.257 0 0 1 5.79-5.936.75.75 0 0 0 1.14-.677l-.649-12.994a2.75 2.75 0 0 0-2.747-2.613H7.528a2.75 2.75 0 0 0-2.746 2.613l-.894 17.877a2.747 2.747 0 0 0 2.746 2.887z"
        />
        <path
            fill="url(#d)"
            d="M19.816 21.587H4.087l-.075 1.5h14.547a4.283 4.283 0 0 1 1.257-1.5z"
        />
        <path
            fill="url(#e)"
            d="M18.002 9.93c0 1.699-1.38 3.079-3.079 3.079s-3.078-1.38-3.078-3.079a.75.75 0 0 0-1.5 0c0 2.527 2.051 4.579 4.578 4.579s4.579-2.052 4.579-4.579a.75.75 0 0 0-1.5 0z"
        />
        <circle cx="22.361" cy="24.996" r="5.754" fill="url(#f)" />
        <circle cx="22.361" cy="24.996" r="4.254" fill="url(#g)" />
        <g fill="url(#f)">
            <circle cx="22.361" cy="22.991" r=".75" />
            <path
                d="M21.611 24.996V27a.75.75 0 0 0 1.5 0v-2.004a.75.75 0 0 0-1.5 0z"
            />
        </g>
    </g>
</svg>
More icons in the same style and category