shop icon
shop from Reicon by REICON · Outline · Shopping · MIT Free for personal and commercial use.
- Name
- shop
- Set
- Reicon
- Style
- Outline
- 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"><path fill="currentColor" fill-rule="evenodd" d="M7.307 1.25c-.801 0-1.35 0-1.84.133a3.75 3.75 0 0 0-2.36 1.936c-.227.452-.334.991-.491 1.777l-.62 3.098a3.79 3.79 0 0 0 .754 3.117v2.745c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.748.748 1.697 1.08 2.87 1.238c1.139.153 2.595.153 4.432.153h1.113c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-2.744a3.79 3.79 0 0 0 .753-3.118l-.62-3.098c-.156-.786-.264-1.325-.49-1.777a3.75 3.75 0 0 0-2.361-1.936c-.489-.133-1.038-.133-1.84-.133zm10.961 11.5a3.8 3.8 0 0 0 1.482-.298V14c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.01.812a16 16 0 0 1-1.538.114v-2.756c0-.44 0-.82-.028-1.13c-.03-.33-.096-.656-.274-.963a2.25 2.25 0 0 0-.823-.824c-.307-.177-.633-.243-.963-.273c-.31-.028-.69-.028-1.13-.028h-.065c-.44 0-.819 0-1.13.028c-.33.03-.655.096-.962.273a2.25 2.25 0 0 0-.824.824c-.177.307-.243.633-.273.962c-.028.312-.028.691-.028 1.13v2.757a16 16 0 0 1-1.54-.114c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.139-1.027-.14-2.382-.14-4.289v-1.548a3.81 3.81 0 0 0 4.588-1.306A3.9 3.9 0 0 0 12 12.75a3.9 3.9 0 0 0 3.162-1.604a3.8 3.8 0 0 0 3.106 1.604m-8.018 8.498q.582.002 1.25.002h1q.668 0 1.25-.002V18.5c0-.481-.001-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.274c-.041-.024-.123-.058-.348-.079A13 13 0 0 0 12 16.75c-.481 0-.792 0-1.027.022c-.226.02-.307.055-.348.079a.75.75 0 0 0-.275.274c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027zM8.67 2.75H7.418c-.954 0-1.285.007-1.553.08a2.25 2.25 0 0 0-1.416 1.161c-.125.249-.196.571-.383 1.507l-.598 2.99a2.31 2.31 0 1 0 4.562.683l.069-.686l.004-.042zm.921 5.875l.588-5.875h3.642l.584 5.842a2.417 2.417 0 1 1-4.814.033m8.544-5.795c-.268-.073-.599-.08-1.553-.08h-1.254l.643 6.42a2.309 2.309 0 1 0 4.561-.682l-.597-2.99c-.188-.936-.259-1.258-.383-1.507a2.25 2.25 0 0 0-1.417-1.161" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconShop(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" fillRule="evenodd" d="M7.307 1.25c-.801 0-1.35 0-1.84.133a3.75 3.75 0 0 0-2.36 1.936c-.227.452-.334.991-.491 1.777l-.62 3.098a3.79 3.79 0 0 0 .754 3.117v2.745c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.748.748 1.697 1.08 2.87 1.238c1.139.153 2.595.153 4.432.153h1.113c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-2.744a3.79 3.79 0 0 0 .753-3.118l-.62-3.098c-.156-.786-.264-1.325-.49-1.777a3.75 3.75 0 0 0-2.361-1.936c-.489-.133-1.038-.133-1.84-.133zm10.961 11.5a3.8 3.8 0 0 0 1.482-.298V14c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.01.812a16 16 0 0 1-1.538.114v-2.756c0-.44 0-.82-.028-1.13c-.03-.33-.096-.656-.274-.963a2.25 2.25 0 0 0-.823-.824c-.307-.177-.633-.243-.963-.273c-.31-.028-.69-.028-1.13-.028h-.065c-.44 0-.819 0-1.13.028c-.33.03-.655.096-.962.273a2.25 2.25 0 0 0-.824.824c-.177.307-.243.633-.273.962c-.028.312-.028.691-.028 1.13v2.757a16 16 0 0 1-1.54-.114c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.139-1.027-.14-2.382-.14-4.289v-1.548a3.81 3.81 0 0 0 4.588-1.306A3.9 3.9 0 0 0 12 12.75a3.9 3.9 0 0 0 3.162-1.604a3.8 3.8 0 0 0 3.106 1.604m-8.018 8.498q.582.002 1.25.002h1q.668 0 1.25-.002V18.5c0-.481-.001-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.274c-.041-.024-.123-.058-.348-.079A13 13 0 0 0 12 16.75c-.481 0-.792 0-1.027.022c-.226.02-.307.055-.348.079a.75.75 0 0 0-.275.274c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027zM8.67 2.75H7.418c-.954 0-1.285.007-1.553.08a2.25 2.25 0 0 0-1.416 1.161c-.125.249-.196.571-.383 1.507l-.598 2.99a2.31 2.31 0 1 0 4.562.683l.069-.686l.004-.042zm.921 5.875l.588-5.875h3.642l.584 5.842a2.417 2.417 0 1 1-4.814.033m8.544-5.795c-.268-.073-.599-.08-1.553-.08h-1.254l.643 6.42a2.309 2.309 0 1 0 4.561-.682l-.597-2.99c-.188-.936-.259-1.258-.383-1.507a2.25 2.25 0 0 0-1.417-1.161" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.307 1.25c-.801 0-1.35 0-1.84.133a3.75 3.75 0 0 0-2.36 1.936c-.227.452-.334.991-.491 1.777l-.62 3.098a3.79 3.79 0 0 0 .754 3.117v2.745c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.748.748 1.697 1.08 2.87 1.238c1.139.153 2.595.153 4.432.153h1.113c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238c.748-.749 1.08-1.698 1.238-2.87c.153-1.14.153-2.595.153-4.433v-2.744a3.79 3.79 0 0 0 .753-3.118l-.62-3.098c-.156-.786-.264-1.325-.49-1.777a3.75 3.75 0 0 0-2.361-1.936c-.489-.133-1.038-.133-1.84-.133zm10.961 11.5a3.8 3.8 0 0 0 1.482-.298V14c0 1.907-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008s-1.003.677-2.01.812a16 16 0 0 1-1.538.114v-2.756c0-.44 0-.82-.028-1.13c-.03-.33-.096-.656-.274-.963a2.25 2.25 0 0 0-.823-.824c-.307-.177-.633-.243-.963-.273c-.31-.028-.69-.028-1.13-.028h-.065c-.44 0-.819 0-1.13.028c-.33.03-.655.096-.962.273a2.25 2.25 0 0 0-.824.824c-.177.307-.243.633-.273.962c-.028.312-.028.691-.028 1.13v2.757a16 16 0 0 1-1.54-.114c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.139-1.027-.14-2.382-.14-4.289v-1.548a3.81 3.81 0 0 0 4.588-1.306A3.9 3.9 0 0 0 12 12.75a3.9 3.9 0 0 0 3.162-1.604a3.8 3.8 0 0 0 3.106 1.604m-8.018 8.498q.582.002 1.25.002h1q.668 0 1.25-.002V18.5c0-.481-.001-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75 0 0 0-.274-.274c-.041-.024-.123-.058-.348-.079A13 13 0 0 0 12 16.75c-.481 0-.792 0-1.027.022c-.226.02-.307.055-.348.079a.75.75 0 0 0-.275.274c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022 1.027zM8.67 2.75H7.418c-.954 0-1.285.007-1.553.08a2.25 2.25 0 0 0-1.416 1.161c-.125.249-.196.571-.383 1.507l-.598 2.99a2.31 2.31 0 1 0 4.562.683l.069-.686l.004-.042zm.921 5.875l.588-5.875h3.642l.584 5.842a2.417 2.417 0 1 1-4.814.033m8.544-5.795c-.268-.073-.599-.08-1.553-.08h-1.254l.643 6.42a2.309 2.309 0 1 0 4.561-.682l-.597-2.99c-.188-.936-.259-1.258-.383-1.507a2.25 2.25 0 0 0-1.417-1.161" clip-rule="evenodd"/></svg> </template>
CSS
.icon-shop {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.307%201.25c-.801%200-1.35%200-1.84.133a3.75%203.75%200%200%200-2.36%201.936c-.227.452-.334.991-.491%201.777l-.62%203.098a3.79%203.79%200%200%200%20.754%203.117v2.745c0%201.838%200%203.294.153%204.433c.158%201.172.49%202.121%201.238%202.87c.748.748%201.697%201.08%202.87%201.238c1.139.153%202.595.153%204.432.153h1.113c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433v-2.744a3.79%203.79%200%200%200%20.753-3.118l-.62-3.098c-.156-.786-.264-1.325-.49-1.777a3.75%203.75%200%200%200-2.361-1.936c-.489-.133-1.038-.133-1.84-.133zm10.961%2011.5a3.8%203.8%200%200%200%201.482-.298V14c0%201.907-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.01.812a16%2016%200%200%201-1.538.114v-2.756c0-.44%200-.82-.028-1.13c-.03-.33-.096-.656-.274-.963a2.25%202.25%200%200%200-.823-.824c-.307-.177-.633-.243-.963-.273c-.31-.028-.69-.028-1.13-.028h-.065c-.44%200-.819%200-1.13.028c-.33.03-.655.096-.962.273a2.25%202.25%200%200%200-.824.824c-.177.307-.243.633-.273.962c-.028.312-.028.691-.028%201.13v2.757a16%2016%200%200%201-1.54-.114c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.139-1.027-.14-2.382-.14-4.289v-1.548a3.81%203.81%200%200%200%204.588-1.306A3.9%203.9%200%200%200%2012%2012.75a3.9%203.9%200%200%200%203.162-1.604a3.8%203.8%200%200%200%203.106%201.604m-8.018%208.498q.582.002%201.25.002h1q.668%200%201.25-.002V18.5c0-.481-.001-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75%200%200%200-.274-.274c-.041-.024-.123-.058-.348-.079A13%2013%200%200%200%2012%2016.75c-.481%200-.792%200-1.027.022c-.226.02-.307.055-.348.079a.75.75%200%200%200-.275.274c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022%201.027zM8.67%202.75H7.418c-.954%200-1.285.007-1.553.08a2.25%202.25%200%200%200-1.416%201.161c-.125.249-.196.571-.383%201.507l-.598%202.99a2.31%202.31%200%201%200%204.562.683l.069-.686l.004-.042zm.921%205.875l.588-5.875h3.642l.584%205.842a2.417%202.417%200%201%201-4.814.033m8.544-5.795c-.268-.073-.599-.08-1.553-.08h-1.254l.643%206.42a2.309%202.309%200%201%200%204.561-.682l-.597-2.99c-.188-.936-.259-1.258-.383-1.507a2.25%202.25%200%200%200-1.417-1.161%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.307%201.25c-.801%200-1.35%200-1.84.133a3.75%203.75%200%200%200-2.36%201.936c-.227.452-.334.991-.491%201.777l-.62%203.098a3.79%203.79%200%200%200%20.754%203.117v2.745c0%201.838%200%203.294.153%204.433c.158%201.172.49%202.121%201.238%202.87c.748.748%201.697%201.08%202.87%201.238c1.139.153%202.595.153%204.432.153h1.113c1.838%200%203.294%200%204.433-.153c1.172-.158%202.121-.49%202.87-1.238c.748-.749%201.08-1.698%201.238-2.87c.153-1.14.153-2.595.153-4.433v-2.744a3.79%203.79%200%200%200%20.753-3.118l-.62-3.098c-.156-.786-.264-1.325-.49-1.777a3.75%203.75%200%200%200-2.361-1.936c-.489-.133-1.038-.133-1.84-.133zm10.961%2011.5a3.8%203.8%200%200%200%201.482-.298V14c0%201.907-.002%203.262-.14%204.29c-.135%201.005-.389%201.585-.812%202.008s-1.003.677-2.01.812a16%2016%200%200%201-1.538.114v-2.756c0-.44%200-.82-.028-1.13c-.03-.33-.096-.656-.274-.963a2.25%202.25%200%200%200-.823-.824c-.307-.177-.633-.243-.963-.273c-.31-.028-.69-.028-1.13-.028h-.065c-.44%200-.819%200-1.13.028c-.33.03-.655.096-.962.273a2.25%202.25%200%200%200-.824.824c-.177.307-.243.633-.273.962c-.028.312-.028.691-.028%201.13v2.757a16%2016%200%200%201-1.54-.114c-1.005-.135-1.585-.389-2.008-.812s-.677-1.003-.812-2.009c-.139-1.027-.14-2.382-.14-4.289v-1.548a3.81%203.81%200%200%200%204.588-1.306A3.9%203.9%200%200%200%2012%2012.75a3.9%203.9%200%200%200%203.162-1.604a3.8%203.8%200%200%200%203.106%201.604m-8.018%208.498q.582.002%201.25.002h1q.668%200%201.25-.002V18.5c0-.481-.001-.792-.022-1.027c-.02-.225-.055-.307-.079-.348a.75.75%200%200%200-.274-.274c-.041-.024-.123-.058-.348-.079A13%2013%200%200%200%2012%2016.75c-.481%200-.792%200-1.027.022c-.226.02-.307.055-.348.079a.75.75%200%200%200-.275.274c-.023.04-.058.123-.078.348c-.021.235-.022.546-.022%201.027zM8.67%202.75H7.418c-.954%200-1.285.007-1.553.08a2.25%202.25%200%200%200-1.416%201.161c-.125.249-.196.571-.383%201.507l-.598%202.99a2.31%202.31%200%201%200%204.562.683l.069-.686l.004-.042zm.921%205.875l.588-5.875h3.642l.584%205.842a2.417%202.417%200%201%201-4.814.033m8.544-5.795c-.268-.073-.599-.08-1.553-.08h-1.254l.643%206.42a2.309%202.309%200%201%200%204.561-.682l-.597-2.99c-.188-.936-.259-1.258-.383-1.507a2.25%202.25%200%200%200-1.417-1.161%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/shop.svg?color=%231a73e8&size=48
