Shopping Cart icon
wpf:shopping-cart
The Shopping Cart icon (wpf:shopping-cart) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 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
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
- Tags
- shoppingcart
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M.719 0A1.004 1.004 0 0 0 1 2h3.469c.574 0 .757.115.906.25s.335.407.5.969l4.688 15.937a1 1 0 0 0 .03.094S11.704 22 14.5 22h7.844a1 1 0 1 0 0-2H14.5c-1.475 0-2.063-1.5-2.063-1.5l-.156-.5h8.125c1.03 0 1.496-.864 1.594-1.188l3.594-7.718C26.15 7.76 25.859 6 23.812 6h-14.5c-.166 0-.351.042-.53.094c-.36-1.223-.928-3.19-1-3.438c-.21-.713-.49-1.387-1.063-1.906S5.349 0 4.469 0H1a1 1 0 0 0-.094 0a1 1 0 0 0-.094 0A1 1 0 0 0 .72 0zm8.906 8.063h4.219v1.78h-3.656l-.47-1.5c-.032-.11-.08-.204-.093-.28m5.531 0h2.688v1.78h-2.688zm4 0h4.625a1 1 0 0 1-.062.218L23 9.844h-3.844zm-8.562 3.093h3.25v1.688h-2.719zm4.562 0h2.688v1.688h-2.688zm4 0h3.219l-.781 1.688h-2.438zm-7.625 3h2.313v1.781h-1.656c-.04 0-.062-.013-.094-.03l-.563-1.75zm3.625 0h2.688v1.781h-2.688v-1.78zm4 0H21l-.844 1.781h-1v-1.78zM14 22.187a1.812 1.812 0 1 0 0 3.625a1.812 1.812 0 0 0 0-3.625m6 0a1.812 1.812 0 1 0 0 3.625a1.812 1.812 0 0 0 0-3.625"/></svg>How to use the Shopping Cart icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:shopping-cart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:shopping-cart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:shopping-cart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--shopping-cart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:shopping-cart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:shopping-cart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/wpf/shopping-cart.svg" alt="Shopping Cart icon" width="24" height="24">Related icons in Icons8 Windows 8 Icons
Shopping Cart icon in other icon sets
Shopping Cart icon FAQ
Is the Shopping Cart icon free for commercial use?
Yes. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Shopping Cart icon in React?
Install @iconify/react and render <Icon icon="wpf:shopping-cart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shopping Cart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/wpf/shopping-cart.svg" alt="Shopping Cart icon">, or paste the SVG code inline to style it with CSS.