Shopping icon
ls:shopping
The Shopping icon (ls:shopping) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 666 grid. Ligature Symbols 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 717 × 666
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="666" viewBox="0 0 717 666"><path fill="currentColor" d="M644 480v46H203L126 73H0V28h165l77 452zm73-453l-69 400H287L217 27zM334 150V73h-62l14 77zm46 0h63V73h-63zm109-77v77h64V73zm110 77h50l14-77h-64zm-265 46h-41l11 64h30zm109 64v-64h-63v64zm46 0h64v-64h-64zm152-64h-42v64h31zM334 306h-22l13 75h9zm46 75h63v-75h-63zm173-75h-64v75h64zm46 0v75h10l14-75zM254 553c32 0 56 25 56 56c0 32-24 57-56 57c-31 0-56-25-56-57c0-31 25-56 56-56m343 0c32 0 56 25 56 56c0 32-24 57-56 57s-56-25-56-57c0-31 24-56 56-56"/></svg>
How to use the Shopping icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:shopping" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:shopping" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:shopping" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--shopping]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:shopping"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:shopping"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/shopping.svg" alt="Shopping icon" width="24" height="24">
Shopping icon in other icon sets
Shopping icon FAQ
Is the Shopping icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Shopping icon in React?
Install @iconify/react and render <Icon icon="ls:shopping" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shopping icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/shopping.svg" alt="Shopping icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
