Shopping Basket icon
andrsrxn:shopping-basket
The Shopping Basket icon (andrsrxn:shopping-basket) is a free SVG icon from the andrsrxn/icons set by Andrés Raxón. It is drawn on a 24 × 24 grid. andrsrxn/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
- andrsrxn/icons
- Author
- Andrés Raxón
- License
- MIT
- Size
- 24 × 24
- Category
- Business, Shopping
- Tags
- shoppingbasket
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M15.42 19.7c1.48 0 2.22 0 2.76-.4c.54-.42.73-1.13 1.1-2.56l.55-2c.62-2.32.92-3.48.32-4.26s-1.8-.78-4.19-.78h-7.7c-2.49 0-3.73 0-4.33.81s-.23 2 .5 4.38l.63 2c.43 1.36.64 2.04 1.17 2.43s1.23.39 2.65.39z" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.92 9.7l-1.5 5.57c-.57 2.13-.86 3.2-1.67 3.82s-1.91.62-4.12.62h-3.25c-2.25 0-3.37 0-4.19-.64c-.81-.63-1.09-1.72-1.63-3.9L3.18 9.7m-1.44 0h20.52m-17.65 5h14.78M4.8 9.68L7.29 3.7m11.73 5.98l-2.3-5.98m-2.33 15.99l.82-9.85m-5.6 9.86L8.8 9.87"/></g></svg>
How to use the Shopping Basket icon
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:shopping-basket" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:shopping-basket" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:shopping-basket" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--shopping-basket]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:shopping-basket"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:shopping-basket"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/andrsrxn/shopping-basket.svg" alt="Shopping Basket icon" width="24" height="24">
Related icons in andrsrxn/icons
Shopping Basket icon in other icon sets
Shopping Basket icon FAQ
Is the Shopping Basket icon free for commercial use?
Yes. andrsrxn/icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Shopping Basket icon in React?
Install @iconify/react and render <Icon icon="andrsrxn:shopping-basket" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shopping Basket icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/andrsrxn/shopping-basket.svg" alt="Shopping Basket icon">, or paste the SVG code inline to style it with CSS.
Browse all andrsrxn/icons →
ICONYZ
