What is the tote icon used for?

It's commonly used in e-commerce contexts to signify shopping, purchases, or items being carried.

How do I use the tote icon in React?

You can import and use it like this: `import { Tote } from '@phosphor-icons/react'`. Then render it as ` `.

The Phosphor icon library, including the tote icon, is available under the MIT license.

Phosphor · tote · MIT

The Phosphor tote icon depicts a simple bag, often used to represent shopping, carrying items, or e-commerce related actions in user interfaces.

Install

npm i @phosphor-icons/react

Import & render

import { Tote } from '@phosphor-icons/react';

<Tote size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<Tote size={24} />

thin

<Tote size={24} weight="thin" />

light

<Tote size={24} weight="light" />

bold

<Tote size={24} weight="bold" />

fill

<Tote size={24} weight="fill" />

duotone

<Tote size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: commerce
Keywords: suitcasesvalisesbaggagetote-bagportfolioscommerceobjectstotebagshopping bagcarry-onbriefcase

What is the tote icon used for?: It's commonly used in e-commerce contexts to signify shopping, purchases, or items being carried.
How do I use the tote icon in React?: You can import and use it like this: `import { Tote } from '@phosphor-icons/react'`. Then render it as `<Tote />`.
What is the license for the Phosphor tote icon?: The Phosphor icon library, including the tote icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.