Icono Shopping
ls:shopping
El icono Shopping (ls:shopping) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 666. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 717 × 666
Código SVG
<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>
Cómo usar el icono Shopping
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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/shopping.svg" alt="Icono Shopping" width="24" height="24">
El icono Shopping en otras colecciones
Preguntas frecuentes sobre Icono Shopping
¿El icono Shopping es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Shopping en React?
Instala @iconify/react y renderiza <Icon icon="ls:shopping" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Shopping a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/shopping.svg" alt="Icono Shopping">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
