Shoppingcart icon
whh:shoppingcart
The Shoppingcart icon (whh:shoppingcart) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1025 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1025 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M961 128h-76L763 723q-5 19-21.5 32T707 768H160q-19 0-35.5-13T103 723L5 346q-10-36 3-63t40-27l709-123l18-89q5-18 21.5-31T831 0h130q27 0 45.5 18.5t18.5 45t-19 45.5t-45 19M289 832q40 0 68 28t28 68t-28 68t-68 28t-68-28t-28-68t28-68t68-28m320 0q40 0 68 28t28 68t-28 68t-68 28t-68-28t-28-68t28-68t68-28"/></svg>How to use the Shoppingcart icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:shoppingcart" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:shoppingcart" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:shoppingcart" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--shoppingcart]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:shoppingcart"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:shoppingcart"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/shoppingcart.svg" alt="Shoppingcart icon" width="24" height="24">Related icons in WebHostingHub Glyphs
Shoppingcart icon FAQ
Is the Shoppingcart icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Shoppingcart icon in React?
Install @iconify/react and render <Icon icon="whh:shoppingcart" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shoppingcart icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/shoppingcart.svg" alt="Shoppingcart icon">, or paste the SVG code inline to style it with CSS.