shop 5 icon

shop-5-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: shop-5-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

Related icons in TDesign Icons

Use the shop 5 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.889 2s.043.051.111.147c.281.39 1 1.52 1 2.852c0 .84-.383 1.598-1 2.142A3.52 3.52 0 0 1 18.667 8a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59A3.52 3.52 0 0 1 3 7.14C2.383 6.597 2 5.838 2 5c0-1.332.719-2.461 1-2.852c.069-.096.111-.147.111-.147zm-2.222 7.999c.812 0 1.61-.18 2.333-.51v10.507h1V22h-5.5v-8h-9v8H2v-2.004h1V9.49a5.6 5.6 0 0 0 2.333.509c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 12 10c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 18.667 10"/><path fill="currentColor" d="M9.5 22v-6h5v6z"/></svg>

React

import type { SVGProps } from "react";

export function TdesignShop5Filled(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="M20.889 2s.043.051.111.147c.281.39 1 1.52 1 2.852c0 .84-.383 1.598-1 2.142A3.52 3.52 0 0 1 18.667 8a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59A3.52 3.52 0 0 1 3 7.14C2.383 6.597 2 5.838 2 5c0-1.332.719-2.461 1-2.852c.069-.096.111-.147.111-.147zm-2.222 7.999c.812 0 1.61-.18 2.333-.51v10.507h1V22h-5.5v-8h-9v8H2v-2.004h1V9.49a5.6 5.6 0 0 0 2.333.509c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 12 10c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 18.667 10"/><path fill="currentColor" d="M9.5 22v-6h5v6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.889 2s.043.051.111.147c.281.39 1 1.52 1 2.852c0 .84-.383 1.598-1 2.142A3.52 3.52 0 0 1 18.667 8a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59a3.57 3.57 0 0 1-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0 .988-.53 1.864-1.35 2.41c-.554.37-1.24.59-1.983.59A3.52 3.52 0 0 1 3 7.14C2.383 6.597 2 5.838 2 5c0-1.332.719-2.461 1-2.852c.069-.096.111-.147.111-.147zm-2.222 7.999c.812 0 1.61-.18 2.333-.51v10.507h1V22h-5.5v-8h-9v8H2v-2.004h1V9.49a5.6 5.6 0 0 0 2.333.509c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 12 10c1.21 0 2.392-.4 3.333-1.099A5.63 5.63 0 0 0 18.667 10"/><path fill="currentColor" d="M9.5 22v-6h5v6z"/></svg>
</template>

CSS

.icon-shop-5-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.889%202s.043.051.111.147c.281.39%201%201.52%201%202.852c0%20.84-.383%201.598-1%202.142A3.52%203.52%200%200%201%2018.667%208a3.57%203.57%200%200%201-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0%20.988-.53%201.864-1.35%202.41c-.554.37-1.24.59-1.983.59a3.57%203.57%200%200%201-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0%20.988-.53%201.864-1.35%202.41c-.554.37-1.24.59-1.983.59A3.52%203.52%200%200%201%203%207.14C2.383%206.597%202%205.838%202%205c0-1.332.719-2.461%201-2.852c.069-.096.111-.147.111-.147zm-2.222%207.999c.812%200%201.61-.18%202.333-.51v10.507h1V22h-5.5v-8h-9v8H2v-2.004h1V9.49a5.6%205.6%200%200%200%202.333.509c1.21%200%202.392-.4%203.333-1.099A5.63%205.63%200%200%200%2012%2010c1.21%200%202.392-.4%203.333-1.099A5.63%205.63%200%200%200%2018.667%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2022v-6h5v6z%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%22M20.889%202s.043.051.111.147c.281.39%201%201.52%201%202.852c0%20.84-.383%201.598-1%202.142A3.52%203.52%200%200%201%2018.667%208a3.57%203.57%200%200%201-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0%20.988-.53%201.864-1.35%202.41c-.554.37-1.24.59-1.983.59a3.57%203.57%200%200%201-1.984-.59c-.819-.546-1.35-1.422-1.35-2.41c0%20.988-.53%201.864-1.35%202.41c-.554.37-1.24.59-1.983.59A3.52%203.52%200%200%201%203%207.14C2.383%206.597%202%205.838%202%205c0-1.332.719-2.461%201-2.852c.069-.096.111-.147.111-.147zm-2.222%207.999c.812%200%201.61-.18%202.333-.51v10.507h1V22h-5.5v-8h-9v8H2v-2.004h1V9.49a5.6%205.6%200%200%200%202.333.509c1.21%200%202.392-.4%203.333-1.099A5.63%205.63%200%200%200%2012%2010c1.21%200%202.392-.4%203.333-1.099A5.63%205.63%200%200%200%2018.667%2010%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2022v-6h5v6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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