shopping cart emoji
shopping-cart from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- shopping-cart
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji 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 High Contrastshopping-cartcss.ggshopping-cartHeroIconsshopping-cartIconParkshopping-cartIconPark Outlineshopping-cartIconPark Solidshopping-cartIconPark TwoToneshopping-cartJam Iconsshopping-cartLine Awesomeshopping-cartLucideshopping-cartMage Iconsshopping-cartMajesticonsshopping-cartMaterial Symbolsshopping-cartMaterial Symbols Lightshopping-cartNoto Emojishopping-cartOpenMoji
More objects icons from Fluent Emoji Flat
Use the shopping cart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M7.17 21.757L22.94 23l1.042-4h.536c1.372 0 2.494 1.34 2.494 2.885V22c0 1.608-1.203 3-2.634 3H3c-.547 0-1 .382-1 .956S2.447 27 2.994 27h21.425C26.943 27 29 24.756 29 22v-.115C29 19.192 26.993 17 24.518 17h-.015l.004-.012a.495.495 0 0 0 .393-.469v-.038a.47.47 0 0 0-.168-.359L27.37 6H5.2C3.44 6 2 7.432 2 9.253l.52 8.495c.15 2.517 2.52 3.84 4.65 4.009M21.616 16H20v-4h2.605zm1.236-5H20V8.007l1.95.002c.84 0 1.45.776 1.25 1.582zM19 8.006V11h-4.38V8zm-5.38-.007V11h-4.6V7.994zm-5.6-.006V11H4.111L4 9.193c0-.666.54-1.204 1.21-1.204zM4.173 12H8.02v4h-3.6zm.308 5H8.02v2.83l-.68-.053c-1.34-.11-2.74-.875-2.82-2.149zm4.539 2.91V17h4.6v3.272zm5.6.44V17H19v3.62q0 .039.006.076zm5.38.25V17h1.369l-.679 2.747a1.28 1.28 0 0 1-.69.853M14.62 12H19v4h-4.38zm-5.6 0h4.6v4h-4.6z"/><path fill="#bebebe" d="M22.804 23.97c-.562-.131-.912-.688-.774-1.225l4.884-18.977c.138-.537.721-.871 1.282-.74c.562.132.912.69.774 1.227L24.086 23.23c-.138.547-.71.871-1.282.74"/><path fill="#0084ce" d="M27 5h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M5.5 30a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m18 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatShoppingCart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M7.17 21.757L22.94 23l1.042-4h.536c1.372 0 2.494 1.34 2.494 2.885V22c0 1.608-1.203 3-2.634 3H3c-.547 0-1 .382-1 .956S2.447 27 2.994 27h21.425C26.943 27 29 24.756 29 22v-.115C29 19.192 26.993 17 24.518 17h-.015l.004-.012a.495.495 0 0 0 .393-.469v-.038a.47.47 0 0 0-.168-.359L27.37 6H5.2C3.44 6 2 7.432 2 9.253l.52 8.495c.15 2.517 2.52 3.84 4.65 4.009M21.616 16H20v-4h2.605zm1.236-5H20V8.007l1.95.002c.84 0 1.45.776 1.25 1.582zM19 8.006V11h-4.38V8zm-5.38-.007V11h-4.6V7.994zm-5.6-.006V11H4.111L4 9.193c0-.666.54-1.204 1.21-1.204zM4.173 12H8.02v4h-3.6zm.308 5H8.02v2.83l-.68-.053c-1.34-.11-2.74-.875-2.82-2.149zm4.539 2.91V17h4.6v3.272zm5.6.44V17H19v3.62q0 .039.006.076zm5.38.25V17h1.369l-.679 2.747a1.28 1.28 0 0 1-.69.853M14.62 12H19v4h-4.38zm-5.6 0h4.6v4h-4.6z"/><path fill="#bebebe" d="M22.804 23.97c-.562-.131-.912-.688-.774-1.225l4.884-18.977c.138-.537.721-.871 1.282-.74c.562.132.912.69.774 1.227L24.086 23.23c-.138.547-.71.871-1.282.74"/><path fill="#0084ce" d="M27 5h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M5.5 30a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m18 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M7.17 21.757L22.94 23l1.042-4h.536c1.372 0 2.494 1.34 2.494 2.885V22c0 1.608-1.203 3-2.634 3H3c-.547 0-1 .382-1 .956S2.447 27 2.994 27h21.425C26.943 27 29 24.756 29 22v-.115C29 19.192 26.993 17 24.518 17h-.015l.004-.012a.495.495 0 0 0 .393-.469v-.038a.47.47 0 0 0-.168-.359L27.37 6H5.2C3.44 6 2 7.432 2 9.253l.52 8.495c.15 2.517 2.52 3.84 4.65 4.009M21.616 16H20v-4h2.605zm1.236-5H20V8.007l1.95.002c.84 0 1.45.776 1.25 1.582zM19 8.006V11h-4.38V8zm-5.38-.007V11h-4.6V7.994zm-5.6-.006V11H4.111L4 9.193c0-.666.54-1.204 1.21-1.204zM4.173 12H8.02v4h-3.6zm.308 5H8.02v2.83l-.68-.053c-1.34-.11-2.74-.875-2.82-2.149zm4.539 2.91V17h4.6v3.272zm5.6.44V17H19v3.62q0 .039.006.076zm5.38.25V17h1.369l-.679 2.747a1.28 1.28 0 0 1-.69.853M14.62 12H19v4h-4.38zm-5.6 0h4.6v4h-4.6z"/><path fill="#bebebe" d="M22.804 23.97c-.562-.131-.912-.688-.774-1.225l4.884-18.977c.138-.537.721-.871 1.282-.74c.562.132.912.69.774 1.227L24.086 23.23c-.138.547-.71.871-1.282.74"/><path fill="#0084ce" d="M27 5h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M5.5 30a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m18 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/></g></svg> </template>
CSS
.icon-shopping-cart {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M7.17%2021.757L22.94%2023l1.042-4h.536c1.372%200%202.494%201.34%202.494%202.885V22c0%201.608-1.203%203-2.634%203H3c-.547%200-1%20.382-1%20.956S2.447%2027%202.994%2027h21.425C26.943%2027%2029%2024.756%2029%2022v-.115C29%2019.192%2026.993%2017%2024.518%2017h-.015l.004-.012a.495.495%200%200%200%20.393-.469v-.038a.47.47%200%200%200-.168-.359L27.37%206H5.2C3.44%206%202%207.432%202%209.253l.52%208.495c.15%202.517%202.52%203.84%204.65%204.009M21.616%2016H20v-4h2.605zm1.236-5H20V8.007l1.95.002c.84%200%201.45.776%201.25%201.582zM19%208.006V11h-4.38V8zm-5.38-.007V11h-4.6V7.994zm-5.6-.006V11H4.111L4%209.193c0-.666.54-1.204%201.21-1.204zM4.173%2012H8.02v4h-3.6zm.308%205H8.02v2.83l-.68-.053c-1.34-.11-2.74-.875-2.82-2.149zm4.539%202.91V17h4.6v3.272zm5.6.44V17H19v3.62q0%20.039.006.076zm5.38.25V17h1.369l-.679%202.747a1.28%201.28%200%200%201-.69.853M14.62%2012H19v4h-4.38zm-5.6%200h4.6v4h-4.6z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M22.804%2023.97c-.562-.131-.912-.688-.774-1.225l4.884-18.977c.138-.537.721-.871%201.282-.74c.562.132.912.69.774%201.227L24.086%2023.23c-.138.547-.71.871-1.282.74%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M27%205h2c.55%200%201-.45%201-1s-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201M5.5%2030a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203m18%200a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M7.17%2021.757L22.94%2023l1.042-4h.536c1.372%200%202.494%201.34%202.494%202.885V22c0%201.608-1.203%203-2.634%203H3c-.547%200-1%20.382-1%20.956S2.447%2027%202.994%2027h21.425C26.943%2027%2029%2024.756%2029%2022v-.115C29%2019.192%2026.993%2017%2024.518%2017h-.015l.004-.012a.495.495%200%200%200%20.393-.469v-.038a.47.47%200%200%200-.168-.359L27.37%206H5.2C3.44%206%202%207.432%202%209.253l.52%208.495c.15%202.517%202.52%203.84%204.65%204.009M21.616%2016H20v-4h2.605zm1.236-5H20V8.007l1.95.002c.84%200%201.45.776%201.25%201.582zM19%208.006V11h-4.38V8zm-5.38-.007V11h-4.6V7.994zm-5.6-.006V11H4.111L4%209.193c0-.666.54-1.204%201.21-1.204zM4.173%2012H8.02v4h-3.6zm.308%205H8.02v2.83l-.68-.053c-1.34-.11-2.74-.875-2.82-2.149zm4.539%202.91V17h4.6v3.272zm5.6.44V17H19v3.62q0%20.039.006.076zm5.38.25V17h1.369l-.679%202.747a1.28%201.28%200%200%201-.69.853M14.62%2012H19v4h-4.38zm-5.6%200h4.6v4h-4.6z%22%2F%3E%3Cpath%20fill%3D%22%23bebebe%22%20d%3D%22M22.804%2023.97c-.562-.131-.912-.688-.774-1.225l4.884-18.977c.138-.537.721-.871%201.282-.74c.562.132.912.69.774%201.227L24.086%2023.23c-.138.547-.71.871-1.282.74%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M27%205h2c.55%200%201-.45%201-1s-.45-1-1-1h-2c-.55%200-1%20.45-1%201s.45%201%201%201M5.5%2030a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203m18%200a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/shopping-cart.svg?color=%231a73e8&size=48
