Shopping Bag Play icon
Used in retail shopping scenarios. The Shopping Bag Play icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_shopping_bag_play_24_regular.svg
Shopping Bag Play icon in React
npm install @fluentui/react-icons
import { ShoppingBagPlay24Regular } from "@fluentui/react-icons";
export function Example() {
return <ShoppingBagPlay24Regular aria-label="Shopping Bag Play" />;
}Use the Shopping Bag Play icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { ShoppingBagPlay24Regular, ShoppingBagPlay24Filled } from "@fluentui/react-icons";
export function Example() {
return <ShoppingBagPlay24Regular aria-label="Shopping Bag Play" />;
}Coding agents can look up this component through the Fluent Icons MCP server.
Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_shopping_bag_play_24_regular.svg" width="24" height="24" alt="Shopping Bag Play"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 5V7H5.5C4.67157 7 4 7.67157 4 8.5V18C4 20.2091 5.79086 22 8 22H12.8096C12.3832 21.5557 12.0194 21.051 11.7322 20.5H8C6.61929 20.5 5.5 19.3807 5.5 18V8.5H13V12.8096C13.4443 12.3832 13.949 12.0194 14.5 11.7322V8.5H18.5V11.0764C19.0232 11.1572 19.5258 11.3004 20 11.4982V8.5C20 7.67157 19.3284 7 18.5 7H17V5C17 3.34315 15.6569 2 14 2C13.2317 2 12.5308 2.28885 12 2.7639C11.4692 2.28886 10.7684 2 10 2C8.34315 2 7 3.34315 7 5ZM10 3.5C10.8284 3.5 11.5 4.17157 11.5 5V7H8.5V5C8.5 4.17157 9.17157 3.5 10 3.5ZM15.5 7H13V5C13 4.66563 12.9453 4.34403 12.8444 4.04368C13.1195 3.71156 13.535 3.5 14 3.5C14.8284 3.5 15.5 4.17157 15.5 5V7ZM23 17.5C23 20.5377 20.5376 23 17.5 23C14.4624 23 12 20.5377 12 17.5C12 14.4623 14.4624 12 17.5 12C20.5376 12 23 14.4623 23 17.5ZM16.9134 15.097C16.8181 15.0323 16.7124 15.0001 16.5964 15.0001C16.5156 15.0001 16.4389 15.0174 16.3664 15.0517C16.2939 15.0842 16.2307 15.1284 16.1768 15.1845C16.1229 15.2406 16.0795 15.3062 16.0463 15.3817C16.0152 15.4572 15.9997 15.5369 15.9997 15.621V19.379C15.9997 19.461 16.0152 19.5398 16.0463 19.6153C16.0795 19.6905 16.1229 19.7574 16.1768 19.8158C16.2328 19.8716 16.297 19.917 16.3695 19.9516C16.442 19.9838 16.5177 19.9999 16.5964 19.9999C16.6565 19.9999 16.7124 19.9913 16.7642 19.9743C16.7792 19.9695 16.7941 19.9641 16.809 19.9579C16.8475 19.9421 16.8853 19.9215 16.9228 19.8967L19.7293 17.9819C19.7924 17.9401 19.8453 17.8879 19.8878 17.8247C19.9025 17.8029 19.9159 17.7799 19.9282 17.7554C19.9759 17.6605 19.9997 17.5615 19.9997 17.4579C19.9997 17.3502 19.9748 17.2511 19.9251 17.1604C19.8754 17.0676 19.807 16.9933 19.7199 16.9372L16.9134 15.097Z" fill="currentColor"/></svg>Details
| Name | Shopping Bag Play |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px, 24 px |
| Regular (outlined) file | ic_fluent_shopping_bag_play_24_regular.svg |
| Filled file | ic_fluent_shopping_bag_play_24_filled.svg |
| React (Regular) | ShoppingBagPlay20Regular, ShoppingBagPlay24Regular |
| React (Filled) | ShoppingBagPlay20Filled, ShoppingBagPlay24Filled |
| License | MIT (© Microsoft Corporation) |