Add icons to this collection by clicking the heart icon.
Bag icon - also known as soap, bag, toothpaste, travel, toilets, teeth brush, and household. 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="-47.901"
y2="536.912"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="252"
x2="252"
y1="-47.901"
y2="536.912"
href="#a"
/>
<linearGradient
id="c"
x1="200"
x2="200"
y1="-47.901"
y2="536.912"
href="#a"
/>
<linearGradient
id="d"
x1="328"
x2="328"
y1="-47.901"
y2="536.912"
href="#a"
/>
<linearGradient
id="e"
x1="312"
x2="312"
y1="-47.901"
y2="536.912"
href="#a"
/>
<linearGradient id="f" x1="256" x2="256" y1="-48" y2="536.813" href="#a" />
<g>
<path
fill="url(#a)"
d="M380 40h-97.785a26.738 26.738 0 1 0-52.431 0H132a28.032 28.032 0 0 0-28 28v408a28.032 28.032 0 0 0 28 28h248a28.032 28.032 0 0 0 28-28V68a28.032 28.032 0 0 0-28-28zm-134.418-2.657a10.738 10.738 0 1 1 20.835 0L265.754 40h-19.508zM392 476a12.013 12.013 0 0 1-12 12H132a12.013 12.013 0 0 1-12-12V68a12.013 12.013 0 0 1 12-12h248a12.013 12.013 0 0 1 12 12z"
/>
<path fill="url(#b)" d="m304 274.116-104 5.474v16.82l104 5.474z" />
<path
fill="url(#a)"
d="M136 328h240V208H136zm24-96a8 8 0 0 1 8-8h176v16H224v16h-16v-16h-8v16h-16v-16h-8v16h-16zm0 40h16v8h8v-8a8 8 0 0 1 7.579-7.989l152-8A8 8 0 0 1 352 264v48a8 8 0 0 1-8 8c-.14 0-.28 0-.421-.011l-152-8A8 8 0 0 1 184 304v-8h-8v8h-16z"
/>
<path
fill="url(#c)"
d="M170 440h60a2 2 0 0 0 2-2v-38h-64v38a2 2 0 0 0 2 2zM216 370a2 2 0 0 0-2-2h-28a2 2 0 0 0-2 2v14h32z"
/>
<path fill="url(#d)" d="m336 272.432-16 .842v29.452l16 .842z" />
<path
fill="url(#a)"
d="M136 462a10 10 0 0 0 10 10h220a10 10 0 0 0 10-10V344H136zm128-70a8 8 0 0 1 8-8h8v-14a18.1 18.1 0 0 1 .111-2H264v-16h62a18.021 18.021 0 0 1 18 18v14h8a8 8 0 0 1 8 8v46a18.021 18.021 0 0 1-18 18h-60a18.021 18.021 0 0 1-18-18zm-112 0a8 8 0 0 1 8-8h8v-14a18.021 18.021 0 0 1 18-18h62v16h-16.111a18.1 18.1 0 0 1 .111 2v14h8a8 8 0 0 1 8 8v46a18.021 18.021 0 0 1-18 18h-60a18.021 18.021 0 0 1-18-18z"
/>
<path
fill="url(#e)"
d="M280 166a2 2 0 0 0 2 2h60a2 2 0 0 0 2-2v-62h-64zm16-46h32v16h-32zM328 370a2 2 0 0 0-2-2h-28a2 2 0 0 0-2 2v14h32z"
/>
<path
fill="url(#f)"
d="M366 72H146a10 10 0 0 0-10 10v110h240V82a10 10 0 0 0-10-10zm-118 94a18.021 18.021 0 0 1-18 18h-60a18.021 18.021 0 0 1-18-18V96a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8zm112 0a18.021 18.021 0 0 1-18 18h-60a18.021 18.021 0 0 1-18-18V96a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8z"
/>
<path
fill="url(#e)"
d="M282 440h60a2 2 0 0 0 2-2v-38h-64v38a2 2 0 0 0 2 2z"
/>
<path
fill="url(#c)"
d="M168 166a2 2 0 0 0 2 2h60a2 2 0 0 0 2-2v-62h-64zm16-46h32v16h-32z"
/>
</g>
</svg>
More icons in the same style and category