Cart Duotone icon
reicon:cart-duotone
The Cart Duotone icon (reicon:cart-duotone) is a free SVG icon from the Reicon set. It is drawn on a 24 × 24 grid. Reicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.023 2a1.75 1.75 0 0 0 0 3.5h4a1.75 1.75 0 1 0 0-3.5zM3.887 16.205C3.029 12.773 2.6 11.058 3.5 9.904S6.17 8.75 9.708 8.75h4.63c3.538 0 5.306 0 6.207 1.154s.472 2.87-.386 6.301c-.546 2.183-.818 3.274-1.632 3.91c-.814.635-1.939.635-4.189.635h-4.63c-2.25 0-3.375 0-4.189-.635c-.814-.636-1.087-1.727-1.632-3.91" opacity=".5"/><path d="M15.604 4.502a1.74 1.74 0 0 0 .002-1.501c.683.005 1.216.036 1.691.222a3.25 3.25 0 0 1 1.426 1.09c.367.494.54 1.127.777 1.999l.046.17l.513 2.963c-.409-.282-.936-.45-1.618-.55l-.36-2.087c-.285-1.04-.388-1.367-.562-1.601a1.75 1.75 0 0 0-.768-.587c-.22-.086-.485-.11-1.147-.118M8.441 3.001a1.74 1.74 0 0 0 .002 1.501c-.662.007-.927.032-1.147.118a1.75 1.75 0 0 0-.768.587c-.174.234-.277.561-.561 1.6l-.361 2.089c-.682.1-1.209.267-1.618.548l.513-2.962l.046-.17c.237-.872.41-1.505.777-2A3.25 3.25 0 0 1 6.75 3.224c.475-.186 1.008-.217 1.691-.222"/></g></svg>How to use the Cart Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:cart-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:cart-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:cart-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--cart-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:cart-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:cart-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/reicon/cart-duotone.svg" alt="Cart Duotone icon" width="24" height="24">Related icons in Reicon
cart
cart-add
cart-add-duotone
cart-add-filled
cart-add2
cart-add2-filled
cart-check
cart-check-duotone
cart-check-filled
cart-check2
cart-check2-filled
cart-down
cart-down-filled
cart-filled
cart-large
cart-large-duotone
cart-large-filled
cart-large2
cart-large2-duotone
cart-large2-filled
cart-large3
cart-large3-duotone
cart-large3-filled
cart-large4
Cart Duotone icon FAQ
Is the Cart Duotone icon free for commercial use?
Yes. Reicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Cart Duotone icon in React?
Install @iconify/react and render <Icon icon="reicon:cart-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cart Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/reicon/cart-duotone.svg" alt="Cart Duotone icon">, or paste the SVG code inline to style it with CSS.