Skip to content
shadcn.io

Backpack

The backpack icon represents a portable bag for carrying personal items, symbolizing travel and adventure.

Add shadcn.io to your AI agent. · Pro It installs Backpack, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Backpack icon from Tabler Icons
Get Pro

6,033 in Tabler IconsMIT license (opens in a new tab)Free to copy and download

Code

Backpack in your framework

In any framework. Customize it above, and the code follows.

export const BackpackIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M5 18v-6a6 6 0 0 1 6-6h2a6 6 0 0 1 6 6v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3m5-12V5a2 2 0 1 1 4 0v1"/><path d="M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4m-4-11h2"/></g>
  </svg>
);

Other libraries

Backpack in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Backpack icon from Material Symbols
  • Backpack icon from Material Symbols Light
  • Backpack icon from Phosphor
  • Backpack icon from Game Icons
  • Backpack icon from Streamline
  • Backpack icon from IconPark Outline
  • Backpack icon from Myna UI Icons
  • Backpack icon from Bootstrap Icons

Tabler Icons

More like it

Icons that share its tags, in the same style.

All 6,033 icons
  • Backpack Off icon from Tabler Icons
  • Tent icon from Tabler Icons
  • Tent Off icon from Tabler Icons
  • Trekking icon from Tabler Icons
  • Luggage icon from Tabler Icons
  • Caravan icon from Tabler Icons
  • Camper icon from Tabler Icons
  • Air Balloon icon from Tabler Icons
  • Beach icon from Tabler Icons
  • Beach Off icon from Tabler Icons
  • Brand Airbnb icon from Tabler Icons
  • Brand Tripadvisor icon from Tabler Icons
  • Building Burj Al Arab icon from Tabler Icons
  • Cliff Jumping icon from Tabler Icons
  • Rv Truck icon from Tabler Icons
  • Scuba Diving icon from Tabler Icons
  • Hotel Service icon from Tabler Icons
  • Jetpack icon from Tabler Icons
  • Kayak icon from Tabler Icons
  • Plane icon from Tabler Icons
  • Plane Arrival icon from Tabler Icons
  • Plane Departure icon from Tabler Icons
  • Plane Inflight icon from Tabler Icons
  • Plane Off icon from Tabler Icons

Search Tabler Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Tabler Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Backpack is tagged travel, adventure, outdoor and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Tabler Icons MCP, with Pro

Ask for Backpack or any of 6,033 Tabler Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Backpack icon means and where it's used, then how to install, style and license it.

Install Backpack from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro