@central-icons-react/square-outlined-radius-0-stroke-2/IconColorSwatch/index.mjs

A collection of square outlined React icons with 0px radius and 2px stroke width, designed for use in React applications.

import r from"react";var a=({children:t,size:o=24,ariaLabel:l,color:i,ariaHidden:n=!0,style:p,mode:m="masked",maskId:s,...h})=>{let u=m!=="raw"&&!!s;return r.createElement("svg",{...h,"aria-hidden":n,role:n?void 0:"img",width:typeof o==="number"?`${o}px`:o,height:typeof o==="number"?`${o}px`:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:i,...p}},l&&!n&&r.createElement("title",null,l),u?r.createElement(r.Fragment,null,r.createElement("mask",{id:s,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24"},r.createElement("rect",{width:"24",height:"24",fill:"#000"}),r.createElement("g",{fill:"none",style:{color:"#fff"}},t)),r.createElement("rect",{width:"24",height:"24",fill:"currentColor",mask:`url(#${s})`})):t)};import e from"react";var C=e.memo((t)=>{return e.createElement(a,{...t,ariaLabel:"color-swatch, palette, colours",maskId:"square-outlined-radius-0-stroke-2-IconColorSwatch"},e.createElement("path",{d:"M12 3H3V16.5C3 18.9853 5.01472 21 7.5 21C9.98528 21 12 18.9853 12 16.5V3Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),e.createElement("path",{d:"M11.3965 18.7502L18.1465 7.05883L12.5 3.79883",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),e.createElement("path",{d:"M11 19.65L21.4395 13.647L18.1791 8",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),e.createElement("path",{d:"M9 16.5C9 17.3284 8.32843 18 7.5 18C6.67157 18 6 17.3284 6 16.5C6 15.6716 6.67157 15 7.5 15C8.32843 15 9 15.6716 9 16.5Z",fill:"currentColor"}))}),w=C;export{w as default,C as IconColorSwatch};

//# debugId=1FB3BB70A4CD946D64756E2164756E21