shop-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
shop-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT
Aliases
shop-fill

2 other variants in Ant Design Icons

The same icon in other sets

Use the shop icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M882 272.1V144c0-17.7-14.3-32-32-32H174c-17.7 0-32 14.3-32 32v128.1c-16.7 1-30 14.9-30 31.9v131.7a177 177 0 0 0 14.4 70.4c4.3 10.2 9.6 19.8 15.6 28.9v345c0 17.6 14.3 32 32 32h274V736h128v176h274c17.7 0 32-14.3 32-32V535a175 175 0 0 0 15.6-28.9c9.5-22.3 14.4-46 14.4-70.4V304c0-17-13.3-30.9-30-31.9m-72 568H640V704c0-17.7-14.3-32-32-32H416c-17.7 0-32 14.3-32 32v136.1H214V597.9c2.9 1.4 5.9 2.8 9 4c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c3-1.3 6-2.6 9-4v242.2zm0-568.1H214v-88h596z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignShopFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M882 272.1V144c0-17.7-14.3-32-32-32H174c-17.7 0-32 14.3-32 32v128.1c-16.7 1-30 14.9-30 31.9v131.7a177 177 0 0 0 14.4 70.4c4.3 10.2 9.6 19.8 15.6 28.9v345c0 17.6 14.3 32 32 32h274V736h128v176h274c17.7 0 32-14.3 32-32V535a175 175 0 0 0 15.6-28.9c9.5-22.3 14.4-46 14.4-70.4V304c0-17-13.3-30.9-30-31.9m-72 568H640V704c0-17.7-14.3-32-32-32H416c-17.7 0-32 14.3-32 32v136.1H214V597.9c2.9 1.4 5.9 2.8 9 4c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c3-1.3 6-2.6 9-4v242.2zm0-568.1H214v-88h596z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M882 272.1V144c0-17.7-14.3-32-32-32H174c-17.7 0-32 14.3-32 32v128.1c-16.7 1-30 14.9-30 31.9v131.7a177 177 0 0 0 14.4 70.4c4.3 10.2 9.6 19.8 15.6 28.9v345c0 17.6 14.3 32 32 32h274V736h128v176h274c17.7 0 32-14.3 32-32V535a175 175 0 0 0 15.6-28.9c9.5-22.3 14.4-46 14.4-70.4V304c0-17-13.3-30.9-30-31.9m-72 568H640V704c0-17.7-14.3-32-32-32H416c-17.7 0-32 14.3-32 32v136.1H214V597.9c2.9 1.4 5.9 2.8 9 4c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c13.8-5.8 26.8-13.2 38.7-22.1q.3-.15.6 0a180.4 180.4 0 0 0 38.7 22.1c22.3 9.4 46 14.1 70.4 14.1s48-4.7 70.4-14.1c3-1.3 6-2.6 9-4v242.2zm0-568.1H214v-88h596z"/></svg>
</template>

CSS

.icon-shop-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M882%20272.1V144c0-17.7-14.3-32-32-32H174c-17.7%200-32%2014.3-32%2032v128.1c-16.7%201-30%2014.9-30%2031.9v131.7a177%20177%200%200%200%2014.4%2070.4c4.3%2010.2%209.6%2019.8%2015.6%2028.9v345c0%2017.6%2014.3%2032%2032%2032h274V736h128v176h274c17.7%200%2032-14.3%2032-32V535a175%20175%200%200%200%2015.6-28.9c9.5-22.3%2014.4-46%2014.4-70.4V304c0-17-13.3-30.9-30-31.9m-72%20568H640V704c0-17.7-14.3-32-32-32H416c-17.7%200-32%2014.3-32%2032v136.1H214V597.9c2.9%201.4%205.9%202.8%209%204c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c13.8-5.8%2026.8-13.2%2038.7-22.1q.3-.15.6%200a180.4%20180.4%200%200%200%2038.7%2022.1c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c13.8-5.8%2026.8-13.2%2038.7-22.1q.3-.15.6%200a180.4%20180.4%200%200%200%2038.7%2022.1c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c3-1.3%206-2.6%209-4v242.2zm0-568.1H214v-88h596z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M882%20272.1V144c0-17.7-14.3-32-32-32H174c-17.7%200-32%2014.3-32%2032v128.1c-16.7%201-30%2014.9-30%2031.9v131.7a177%20177%200%200%200%2014.4%2070.4c4.3%2010.2%209.6%2019.8%2015.6%2028.9v345c0%2017.6%2014.3%2032%2032%2032h274V736h128v176h274c17.7%200%2032-14.3%2032-32V535a175%20175%200%200%200%2015.6-28.9c9.5-22.3%2014.4-46%2014.4-70.4V304c0-17-13.3-30.9-30-31.9m-72%20568H640V704c0-17.7-14.3-32-32-32H416c-17.7%200-32%2014.3-32%2032v136.1H214V597.9c2.9%201.4%205.9%202.8%209%204c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c13.8-5.8%2026.8-13.2%2038.7-22.1q.3-.15.6%200a180.4%20180.4%200%200%200%2038.7%2022.1c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c13.8-5.8%2026.8-13.2%2038.7-22.1q.3-.15.6%200a180.4%20180.4%200%200%200%2038.7%2022.1c22.3%209.4%2046%2014.1%2070.4%2014.1s48-4.7%2070.4-14.1c3-1.3%206-2.6%209-4v242.2zm0-568.1H214v-88h596z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/shop-filled.svg?color=%231a73e8&size=48