Иконка Shopping Basket Like

streamline-freehand-color:shopping-basket-like

Иконка Shopping Basket Like (streamline-freehand-color:shopping-basket-like) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Freehand color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Покупки и e-commerce
Теги: shoppingbasket, basketlike, shoppingbasketlike

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M15.68 10.967a1.41 1.41 0 0 0 .311-2.411a3.1 3.1 0 0 0-1-.26c.24-3.071-1.47-4.822-2.921-4.932a1.42 1.42 0 0 0-.5-1.07c-.74-.58-1.68-.39-5.112-.27a.31.31 0 1 0 0 .62c4.241.13 4.601-.11 4.501 1.1c-.27.63-2 .38-2.72.45c-.54.07-2.201.39-2.461 0a1.21 1.21 0 0 1 .09-1.17a.28.28 0 0 0-.39-.39a1.84 1.84 0 0 0-.25 1.95c.46.87 2.14.65 3.13.61s3.282.461 3.632-1.17c.09 0 .25.06.28.08a7 7 0 0 1 2 4.172a.31.31 0 0 0 0 .61c1.27.14 1.721.14 1.56.87c0 .22-.12.44-.33.49a15 15 0 0 1-3.59 0c-11.604-.22-9.523-.22-10.864-.5c-.13-.14.08-.53.27-.61a3.4 3.4 0 0 1 1.4-.29c.43 0 6.673-.3 10.284-.15a.28.28 0 0 0 0-.55c-3.101-.26-10.553-.26-10.633-.25a10.6 10.6 0 0 1 1.8-3.171c.82-.63.76-.64.76-.75a.31.31 0 0 0-.31-.31c-.34 0-.75.31-1 .46a4.37 4.37 0 0 0-1.87 3.84a4.4 4.4 0 0 0-.84.24a1.5 1.5 0 0 0-.641 2.232c.2.205.459.344.74.4c0 .27 0-.42.22 2.2c.43 4.732 1.46 5.182 5.762 5.362a22 22 0 0 0 3.831-.23a.312.312 0 1 0-.07-.62c-2.23.16-4.473-.016-6.652-.52c-1.46-.39-1.85-2.581-2.11-4.102c-.44-2.32-.31-1.6-.34-2c1 .17.54.15 10.223.15c1.27.125 2.55.088 3.81-.11"/><path fill="#0c6fff" d="M4.387 12.507c-.81-.32.16 3.931.95 3.591c.07 0 .19-.05.23-.19c.15-.34-.75-3.6-1.18-3.4m7.143-.001c-.43-.2-1.33 3.061-1.18 3.401c0 .14.15.16.23.19c.79.34 1.76-3.911.95-3.59m-3.632-.281c-.06 0-.15 0-.19.12a7.1 7.1 0 0 0-.12 3.511a.36.36 0 0 0 .31.39c.72 0 .42-2.94.27-3.82c-.1-.181-.18-.231-.27-.201"/><path fill="#020202" d="M23.994 15.938a.25.25 0 0 0-.3-.2c-.73.13-2.941-1.19-3.542-.32c-.57-1.05-.16-1.81-.17-2.71a1.56 1.56 0 0 0-1.15-1.681c-1.05-.15-1.61 1.42-1.86 2.19c-.07.21-.09.52-.33.55s-.15-.09-1.111-.28c-.74-.15-1.59-.34-2.15.3s-.46 1.641-.49 2.721c0 .85-.211 2.001.53 2.651c1.25 1 3.43.25 5.911 1.25c.3.89.66.82 4.001 1.691a.285.285 0 0 0 .1-.56s-2.57-.89-2.79-1s-.45-.14-.46-.8c.172-1.31.419-2.61.74-3.892c.708.046 1.411.157 2.1.33c.37.11 1.05.16.97-.24m-4.752 3.431a13.1 13.1 0 0 0-3.851-.56c-1.66-.16-1.55-.45-1.55-1.43a19 19 0 0 1 .15-2.731c.19-.66 1.28-.3 1.76-.19c.64.15 1.37.4 1.78-.31c.26-.44.5-1.87 1.06-2.221c.251-.15.431.13.521.36c.37 1-.66 2.13.84 3.761a19 19 0 0 0-.72 3.321z"/></g></svg>

Как использовать иконку Shopping Basket Like

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:shopping-basket-like" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--shopping-basket-like]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shopping-basket-like"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand-color:shopping-basket-like"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-like.svg" alt="Иконка Shopping Basket Like" width="24" height="24">

Иконка Shopping Basket Like в других наборах

Вопросы и ответы: Иконка Shopping Basket Like

Можно ли бесплатно использовать иконку Shopping Basket Like в коммерческих проектах?

Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Shopping Basket Like в React?

Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:shopping-basket-like" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Shopping Basket Like на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/shopping-basket-like.svg" alt="Иконка Shopping Basket Like">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Freehand color icons →