Shopping Bag icon
fa-solid:shopping-bag
The Shopping Bag icon (fa-solid:shopping-bag) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 448 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 448 × 512
- Category
- Payments & Shopping, Shopping, Objects, Maps
- Tags
- shoppingbag
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M352 160v-32C352 57.42 294.579 0 224 0S96 57.42 96 128v32H0v272c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V160zm-192-32c0-35.29 28.71-64 64-64s64 28.71 64 64v32H160zm160 120c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24m-192 0c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/></svg>
How to use the Shopping Bag icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:shopping-bag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:shopping-bag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:shopping-bag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--shopping-bag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:shopping-bag"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:shopping-bag"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/shopping-bag.svg" alt="Shopping Bag icon" width="24" height="24">
Related icons in Font Awesome 5 Solid
Shopping Bag icon in other icon sets
Shopping Bag icon FAQ
Is the Shopping Bag icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Shopping Bag icon in React?
Install @iconify/react and render <Icon icon="fa-solid:shopping-bag" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shopping Bag icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-solid/shopping-bag.svg" alt="Shopping Bag icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
