// CURATED NICHE COLLECTION

Free Bag SVG Icons for Modern Web UIs

Finding consistent and legal bag icons for technical web products is now simple. We compiled over 100 premium, commercially-safe bag icons across Lucide, Heroicons, Tabler, Phosphor, and Radix. You can search, inspect their package size, and copy their code directly. Use our centralinteractive customizerto adjust strokes and colors dynamically before exporting.

BAG ICONS CATALOG (100)

BaggageClaim
BaggageClaimlucide
Handbag
Handbaglucide
ShoppingBag
ShoppingBaglucide
ShoppingBagIcon
ShoppingBagIconheroicons
IconBaguette
IconBaguettetabler
IconMoneybag
IconMoneybagtabler
IconMoneybagEdit
IconMoneybagEdittabler
IconMoneybagHeart
IconMoneybagHearttabler
IconMoneybagMinus
IconMoneybagMinustabler
IconMoneybagMove
IconMoneybagMovetabler
IconMoneybagMoveBack
IconMoneybagMoveBacktabler
IconMoneybagPlus
IconMoneybagPlustabler
IconPaperBag
IconPaperBagtabler
IconPaperBagOff
IconPaperBagOfftabler
IconShoppingBag
IconShoppingBagtabler
IconShoppingBagCheck
IconShoppingBagChecktabler
IconShoppingBagDiscount
IconShoppingBagDiscounttabler
IconShoppingBagEdit
IconShoppingBagEdittabler
IconShoppingBagExclamation
IconShoppingBagExclamationtabler
IconShoppingBagHeart
IconShoppingBagHearttabler
IconShoppingBagMinus
IconShoppingBagMinustabler
IconShoppingBagPlus
IconShoppingBagPlustabler
IconShoppingBagSearch
IconShoppingBagSearchtabler
IconShoppingBagX
IconShoppingBagXtabler
Bag
Bagphosphor
BagSimple
BagSimplephosphor
Handbag
Handbagphosphor
HandbagSimple
HandbagSimplephosphor
ShoppingBag
ShoppingBagphosphor
ShoppingBagOpen
ShoppingBagOpenphosphor
TeaBag
TeaBagphosphor
BagCheckFill
BagCheckFillbootstrap
BagCheck
BagCheckbootstrap
BagDashFill
BagDashFillbootstrap
BagDash
BagDashbootstrap
BagFill
BagFillbootstrap
BagHeartFill
BagHeartFillbootstrap
BagHeart
BagHeartbootstrap
BagPlusFill
BagPlusFillbootstrap
BagPlus
BagPlusbootstrap
BagXFill
BagXFillbootstrap
BagX
BagXbootstrap
Bag
Bagbootstrap
HandbagFill
HandbagFillbootstrap
Handbag
Handbagbootstrap
ShoppingBag
ShoppingBagfeather
ShoppingBag2Fill
ShoppingBag2Fillremix-icon
ShoppingBag2Line
ShoppingBag2Lineremix-icon
ShoppingBag3Fill
ShoppingBag3Fillremix-icon
ShoppingBag3Line
ShoppingBag3Lineremix-icon
ShoppingBag4Fill
ShoppingBag4Fillremix-icon
ShoppingBag4Line
ShoppingBag4Lineremix-icon
ShoppingBagFill
ShoppingBagFillremix-icon
ShoppingBagLine
ShoppingBagLineremix-icon
HandbagFill
HandbagFillremix-icon
HandbagLine
HandbagLineremix-icon
Bag
Bagiconoir
BeachBag
BeachBagiconoir
Handbag
Handbagiconoir
ShoppingBag
ShoppingBagiconoir
ShoppingBagArrowDown
ShoppingBagArrowDowniconoir
ShoppingBagArrowUp
ShoppingBagArrowUpiconoir
ShoppingBagCheck
ShoppingBagCheckiconoir
ShoppingBagMinus
ShoppingBagMinusiconoir
ShoppingBagPlus
ShoppingBagPlusiconoir
ShoppingBagPocket
ShoppingBagPocketiconoir
ShoppingBagWarning
ShoppingBagWarningiconoir
UserBag
UserBagiconoir
BookmarkBag
BookmarkBagiconify-material-symbols
BookmarkBagOutline
BookmarkBagOutlineiconify-material-symbols
BookmarkBagOutlineRounded
BookmarkBagOutlineRoundediconify-material-symbols
BookmarkBagOutlineSharp
BookmarkBagOutlineSharpiconify-material-symbols
BookmarkBagRounded
BookmarkBagRoundediconify-material-symbols
BookmarkBagSharp
BookmarkBagSharpiconify-material-symbols
CarryOnBag
CarryOnBagiconify-material-symbols
CarryOnBagChecked
CarryOnBagCheckediconify-material-symbols
CarryOnBagCheckedOutline
CarryOnBagCheckedOutlineiconify-material-symbols
CarryOnBagCheckedOutlineRounded
CarryOnBagCheckedOutlineRoundediconify-material-symbols
CarryOnBagCheckedOutlineSharp
CarryOnBagCheckedOutlineSharpiconify-material-symbols
CarryOnBagCheckedRounded
CarryOnBagCheckedRoundediconify-material-symbols
CarryOnBagCheckedSharp
CarryOnBagCheckedSharpiconify-material-symbols
CarryOnBagInactive
CarryOnBagInactiveiconify-material-symbols
CarryOnBagInactiveOutline
CarryOnBagInactiveOutlineiconify-material-symbols
CarryOnBagInactiveOutlineRounded
CarryOnBagInactiveOutlineRoundediconify-material-symbols
CarryOnBagInactiveOutlineSharp
CarryOnBagInactiveOutlineSharpiconify-material-symbols
CarryOnBagInactiveRounded
CarryOnBagInactiveRoundediconify-material-symbols
CarryOnBagInactiveSharp
CarryOnBagInactiveSharpiconify-material-symbols
CarryOnBagOutline
CarryOnBagOutlineiconify-material-symbols
CarryOnBagOutlineRounded
CarryOnBagOutlineRoundediconify-material-symbols
CarryOnBagOutlineSharp
CarryOnBagOutlineSharpiconify-material-symbols
CarryOnBagQuestion
CarryOnBagQuestioniconify-material-symbols
CarryOnBagQuestionOutline
CarryOnBagQuestionOutlineiconify-material-symbols
CarryOnBagQuestionOutlineRounded
CarryOnBagQuestionOutlineRoundediconify-material-symbols
CarryOnBagQuestionOutlineSharp
CarryOnBagQuestionOutlineSharpiconify-material-symbols
CarryOnBagQuestionRounded
CarryOnBagQuestionRoundediconify-material-symbols
CarryOnBagQuestionSharp
CarryOnBagQuestionSharpiconify-material-symbols
CarryOnBagRounded
CarryOnBagRoundediconify-material-symbols
CarryOnBagSharp
CarryOnBagSharpiconify-material-symbols
CheckedBag
CheckedBagiconify-material-symbols
CheckedBagOutline
CheckedBagOutlineiconify-material-symbols

FREQUENTLY ASKED QUESTIONS

Are these bag icons free to use commercially?

Yes, all icons cataloged under the bag collection page are certified open-source, utilizing highly permissive licenses such as MIT, ISC, or public domain dedications. This covers SaaS dashboards, landing pages, corporate applications, and print designs completely royalty-free.

How do I use these in Tailwind CSS or React?

Simply click on any icon above to open it directly in our editor workspace. From there, you can adjust the stroke weight or scale, and copy the ready-to-paste Tailwind code or clean inline SVG markup instantly without installing extra npm packages.

EXPLORE MORE ICON COLLECTIONS & RESOURCES

Top Library Guides

Popular Collections

Optimizations