Иконка Shopping Basket Add

streamline-flex-color:shopping-basket-add

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

Набор: Flex color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 14 × 14
Категория: Деньги и покупки
Теги: shoppingbasket, basketadd, shoppingbasketadd

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#d7e0ff" d="M1.997 11.306c-.326-1.39-.485-2.938-.55-3.984a.947.947 0 0 1 .962-.999h9.182c.552 0 .996.447.962.999c-.065 1.046-.224 2.594-.55 3.984c-.182.779-.77 1.36-1.563 1.464c-.756.098-1.876.179-3.44.179s-2.684-.081-3.44-.18c-.794-.103-1.38-.684-1.563-1.463"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M4.008 6.323H2.41a.947.947 0 0 0-.962.999c.065 1.046.224 2.594.55 3.984c.182.779.77 1.36 1.563 1.464c.756.098 1.876.179 3.44.179s2.684-.081 3.44-.18c.794-.103 1.38-.684 1.563-1.463c.326-1.39.484-2.938.55-3.984a.947.947 0 0 0-.962-.999h-1.55m-6.835 0l-1.5-2.934m9.086 2.934l1.5-2.934M5.17 8.956v1.389m3.66-1.389v1.389m.133-6.485C8.57 4.647 7.785 5.43 7 5.824c-.785-.392-1.57-1.177-1.963-1.962M7 .802v5"/></g></svg>

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

React

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

<Icon icon="streamline-flex-color:shopping-basket-add" width="24" />

Vue

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

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

Svelte

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

<Icon icon="streamline-flex-color:shopping-basket-add" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-flex-color:shopping-basket-add"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Flex color icons →