product icon

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

Name: product-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT

1 other variant in Ant Design Icons

The same icon in other sets

Use the product icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M160 144h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V160c0-8.837 7.163-16 16-16m564.314-25.333l181.019 181.02c6.248 6.248 6.248 16.378 0 22.627l-181.02 181.019c-6.248 6.248-16.378 6.248-22.627 0l-181.019-181.02c-6.248-6.248-6.248-16.378 0-22.627l181.02-181.019c6.248-6.248 16.378-6.248 22.627 0M160 544h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16m400 0h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H560c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignProductFilled(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" fillRule="evenodd" d="M160 144h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V160c0-8.837 7.163-16 16-16m564.314-25.333l181.019 181.02c6.248 6.248 6.248 16.378 0 22.627l-181.02 181.019c-6.248 6.248-16.378 6.248-22.627 0l-181.019-181.02c-6.248-6.248-6.248-16.378 0-22.627l181.02-181.019c6.248-6.248 16.378-6.248 22.627 0M160 544h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16m400 0h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H560c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M160 144h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V160c0-8.837 7.163-16 16-16m564.314-25.333l181.019 181.02c6.248 6.248 6.248 16.378 0 22.627l-181.02 181.019c-6.248 6.248-16.378 6.248-22.627 0l-181.019-181.02c-6.248-6.248-6.248-16.378 0-22.627l181.02-181.019c6.248-6.248 16.378-6.248 22.627 0M160 544h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16m400 0h304c8.837 0 16 7.163 16 16v304c0 8.837-7.163 16-16 16H560c-8.837 0-16-7.163-16-16V560c0-8.837 7.163-16 16-16"/></svg>
</template>

CSS

.icon-product-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%20fill-rule%3D%22evenodd%22%20d%3D%22M160%20144h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H160c-8.837%200-16-7.163-16-16V160c0-8.837%207.163-16%2016-16m564.314-25.333l181.019%20181.02c6.248%206.248%206.248%2016.378%200%2022.627l-181.02%20181.019c-6.248%206.248-16.378%206.248-22.627%200l-181.019-181.02c-6.248-6.248-6.248-16.378%200-22.627l181.02-181.019c6.248-6.248%2016.378-6.248%2022.627%200M160%20544h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H160c-8.837%200-16-7.163-16-16V560c0-8.837%207.163-16%2016-16m400%200h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H560c-8.837%200-16-7.163-16-16V560c0-8.837%207.163-16%2016-16%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%20fill-rule%3D%22evenodd%22%20d%3D%22M160%20144h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H160c-8.837%200-16-7.163-16-16V160c0-8.837%207.163-16%2016-16m564.314-25.333l181.019%20181.02c6.248%206.248%206.248%2016.378%200%2022.627l-181.02%20181.019c-6.248%206.248-16.378%206.248-22.627%200l-181.019-181.02c-6.248-6.248-6.248-16.378%200-22.627l181.02-181.019c6.248-6.248%2016.378-6.248%2022.627%200M160%20544h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H160c-8.837%200-16-7.163-16-16V560c0-8.837%207.163-16%2016-16m400%200h304c8.837%200%2016%207.163%2016%2016v304c0%208.837-7.163%2016-16%2016H560c-8.837%200-16-7.163-16-16V560c0-8.837%207.163-16%2016-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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