shop icon
shop-duotone from Reicon by REICON · Duotone · Shopping · MIT Free for personal and commercial use.
- Name
- shop-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Shopping
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All shop icons →shop-filledAnt Design IconsshopBootstrap IconsshopElement PlusshopFont Awesome 6 SolidshopFont Awesome SolidshopIconParkshopIconPark OutlineshopIconPark SolidshopIconPark TwoToneshopIconoirshopMage IconsshopMaterial SymbolsshopMaterial Symbols Lightshop-fillMingCute IconshopPrime Iconsshop-boldSolarshopTDesign Iconsshop-outlineTeenyiconsshopUniconsshop-outlinedWeUI Icon
More shopping icons from Reicon
Use the shop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 21.991V18.5c0-.935 0-1.402-.201-1.75a1.5 1.5 0 0 0-.549-.549C13.402 16 12.935 16 12 16s-1.402 0-1.75.201a1.5 1.5 0 0 0-.549.549c-.201.348-.201.815-.201 1.75v3.491z"/><path fill-rule="evenodd" d="M5.732 12c-.89 0-1.679-.376-2.232-.967V14c0 3.771 0 5.657 1.172 6.828c.943.944 2.348 1.127 4.828 1.163h5c2.48-.036 3.885-.22 4.828-1.163C20.5 19.657 20.5 17.771 20.5 14v-2.966a3.06 3.06 0 0 1-5.275-1.789l-.073-.728a3.167 3.167 0 1 1-6.307.038l-.069.69A3.06 3.06 0 0 1 5.732 12m8.768 6.5v3.491h-5V18.5c0-.935 0-1.402.201-1.75a1.5 1.5 0 0 1 .549-.549C10.598 16 11.065 16 12 16s1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75" clip-rule="evenodd" opacity=".5"/><path d="M9.5 2h5l.652 6.517a3.167 3.167 0 1 1-6.304 0z"/><path d="M3.33 5.351c.178-.89.267-1.335.448-1.696a3 3 0 0 1 1.889-1.548C6.057 2 6.51 2 7.418 2h2.083l-.725 7.245a3.06 3.06 0 1 1-6.044-.904zm17.34 0c-.178-.89-.267-1.335-.448-1.696a3 3 0 0 0-1.888-1.548C17.944 2 17.49 2 16.582 2H14.5l.725 7.245a3.06 3.06 0 1 0 6.043-.904z" opacity=".7"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconShopDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 21.991V18.5c0-.935 0-1.402-.201-1.75a1.5 1.5 0 0 0-.549-.549C13.402 16 12.935 16 12 16s-1.402 0-1.75.201a1.5 1.5 0 0 0-.549.549c-.201.348-.201.815-.201 1.75v3.491z"/><path fillRule="evenodd" d="M5.732 12c-.89 0-1.679-.376-2.232-.967V14c0 3.771 0 5.657 1.172 6.828c.943.944 2.348 1.127 4.828 1.163h5c2.48-.036 3.885-.22 4.828-1.163C20.5 19.657 20.5 17.771 20.5 14v-2.966a3.06 3.06 0 0 1-5.275-1.789l-.073-.728a3.167 3.167 0 1 1-6.307.038l-.069.69A3.06 3.06 0 0 1 5.732 12m8.768 6.5v3.491h-5V18.5c0-.935 0-1.402.201-1.75a1.5 1.5 0 0 1 .549-.549C10.598 16 11.065 16 12 16s1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75" clipRule="evenodd" opacity=".5"/><path d="M9.5 2h5l.652 6.517a3.167 3.167 0 1 1-6.304 0z"/><path d="M3.33 5.351c.178-.89.267-1.335.448-1.696a3 3 0 0 1 1.889-1.548C6.057 2 6.51 2 7.418 2h2.083l-.725 7.245a3.06 3.06 0 1 1-6.044-.904zm17.34 0c-.178-.89-.267-1.335-.448-1.696a3 3 0 0 0-1.888-1.548C17.944 2 17.49 2 16.582 2H14.5l.725 7.245a3.06 3.06 0 1 0 6.043-.904z" opacity=".7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 21.991V18.5c0-.935 0-1.402-.201-1.75a1.5 1.5 0 0 0-.549-.549C13.402 16 12.935 16 12 16s-1.402 0-1.75.201a1.5 1.5 0 0 0-.549.549c-.201.348-.201.815-.201 1.75v3.491z"/><path fill-rule="evenodd" d="M5.732 12c-.89 0-1.679-.376-2.232-.967V14c0 3.771 0 5.657 1.172 6.828c.943.944 2.348 1.127 4.828 1.163h5c2.48-.036 3.885-.22 4.828-1.163C20.5 19.657 20.5 17.771 20.5 14v-2.966a3.06 3.06 0 0 1-5.275-1.789l-.073-.728a3.167 3.167 0 1 1-6.307.038l-.069.69A3.06 3.06 0 0 1 5.732 12m8.768 6.5v3.491h-5V18.5c0-.935 0-1.402.201-1.75a1.5 1.5 0 0 1 .549-.549C10.598 16 11.065 16 12 16s1.402 0 1.75.201a1.5 1.5 0 0 1 .549.549c.201.348.201.815.201 1.75" clip-rule="evenodd" opacity=".5"/><path d="M9.5 2h5l.652 6.517a3.167 3.167 0 1 1-6.304 0z"/><path d="M3.33 5.351c.178-.89.267-1.335.448-1.696a3 3 0 0 1 1.889-1.548C6.057 2 6.51 2 7.418 2h2.083l-.725 7.245a3.06 3.06 0 1 1-6.044-.904zm17.34 0c-.178-.89-.267-1.335-.448-1.696a3 3 0 0 0-1.888-1.548C17.944 2 17.49 2 16.582 2H14.5l.725 7.245a3.06 3.06 0 1 0 6.043-.904z" opacity=".7"/></g></svg> </template>
CSS
.icon-shop-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5%2021.991V18.5c0-.935%200-1.402-.201-1.75a1.5%201.5%200%200%200-.549-.549C13.402%2016%2012.935%2016%2012%2016s-1.402%200-1.75.201a1.5%201.5%200%200%200-.549.549c-.201.348-.201.815-.201%201.75v3.491z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.732%2012c-.89%200-1.679-.376-2.232-.967V14c0%203.771%200%205.657%201.172%206.828c.943.944%202.348%201.127%204.828%201.163h5c2.48-.036%203.885-.22%204.828-1.163C20.5%2019.657%2020.5%2017.771%2020.5%2014v-2.966a3.06%203.06%200%200%201-5.275-1.789l-.073-.728a3.167%203.167%200%201%201-6.307.038l-.069.69A3.06%203.06%200%200%201%205.732%2012m8.768%206.5v3.491h-5V18.5c0-.935%200-1.402.201-1.75a1.5%201.5%200%200%201%20.549-.549C10.598%2016%2011.065%2016%2012%2016s1.402%200%201.75.201a1.5%201.5%200%200%201%20.549.549c.201.348.201.815.201%201.75%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.5%202h5l.652%206.517a3.167%203.167%200%201%201-6.304%200z%22%2F%3E%3Cpath%20d%3D%22M3.33%205.351c.178-.89.267-1.335.448-1.696a3%203%200%200%201%201.889-1.548C6.057%202%206.51%202%207.418%202h2.083l-.725%207.245a3.06%203.06%200%201%201-6.044-.904zm17.34%200c-.178-.89-.267-1.335-.448-1.696a3%203%200%200%200-1.888-1.548C17.944%202%2017.49%202%2016.582%202H14.5l.725%207.245a3.06%203.06%200%201%200%206.043-.904z%22%20opacity%3D%22.7%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5%2021.991V18.5c0-.935%200-1.402-.201-1.75a1.5%201.5%200%200%200-.549-.549C13.402%2016%2012.935%2016%2012%2016s-1.402%200-1.75.201a1.5%201.5%200%200%200-.549.549c-.201.348-.201.815-.201%201.75v3.491z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.732%2012c-.89%200-1.679-.376-2.232-.967V14c0%203.771%200%205.657%201.172%206.828c.943.944%202.348%201.127%204.828%201.163h5c2.48-.036%203.885-.22%204.828-1.163C20.5%2019.657%2020.5%2017.771%2020.5%2014v-2.966a3.06%203.06%200%200%201-5.275-1.789l-.073-.728a3.167%203.167%200%201%201-6.307.038l-.069.69A3.06%203.06%200%200%201%205.732%2012m8.768%206.5v3.491h-5V18.5c0-.935%200-1.402.201-1.75a1.5%201.5%200%200%201%20.549-.549C10.598%2016%2011.065%2016%2012%2016s1.402%200%201.75.201a1.5%201.5%200%200%201%20.549.549c.201.348.201.815.201%201.75%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9.5%202h5l.652%206.517a3.167%203.167%200%201%201-6.304%200z%22%2F%3E%3Cpath%20d%3D%22M3.33%205.351c.178-.89.267-1.335.448-1.696a3%203%200%200%201%201.889-1.548C6.057%202%206.51%202%207.418%202h2.083l-.725%207.245a3.06%203.06%200%201%201-6.044-.904zm17.34%200c-.178-.89-.267-1.335-.448-1.696a3%203%200%200%200-1.888-1.548C17.944%202%2017.49%202%2016.582%202H14.5l.725%207.245a3.06%203.06%200%201%200%206.043-.904z%22%20opacity%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/shop-duotone.svg?color=%231a73e8&size=48
