Иконка Shopping Cart Plus Duotone

keyline-icons:shopping-cart-plus-duotone

Иконка Shopping Cart Plus Duotone (keyline-icons:shopping-cart-plus-duotone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: shoppingcart, cartplus, plusduotone, shoppingcartplusduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M4.02986 7.24254C3.87207 6.61139 4.34943 6 5 6L12 6C12.5523 6 13 6.4477 13 7L13 9C13 10.6569 14.3431 12 16 12L19.8831 12C20.4354 12 20.8831 12.4477 20.8831 13C20.8831 13.1391 20.8541 13.2767 20.7979 13.4039L20.178 14.8079C19.858 15.5325 19.1405 16 18.3484 16L7.78078 16C6.86305 16 6.06308 15.3754 5.8405 14.4851L4.02986 7.24254Z" stroke="none"/><path d="M2 3L3.2192 3C3.6781 3 4.0781 3.3123 4.1894 3.7575L5 7M19 3V9M16 6H22"/><path fill="currentColor" d="M10.5 20.5C10.5 21.3284 9.8284 22 9 22C8.1716 22 7.5 21.3284 7.5 20.5C7.5 19.6716 8.1716 19 9 19C9.8284 19 10.5 19.6716 10.5 20.5ZM18.5 20.5C18.5 21.3284 17.8284 22 17 22C16.1716 22 15.5 21.3284 15.5 20.5C15.5 19.6716 16.1716 19 17 19C17.8284 19 18.5 19.6716 18.5 20.5Z" stroke="none"/></g></svg>

Как использовать иконку Shopping Cart Plus Duotone

React

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

<Icon icon="keyline-icons:shopping-cart-plus-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:shopping-cart-plus-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:shopping-cart-plus-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shopping-cart-plus-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shopping-cart-plus-duotone"></div>

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

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

<iconify-icon icon="keyline-icons:shopping-cart-plus-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/shopping-cart-plus-duotone.svg" alt="Иконка Shopping Cart Plus Duotone" width="24" height="24">

Иконка Shopping Cart Plus Duotone в других наборах

Вопросы и ответы: Иконка Shopping Cart Plus Duotone

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

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Shopping Cart Plus Duotone в React?

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

Как добавить иконку Shopping Cart Plus Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/shopping-cart-plus-duotone.svg" alt="Иконка Shopping Cart Plus Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →