Shopping Bag 1 icon
fontisto:shopping-bag-1
The Shopping Bag 1 icon (fontisto:shopping-bag-1) is a free SVG icon from the Fontisto set by Kenan Gündoğan. It is drawn on a 23 × 24 grid. Fontisto icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fontisto
- Author
- Kenan Gündoğan
- License
- MIT
- Size
- 23 × 24
- Category
- Shopping
- Tags
- shoppingbag
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24"><path fill="currentColor" d="M22.596 23.997H11.545a.325.325 0 0 1-.325-.326v-.016v.001l.65-12.947a.325.325 0 0 1 .324-.306h9.752c.173 0 .314.135.324.305v.001l.647 12.882q.01.037.01.081v.001a.324.324 0 0 1-.324.324h-.001zm-9.098-10.878c.002.468.309.863.732.998l.007.002c.341 1.651 1.514 2.873 2.908 2.873s2.565-1.223 2.904-2.868a1.056 1.056 0 1 0-.955-.185l.002.002c-.248 1.198-1.029 2.077-1.955 2.077s-1.703-.874-1.953-2.067a1.052 1.052 0 1 0-1.696-.834v.003zM.325 22.72a.325.325 0 0 1-.324-.343v.001L.905 4.383a.325.325 0 0 1 .324-.306h2.204C4.124 1.677 5.968.001 8.112.001s3.986 1.677 4.677 4.074h1.995c.172 0 .314.135.323.305v.001l.261 5.209h-3.174c-.608 0-1.104.477-1.135 1.077v.003l-.605 12.051zM10.948 5.678a1.442 1.442 0 0 0 .784 2.65a1.44 1.44 0 0 0 .518-2.786l-.01-.003C12.004 2.881 10.243.81 8.113.81S4.215 2.885 3.982 5.548a1.44 1.44 0 1 0 1.299.127l-.006-.003c.168-2.002 1.376-3.56 2.838-3.56s2.673 1.563 2.838 3.569zM6.559 4.073h3.1a1.9 1.9 0 0 0-1.541-1.15l-.009-.001c-.7.077-1.28.525-1.545 1.14zm12.799 9.018a.382.382 0 1 1 .762 0a.382.382 0 0 1-.761 0zm-5.224 0a.382.382 0 1 1 .382.382a.38.38 0 0 1-.378-.382zm-2.976-6.146a.567.567 0 1 1 1.135 0a.567.567 0 0 1-1.135 0m-7.228 0a.57.57 0 1 1 1.137 0a.57.57 0 0 1-1.136 0z"/></svg>
How to use the Shopping Bag 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:shopping-bag-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:shopping-bag-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:shopping-bag-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--shopping-bag-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:shopping-bag-1"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:shopping-bag-1"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fontisto/shopping-bag-1.svg" alt="Shopping Bag 1 icon" width="24" height="24">
Related icons in Fontisto
Shopping Bag 1 icon in other icon sets
Shopping Bag 1 icon FAQ
Is the Shopping Bag 1 icon free for commercial use?
Yes. Fontisto icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Shopping Bag 1 icon in React?
Install @iconify/react and render <Icon icon="fontisto:shopping-bag-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shopping Bag 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontisto/shopping-bag-1.svg" alt="Shopping Bag 1 icon">, or paste the SVG code inline to style it with CSS.
Browse all Fontisto icons →
ICONYZ
