Cart Plus icon
fa-solid:cart-plus
The Cart Plus icon (fa-solid:cart-plus) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 576 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Solid
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 576 × 512
- Category
- Shopping, Payments & Shopping, Status
- Tags
- cartplus
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M504.717 320H211.572l6.545 32h268.418c15.401 0 26.816 14.301 23.403 29.319l-5.517 24.276C523.112 414.668 536 433.828 536 456c0 31.202-25.519 56.444-56.824 55.994c-29.823-.429-54.35-24.631-55.155-54.447c-.44-16.287 6.085-31.049 16.803-41.548H231.176C241.553 426.165 248 440.326 248 456c0 31.813-26.528 57.431-58.67 55.938c-28.54-1.325-51.751-24.385-53.251-52.917c-1.158-22.034 10.436-41.455 28.051-51.586L93.883 64H24C10.745 64 0 53.255 0 40V24C0 10.745 10.745 0 24 0h102.529c11.401 0 21.228 8.021 23.513 19.19L159.208 64H551.99c15.401 0 26.816 14.301 23.403 29.319l-47.273 208C525.637 312.246 515.923 320 504.717 320M408 168h-48v-40c0-8.837-7.163-16-16-16h-16c-8.837 0-16 7.163-16 16v40h-48c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h48v40c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-40h48c8.837 0 16-7.163 16-16v-16c0-8.837-7.163-16-16-16"/></svg>
How to use the Cart Plus icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:cart-plus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:cart-plus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:cart-plus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--cart-plus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:cart-plus"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:cart-plus"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-solid/cart-plus.svg" alt="Cart Plus icon" width="24" height="24">
Related icons in Font Awesome 5 Solid
Cart Plus icon in other icon sets
Cart Plus icon FAQ
Is the Cart Plus icon free for commercial use?
Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Cart Plus icon in React?
Install @iconify/react and render <Icon icon="fa-solid:cart-plus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cart Plus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-solid/cart-plus.svg" alt="Cart Plus icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Solid icons →
ICONYZ
