Icono Shopping Basket Arrow Out
streamline-freehand-color:shopping-basket-arrow-out
El icono Shopping Basket Arrow Out (streamline-freehand-color:shopping-basket-arrow-out) es un icono SVG gratuito de la colección Freehand color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Freehand 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
- Freehand color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Compras y comercio electrónico
- Etiquetas
- shoppingbasket, basketarrow, arrowout, shoppingbasketarrowout
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M9.858 11.825a.27.27 0 0 0 .26-.3a8.2 8.2 0 0 1 .29-3.113c.148-.369.362-.708.63-1c.055.318.152.628.29.92A1.83 1.83 0 0 0 12.6 9.403a1.44 1.44 0 0 0 1.781-1.06a2.43 2.43 0 0 0-.8-2.663a1.7 1.7 0 0 0-1.512-.09c.14-.559.367-1.092.67-1.581a14 14 0 0 1 2.003-2.442l.06 1.23l.17 1.472a.31.31 0 0 0 .34.29a.32.32 0 0 0 .3-.34V2.788l.13-1.592a4 4 0 0 0-.07-.52a1.3 1.3 0 0 0-.23-.44a.56.56 0 0 0-.44-.23a2 2 0 0 0-.29 0l-.831.08q-.777.108-1.561.14h-1.602a.29.29 0 0 0-.31.25a.29.29 0 0 0 .25.31c.64.11 1.301.22 2.002.28c.45 0 .9.06 1.331.06h.16A14.7 14.7 0 0 0 12 3.548a6.1 6.1 0 0 0-1 2.662a3.9 3.9 0 0 0-1.302 1.922a8.5 8.5 0 0 0-.12 3.393a.27.27 0 0 0 .28.3m2.562-5.334a.69.69 0 0 1 .62.08a1.2 1.2 0 0 1 .38 1.17c0 .351-.2.701-.6.611s-.53-.38-.66-.73q-.165-.452-.2-.931a2.7 2.7 0 0 1 .46-.2"/><path fill="#020202" d="M17.004 7.462c.268-.095.561-.095.83 0c.28.15.47.5.83 1.11c.385.907.638 1.865.751 2.843c.042.295.042.595 0 .89c-.05.19-.13.34-.32.37s-.7 0-1.34.051h-5.706c-1.37.06-3.052 0-4.473 0a23 23 0 0 1-2.352-.16h-.3a1.5 1.5 0 0 1-.07-.29a10 10 0 0 1 .47-2.513a3.33 3.33 0 0 1 .81-1.751c.17-.104.362-.166.56-.18q.336-.036.671 0a.27.27 0 0 0 .3-.25a.28.28 0 0 0-.24-.31a3.4 3.4 0 0 0-.94 0a1.8 1.8 0 0 0-.63.2c-.601.3-1.282 1.781-1.642 3.162a6 6 0 0 0-.22 2.122a.73.73 0 0 0 .28.46c1.037.325 2.116.5 3.202.52c1.452.09 3.163.12 4.564.08c.54 0 3.063 0 5.005-.08a20 20 0 0 0 2.201-.14c.721-.15 1.061-.79 1.061-1.68a10.6 10.6 0 0 0-1-3.704a3.6 3.6 0 0 0-1.152-1.33a1.85 1.85 0 0 0-1.26 0a.32.32 0 0 0-.24.38a.31.31 0 0 0 .35.2"/><path fill="#0c6fff" d="M8.386 17.32c-.34-1.081-.84-.89-.81 0v.56a6 6 0 0 1-.12 1.532l-.13.47l-.2.29c0-.06-.08-.15-.12-.21a4 4 0 0 1-.361-.86l-.39-1.382c0-.14-.06-.29-.1-.43c-.37-1.091-.771-.67-.801 0c0 .19 0 .39.06.59l.26 1.482c.082.363.206.716.37 1.05c.135.294.35.544.62.721a.94.94 0 0 0 1.332-.25q.109-.129.2-.27a2 2 0 0 0 .17-.31q.062-.152.1-.31c0-.101 0-.201.06-.401a7 7 0 0 0 0-1.782c-.08-.16-.11-.33-.14-.49m4.174 0v.71a6.7 6.7 0 0 1-.38 1.722a1 1 0 0 1-.46.55c-.091 0-.161-.05-.221-.19a2.2 2.2 0 0 1-.22-.81c-.07-.51-.07-1.001-.1-1.502v-.48c-.14-1.051-.721-1.001-.781 0v.5c0 .48-.08 1.001-.06 1.572c.014.398.099.791.25 1.16a1.19 1.19 0 0 0 1.231.821a1.84 1.84 0 0 0 1.391-1.28c.192-.65.29-1.325.29-2.002v-.761c-.21-1.081-.87-.971-.94-.01m4.443 0c-.06.22-.11.44-.18.66a6 6 0 0 1-.69 1.552l-.31.41l-.27.23a3 3 0 0 0 0-.29a5 5 0 0 1 0-.95l.16-1.392v-.24c0-1.081-.671-1.111-.801 0v.14l-.31 1.341a5.3 5.3 0 0 0-.08 1.371c.018.264.104.52.25.74c.26.391.7.611 1.39.161l.471-.42l.37-.61c.232-.443.413-.91.54-1.392q.174-.668.271-1.351c.19-1.051-.49-.931-.81.04"/><path fill="#020202" d="M22.868 13.737a16.7 16.7 0 0 0-.6-3.003c-.19-.81-.43-1.791-.7-2.712a19 19 0 0 0-.561-1.832a5 5 0 0 0-.43-1a.83.83 0 0 0-.581-.43l-1.691-.15h-1.122a.32.32 0 1 0 0 .63c.41 0 .751 0 1.071.06l1.592.18c.18.37.38.81.45 1c.19.511.37 1.112.54 1.732c.25.921.461 1.892.631 2.692c.05.25.26 1.001.39 1.832q.14.582.15 1.181q.01.09 0 .18c-.54.293-1.13.48-1.74.55q-1.532.184-3.074.17H12.59c-2.322 0-4.654-.08-6.936-.16a9.8 9.8 0 0 1-2.362-.26a2 2 0 0 1-1.131-.68c-.15-.21-.07-.58 0-1.001c.16-.74.49-1.551.6-1.932c.255-1.13.6-2.237 1.031-3.312A2.73 2.73 0 0 1 5.183 5.93a3.5 3.5 0 0 1 1.001-.16a11 11 0 0 1 1.652.06a.28.28 0 0 0 .31-.24a.28.28 0 0 0-.24-.32a11.4 11.4 0 0 0-1.742-.1a4.7 4.7 0 0 0-1.17.16a2.92 2.92 0 0 0-1.512 1.28a17 17 0 0 0-1.551 4.004a16.4 16.4 0 0 0-.76 2.332c-.112.448-.059.92.15 1.331c.369.48.88.83 1.46 1.001c0 .78.06 1.561.13 2.342c.09 1 .22 2.002.38 3.063q.074.736.221 1.46c.067.253.179.49.33.702a1.8 1.8 0 0 0 .831.57c.39.127.793.208 1.201.24c.42.06.84.1 1.261.13c1 .06 1.912 0 2.883.1c1.43.06 2.822.15 4.223.1a18.4 18.4 0 0 0 2.842-.3a14 14 0 0 0 1.562-.2c.31-.063.59-.225.8-.46c.263-.327.454-.706.56-1.111q.197-.802.291-1.622c.12-.91.26-1.831.38-2.762c.08-.62.16-1.241.21-1.852a.25.25 0 0 0-.05-.17a5 5 0 0 0 1.682-.66a1.27 1.27 0 0 0 .35-1.111m-2.862 3.693c-.15.92-.32 1.832-.48 2.742a14 14 0 0 1-.32 1.501a2.4 2.4 0 0 1-.391.781a.9.9 0 0 1-.53.18c-.48.08-1.001.06-1.312.11q-1.354.182-2.722.2c-1.371 0-2.732-.05-4.153-.12c-1.001 0-1.912 0-2.873-.07c-.4 0-.8 0-1.2-.08a5 5 0 0 1-1.002-.15a.86.86 0 0 1-.42-.25a1.26 1.26 0 0 1-.25-.55c-.1-.39-.14-.811-.21-1.192q-.315-1.5-.51-3.002c-.1-.7-.161-1.401-.211-2.102c2.472.57 14.322.58 16.844.17c-.11.63-.2 1.231-.26 1.832"/></g></svg>
Cómo usar el icono Shopping Basket Arrow Out
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:shopping-basket-arrow-out" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:shopping-basket-arrow-out" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:shopping-basket-arrow-out" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--shopping-basket-arrow-out]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shopping-basket-arrow-out"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:shopping-basket-arrow-out"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-arrow-out.svg" alt="Icono Shopping Basket Arrow Out" width="24" height="24">
Iconos relacionados en Freehand color icons
El icono Shopping Basket Arrow Out en otras colecciones
Preguntas frecuentes sobre Icono Shopping Basket Arrow Out
¿El icono Shopping Basket Arrow Out es gratis para uso comercial?
Sí. Freehand 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 Basket Arrow Out en React?
Instala @iconify/react y renderiza <Icon icon="streamline-freehand-color:shopping-basket-arrow-out" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Shopping Basket Arrow Out a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-arrow-out.svg" alt="Icono Shopping Basket Arrow Out">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Freehand color icons →
