Objects · drawn with your own emoji font

Shopping Cart emoji favicon

Turn 🛒 into favicon.ico plus every PNG size a site needs. Drawn on your device by your own emoji font, so nothing is uploaded and there is nothing to install.

Getting ready🛒 Shopping Cart · your system emoji font
How much of the square to fill

Shopping Cart Emoji Favicon — Free, Fast & Private

The shopping cart is the most understood commerce symbol on the web, which is why nearly every checkout button in existence uses one. As artwork, though, it is mostly negative space: a wire basket, two small wheels, a handle. Thin open frames are the single hardest thing to render legibly at 16 pixels.

An online store, a checkout flow, or a price comparison site. It misleads on software and subscription businesses by implying a basket of physical goods and a weekly shop, which is the wrong mental model for a single recurring purchase. It also misleads on marketplace products where users sell rather than buy, since the cart frames every visitor as a customer only.

Shopping Cart in a crowded tab strip

This is a poor reacquisition performer for a specific reason: it has almost no filled area, so at 16 pixels it renders as a faint grey scribble with tab background showing through it. It collides with every other thin-line grey object, and against a light browser theme it can read as an empty or broken favicon rather than as a cart at all.

What shopping cart looks like at 16 pixels

Beside a page title the basket lattice aliases into a grey haze and the wheels reduce to two dots that may or may not survive. The handle is gone. The glyph occupies its square but fills very little of it, so it looks pale and thin next to any solid neighbour, which undermines exactly the confidence a checkout page wants to project. The open wire basket has almost no fill, so at 16 pixels it collapses into a grey scribble. It works from 32 pixels upward.

Where vendors disagree about shopping cart

Basket construction is the split. Apple draws an open wire frame with visible gaps; several other vendors draw a more solid basket with only a suggestion of mesh, and those solid designs are dramatically better small because they actually have mass. This is the entry where the choice of platform makes the largest difference to whether the icon works at all.

Where the glyph itself comes from

Your shopping cart icon is drawn on your device by your own colour emoji font, so it matches your platform rather than being a consistent cross-platform design. MiniPx ships no emoji artwork. Emoji are colour glyphs, so the .ico carries colour PNG payloads with alpha.

How it works

  1. Open the shopping cart page: Nothing to install. The renderer starts drawing 🛒 the moment this page loads.
  2. Set the shopping cart fill: Tight runs 🛒 to the edge of the square, Balanced leaves a transparent margin, Roomy pads it.
  3. Judge shopping cart at 16 pixels: The open wire basket has almost no fill, so at 16 pixels it collapses into a grey scribble. It works from 32 pixels upward.
  4. Install the shopping cart set: favicon.ico and the shopping cart PNGs go at your site root; the 192 and 512px renders go in your manifest.

Frequently asked questions

What should I use instead of shopping cart?
The shopping bags emoji is the substitute worth making: solid coloured shapes with real mass, it survives 16 pixels comfortably, and it says retail without implying groceries. The credit card is the right choice if the meaning is payment rather than browsing.
Where does the shopping cart emoji come from?
Encoded in Unicode 9.0 in 2016, late enough that vendors were already designing with small-size rendering in mind, which makes the persistence of the open wire frame a slightly surprising choice. The supermarket trolley form is universal across vendors despite the character generic name.
Which sites does 🛒 mislead?
It misleads on software and subscription businesses by implying a basket of physical goods and a weekly shop, which is the wrong mental model for a single recurring purchase. It also misleads on marketplace products where users sell rather than buy, since the cart frames every visitor as a customer only.
Is shopping cart readable at 16 pixels?
Struggles at 16 pixels. The open wire basket has almost no fill, so at 16 pixels it collapses into a grey scribble. It works from 32 pixels upward. Beside a page title the basket lattice aliases into a grey haze and the wheels reduce to two dots that may or may not survive. The handle is gone. The glyph occupies its square but fills very little of it, so it looks pale and thin next to any solid neighbour, which undermines exactly the confidence a checkout page wants to project.

All Image Tools

Solutions by use case