Иконка Shopping Basket Smile 1

streamline-freehand-color:shopping-basket-smile-1

Иконка Shopping Basket Smile 1 (streamline-freehand-color:shopping-basket-smile-1) — бесплатная 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, basketsmile, shoppingbasketsmile

Скачать SVG

Код 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="M8.441 13.508a.31.31 0 0 0-.39-.16c-.679.07-.409 2.887.25 2.737c.66-.15.39-2.008.14-2.577m6.424 2.378c.12 0 .21-.07.33-.17c.509-.46.479-2.508-.08-2.568a.29.29 0 0 0-.39.15a4.43 4.43 0 0 0-.2 2.248a.34.34 0 0 0 .34.34m-6.214 2.747c.48.512 1.048.932 1.678 1.239a4 4 0 0 0 4.336-1.08c.25-.24.999-.759.999-1.188a.34.34 0 0 0-.34-.34a9.6 9.6 0 0 1-2.907 1.638c-2.577.62-3.716-1.608-3.906-1.658a.32.32 0 0 0-.47.27c-.05.27.47.979.61 1.119"/><path fill="#020202" d="M21.238 12.4a44 44 0 0 1-.64 5.294c-.16.992-.46 1.957-.888 2.867a1.4 1.4 0 0 1-.66.74a18.2 18.2 0 0 1-5.394.778a52 52 0 0 1-8.342-.37c-1.298-.17-1.998-1.648-2.397-3.376a29 29 0 0 1-.69-5.934c-.07-.69-.659-.6-.599 0c-.08 2.478.2 4.955.83 7.353c.519 1.578 1.408 2.717 2.707 2.937c2.825.4 5.68.55 8.53.45a18.7 18.7 0 0 0 5.705-.95c.78-.33 1.409-1.568 1.788-3.227c.42-2.164.661-4.359.72-6.563c-.14-.53-.54-.35-.67 0M4.256 6.715q.166-.446.39-.87q.233-.396.519-.758q.29-.358.62-.68a7.2 7.2 0 0 1 1.388-1.049c.05.217.16.414.32.57c.218.218.48.388.769.5c.405.14.83.214 1.258.22l4.206.08q.694.036 1.388 0a2.7 2.7 0 0 0 1.06-.27a1.39 1.39 0 0 0 .849-1v-.08a4.2 4.2 0 0 1 1.698.88q.379.343.68.759a5 5 0 0 1 .509.899q.15.391.25.799c.269 1.119.789.999.898 0c-.026-.39-.1-.776-.22-1.149a4.5 4.5 0 0 0-.569-1.169a4.1 4.1 0 0 0-.929-.939a4.53 4.53 0 0 0-2.417-.739a2.45 2.45 0 0 0-.59-.869a3.65 3.65 0 0 0-1.348-.74a9 9 0 0 0-2.178-.279h-1.539c-.539 0-.999 0-1.528.06a.29.29 0 0 0-.27.29a.29.29 0 0 0 .29.27h1.498c.5 0 1 .06 1.499.11c.651.07 1.292.218 1.908.439c.372.125.713.33.999.6a1 1 0 0 1 .35.619c0 .14-.09.24-.28.33a2 2 0 0 1-.68.16q-.649.036-1.298 0l-4.206.119a3.4 3.4 0 0 1-.839-.08a1.4 1.4 0 0 1-.72-.37a.7.7 0 0 1-.1-.749c.1-.32.304-.598.58-.789a.32.32 0 0 0-.31-.55a2.27 2.27 0 0 0-.998 1.38a6.4 6.4 0 0 0-1.998.998a4.3 4.3 0 0 0-.81.79a4.6 4.6 0 0 0-.569.998c-.179.403-.31.826-.39 1.259c-.05 1.019.6.81.86 0"/><path fill="#0c6fff" d="M23.975 9.722a2.18 2.18 0 0 0-.999-1.509a19.6 19.6 0 0 0-3.486-.22c-2.807 0-6.523.1-7.852.14c-8.94.31-3.466-.35-11.128.17a.28.28 0 1 0 0 .56h3.316c2.667 0 5.464.13 7.832.13h7.812a21 21 0 0 1 3.117.17q.169.212.26.469q.055.227.08.46q-.451.163-.93.22c-.589.07-1.238.06-1.718.07l-17.572.379a4 4 0 0 1-1.518 0a1 1 0 0 1-.52-.65a.4.4 0 0 1 0-.19v-.499a.31.31 0 0 0-.27-.35a.33.33 0 0 0-.339.29c0 .2-.06.41-.06.61a.9.9 0 0 0 .07.36a1.6 1.6 0 0 0 .85.998c.289.13 20.648.09 21.197 0a4 4 0 0 0 1.329-.35a1.21 1.21 0 0 0 .53-1.258"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:shopping-basket-smile-1"></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-smile-1"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Freehand color icons →