shopping cart icon
shopping-cart-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- shopping-cart-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
shopping-cart-outlinedAnt Design Iconsshopping-cartCarbonshopping-cartEmoji One (Colored)shopping-cartElement Plusshopping-cart-fillEva Iconsshopping-cartFont Awesome Solidshopping-cartFeather Iconsshopping-cartFluent Emojishopping-cartFluent Emoji Flatshopping-cartFluent Emoji High Contrastshopping-cartcss.ggshopping-cartHeroIconsshopping-cartIconParkshopping-cartIconPark Outlineshopping-cartIconPark Solidshopping-cartIconPark TwoToneshopping-cartJam Iconsshopping-cartLine Awesomeshopping-cartLucideshopping-cartMajesticonsshopping-cartMaterial Symbolsshopping-cartMaterial Symbols Lightshopping-cartNoto Emojishopping-cartOpenMoji
Related icons in Mage Icons
Use the shopping cart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.548 22.253a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m10.4 0a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m3.08-14.7a.7.7 0 0 0 0-.14a2.48 2.48 0 0 0-1.49-1.61a4.7 4.7 0 0 0-1.8-.28H5.228l-.79-3.2a.75.75 0 1 0-1.46.35l.94 3.78c.52 2 .94 3.76 1.3 5.43c0 .14 0 .27.08.4c.12.52.24 1.05.33 1.56q.18 1.111.51 2.19c.163.396.429.741.77 1a2.5 2.5 0 0 0 1.18.46h.91q.41.022.82 0h6.73a3.06 3.06 0 0 0 2.26-.78l.08-.08a3.67 3.67 0 0 0 .78-1.9c.16-.93.37-1.88.56-2.77a.4.4 0 0 0 0-.11c.06-.22.1-.44.15-.65s.11-.52.17-.79s.13-.62.17-.83a4.5 4.5 0 0 0 .31-2.03m-2.81 7a2.06 2.06 0 0 1-.43 1.11a1.4 1.4 0 0 1-.48.28a1.7 1.7 0 0 1-.66.07h-6.92a8.5 8.5 0 0 1-1.51 0a1 1 0 0 1-.43-.17a.9.9 0 0 1-.26-.29a15 15 0 0 1-.44-1.93c-.07-.37-.15-.74-.22-1.11h11.75c-.14.63-.28 1.31-.4 2.01z"/></svg>
React
import type { SVGProps } from "react";
export function MageShoppingCartFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.548 22.253a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m10.4 0a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m3.08-14.7a.7.7 0 0 0 0-.14a2.48 2.48 0 0 0-1.49-1.61a4.7 4.7 0 0 0-1.8-.28H5.228l-.79-3.2a.75.75 0 1 0-1.46.35l.94 3.78c.52 2 .94 3.76 1.3 5.43c0 .14 0 .27.08.4c.12.52.24 1.05.33 1.56q.18 1.111.51 2.19c.163.396.429.741.77 1a2.5 2.5 0 0 0 1.18.46h.91q.41.022.82 0h6.73a3.06 3.06 0 0 0 2.26-.78l.08-.08a3.67 3.67 0 0 0 .78-1.9c.16-.93.37-1.88.56-2.77a.4.4 0 0 0 0-.11c.06-.22.1-.44.15-.65s.11-.52.17-.79s.13-.62.17-.83a4.5 4.5 0 0 0 .31-2.03m-2.81 7a2.06 2.06 0 0 1-.43 1.11a1.4 1.4 0 0 1-.48.28a1.7 1.7 0 0 1-.66.07h-6.92a8.5 8.5 0 0 1-1.51 0a1 1 0 0 1-.43-.17a.9.9 0 0 1-.26-.29a15 15 0 0 1-.44-1.93c-.07-.37-.15-.74-.22-1.11h11.75c-.14.63-.28 1.31-.4 2.01z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.548 22.253a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m10.4 0a1.25 1.25 0 1 1 0-2.5a1.25 1.25 0 0 1 0 2.5m3.08-14.7a.7.7 0 0 0 0-.14a2.48 2.48 0 0 0-1.49-1.61a4.7 4.7 0 0 0-1.8-.28H5.228l-.79-3.2a.75.75 0 1 0-1.46.35l.94 3.78c.52 2 .94 3.76 1.3 5.43c0 .14 0 .27.08.4c.12.52.24 1.05.33 1.56q.18 1.111.51 2.19c.163.396.429.741.77 1a2.5 2.5 0 0 0 1.18.46h.91q.41.022.82 0h6.73a3.06 3.06 0 0 0 2.26-.78l.08-.08a3.67 3.67 0 0 0 .78-1.9c.16-.93.37-1.88.56-2.77a.4.4 0 0 0 0-.11c.06-.22.1-.44.15-.65s.11-.52.17-.79s.13-.62.17-.83a4.5 4.5 0 0 0 .31-2.03m-2.81 7a2.06 2.06 0 0 1-.43 1.11a1.4 1.4 0 0 1-.48.28a1.7 1.7 0 0 1-.66.07h-6.92a8.5 8.5 0 0 1-1.51 0a1 1 0 0 1-.43-.17a.9.9 0 0 1-.26-.29a15 15 0 0 1-.44-1.93c-.07-.37-.15-.74-.22-1.11h11.75c-.14.63-.28 1.31-.4 2.01z"/></svg> </template>
CSS
.icon-shopping-cart-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.548%2022.253a1.25%201.25%200%201%201%200-2.5a1.25%201.25%200%200%201%200%202.5m10.4%200a1.25%201.25%200%201%201%200-2.5a1.25%201.25%200%200%201%200%202.5m3.08-14.7a.7.7%200%200%200%200-.14a2.48%202.48%200%200%200-1.49-1.61a4.7%204.7%200%200%200-1.8-.28H5.228l-.79-3.2a.75.75%200%201%200-1.46.35l.94%203.78c.52%202%20.94%203.76%201.3%205.43c0%20.14%200%20.27.08.4c.12.52.24%201.05.33%201.56q.18%201.111.51%202.19c.163.396.429.741.77%201a2.5%202.5%200%200%200%201.18.46h.91q.41.022.82%200h6.73a3.06%203.06%200%200%200%202.26-.78l.08-.08a3.67%203.67%200%200%200%20.78-1.9c.16-.93.37-1.88.56-2.77a.4.4%200%200%200%200-.11c.06-.22.1-.44.15-.65s.11-.52.17-.79s.13-.62.17-.83a4.5%204.5%200%200%200%20.31-2.03m-2.81%207a2.06%202.06%200%200%201-.43%201.11a1.4%201.4%200%200%201-.48.28a1.7%201.7%200%200%201-.66.07h-6.92a8.5%208.5%200%200%201-1.51%200a1%201%200%200%201-.43-.17a.9.9%200%200%201-.26-.29a15%2015%200%200%201-.44-1.93c-.07-.37-.15-.74-.22-1.11h11.75c-.14.63-.28%201.31-.4%202.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.548%2022.253a1.25%201.25%200%201%201%200-2.5a1.25%201.25%200%200%201%200%202.5m10.4%200a1.25%201.25%200%201%201%200-2.5a1.25%201.25%200%200%201%200%202.5m3.08-14.7a.7.7%200%200%200%200-.14a2.48%202.48%200%200%200-1.49-1.61a4.7%204.7%200%200%200-1.8-.28H5.228l-.79-3.2a.75.75%200%201%200-1.46.35l.94%203.78c.52%202%20.94%203.76%201.3%205.43c0%20.14%200%20.27.08.4c.12.52.24%201.05.33%201.56q.18%201.111.51%202.19c.163.396.429.741.77%201a2.5%202.5%200%200%200%201.18.46h.91q.41.022.82%200h6.73a3.06%203.06%200%200%200%202.26-.78l.08-.08a3.67%203.67%200%200%200%20.78-1.9c.16-.93.37-1.88.56-2.77a.4.4%200%200%200%200-.11c.06-.22.1-.44.15-.65s.11-.52.17-.79s.13-.62.17-.83a4.5%204.5%200%200%200%20.31-2.03m-2.81%207a2.06%202.06%200%200%201-.43%201.11a1.4%201.4%200%200%201-.48.28a1.7%201.7%200%200%201-.66.07h-6.92a8.5%208.5%200%200%201-1.51%200a1%201%200%200%201-.43-.17a.9.9%200%200%201-.26-.29a15%2015%200%200%201-.44-1.93c-.07-.37-.15-.74-.22-1.11h11.75c-.14.63-.28%201.31-.4%202.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/shopping-cart-fill.svg?color=%231a73e8&size=48
