Add icons to this collection by clicking the heart icon.
Online Shopping icon - also known as technology, business, internet, online, marketing, website, advertising, online shopping, promotion, ecommerce, and digital marketing. 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 64 64"
>
<linearGradient
id="a"
x1="7"
x2="53"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient
id="b"
x1="13"
x2="25"
y1="28.5"
y2="28.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="c"
x1="33"
x2="57"
y1="48"
y2="48"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe9661" />
<stop offset="1" stop-color="#ffb369" />
</linearGradient>
<linearGradient id="d" x1="47" x2="51" y1="52" y2="52" href="#a" />
<linearGradient id="e" x1="50" x2="54" y1="52" y2="52" href="#a" />
<g>
<path
fill="#b4cde1"
d="M53 10v5H7v-5a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3z"
/>
<circle cx="12" cy="11" r="1" fill="#0668cb" />
<circle cx="17" cy="11" r="1" fill="#54a5ff" />
<circle cx="22" cy="11" r="1" fill="#f0f7fc" />
<path
fill="url(#a)"
d="M53 15v24H35a2 2 0 0 0-2 2v4H10a3 3 0 0 1-3-3V15z"
/>
<path
fill="url(#b)"
d="M22.27 32h-6.54a2 2 0 0 1-2-1.72L13 25h12l-.75 5.28A2 2 0 0 1 22.27 32z"
/>
<path
fill="#54a5ff"
d="M15 26a1 1 0 0 1-.24 0 1 1 0 0 1-.76-1.24l1-4a1 1 0 0 1 1.94.48l-1 4A1 1 0 0 1 15 26zM23 26a1 1 0 0 1-1-.76l-1-4a1 1 0 1 1 2-.48l1 4a1 1 0 0 1-.76 1.24 1 1 0 0 1-.24 0z"
/>
<g fill="#b4cde1">
<path
d="M48 24H31a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2zM48 29H31a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2zM39 34h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
/>
</g>
<rect width="10" height="4" x="14" y="36" fill="#4795ea" rx="2" />
<rect width="24" height="18" x="33" y="39" fill="url(#c)" rx="2" />
<rect width="6" height="4" x="36" y="43" fill="#f0f7fc" rx=".98" />
<circle cx="49" cy="52" r="2" fill="url(#d)" />
<circle cx="52" cy="52" r="2" fill="url(#e)" />
<path
fill="#eb7f58"
d="M53 45h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM43 53h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
fill="#8ad3fe"
d="M25 25.93H13a.93.93 0 0 1 0-1.86h12a.93.93 0 0 1 0 1.86z"
/>
</g>
</svg>
More icons in the same style and category