Icono Shopping Cart Add
streamline-cyber-color:shopping-cart-add
El icono Shopping Cart Add (streamline-cyber-color:shopping-cart-add) es un icono SVG gratuito de la colección Cyber color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Cyber color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Cyber color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Compras y envíos
- Etiquetas
- shoppingcart, cartadd, shoppingcartadd
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M8.5 6.5V3.25L4.5 1l-4 2.25v4.5l3.061 1.722L5 13.5l12.304 1.499L20.036 6.5zm0 13l-2 2l2 2l2-2zm7 0l-2 2l2 2l2-2z"/><path fill="#bbd8ff" d="M17.877 13.217L4.464 12L5 13.5l12.304 1.499zM8.5 3.25v4.5L4.5 10l-4-2.25zm0 20.25l2-2l-2-2zm7 0l2-2l-2-2z"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" d="M4.5 3.5v4m2-2h-4m4 12h10l4.5-14l2.5-.5m-13 3.5h9.536"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" d="M17.304 14.999L5 13.5L4.464 12M8.5 19.5l-2 2l2 2l2-2zm7 0l-2 2l2 2l2-2zm-7-11.75L4.5 10l-4-2.25v-4.5L4.5 1l4 2.25z"/></g></svg>
Cómo usar el icono Shopping Cart Add
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-cyber-color:shopping-cart-add" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-cyber-color:shopping-cart-add" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-cyber-color:shopping-cart-add" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-cyber-color--shopping-cart-add]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-cyber-color -->
<div class="i-streamline-cyber-color:shopping-cart-add"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-cyber-color:shopping-cart-add"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-cyber-color/shopping-cart-add.svg" alt="Icono Shopping Cart Add" width="24" height="24">
Iconos relacionados en Cyber color icons
El icono Shopping Cart Add en otras colecciones
Preguntas frecuentes sobre Icono Shopping Cart Add
¿El icono Shopping Cart Add es gratis para uso comercial?
Sí. Cyber color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Shopping Cart Add en React?
Instala @iconify/react y renderiza <Icon icon="streamline-cyber-color:shopping-cart-add" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Shopping Cart Add a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-cyber-color/shopping-cart-add.svg" alt="Icono Shopping Cart Add">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Cyber color icons →
ICONYZ
