Cart Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Cart icon is commonly used in e-commerce stores, checkout flows and product pages. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/305334.svg" alt="Cart icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305334.svg" alt="Cart icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305334.svg" alt="Cart icon" :width="24" :height="24" />
CSS background
.icon-cart {
background-image: url('https://proicons.com/icon/305334.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M893 281H262l-27-91c-4-14-15-25-28-28l-93-25c-4-1-7-2-11-2-18 0-34 13-39 30-3 11-2 22 4 31s14 17 25 20l70 19 143 516c-20 10-33 31-33 54 0 33 27 61 60 61s60-28 60-61v-2h292v2c0 33 27 61 60 61s60-28 60-61c0-31-23-56-53-60-72-12-368-26-368-26l-9-38h368c19 0 36-13 41-31l80-281h29c25 0 45-19 45-44 0-24-20-44-45-44zM424 587h-70c-1 0-4 0-5-4-2-6-4-13-4-13l-55-191c0-1 0-2 1-3s1-1 2-1h84c2 0 3 1 3 2l46 205v1c1 0 1 1 1 1 0 2-2 3-3 3zm176-209l-37 207c-1 1-2 2-3 2h-52c-2 0-3-1-3-2l-38-206c0-1 0-2 1-3 0-1 1-1 2-1h127c1 0 2 0 2 1 1 1 1 2 1 2zm177 1l-59 206c0 1-1 2-3 2h-71c-1 0-2 0-3-1 0-1-1-2 0-3l46-206c0-1 1-2 3-2h84c1 0 2 0 2 1 1 1 1 2 1 3z"/></svg>
Cart in other icon packs
Copied!