UNPKG

@central-icons-react/square-outlined-radius-0-stroke-2

Version:

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

4 lines (2 loc) 1.67 kB
import e from"react";var l=({children:o,size:t=24,ariaLabel:i,color:p,ariaHidden:s=!0,style:a,mode:h="masked",maskId:n,...d})=>{let m=h!=="raw"&&!!n;return e.createElement("svg",{...d,"aria-hidden":s,role:s?void 0:"img",width:typeof t==="number"?`${t}px`:t,height:typeof t==="number"?`${t}px`:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:p,...a}},i&&!s&&e.createElement("title",null,i),m?e.createElement(e.Fragment,null,e.createElement("mask",{id:n,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24"},e.createElement("rect",{width:"24",height:"24",fill:"#000"}),e.createElement("g",{fill:"none",style:{color:"#fff"}},o)),e.createElement("rect",{width:"24",height:"24",fill:"currentColor",mask:`url(#${n})`})):o)};import r from"react";var u=r.memo((o)=>{return r.createElement(l,{...o,ariaLabel:"ruler",maskId:"square-outlined-radius-0-stroke-2-IconRuler"},r.createElement("g",{clipPath:"url(#clip0_6508_53939)"},r.createElement("path",{d:"M22 8L16 2L12.5 5.5L9 9L5.5 12.5L2 16L8 22L22 8Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),r.createElement("path",{d:"M9 9L11.25 11.25",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),r.createElement("path",{d:"M12.5 5.5L13.75 6.75",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"}),r.createElement("path",{d:"M5.5 12.5L6.75 13.75",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_6508_53939"},r.createElement("rect",{width:"24",height:"24",fill:"white"}))))}),C=u;export{C as default,u as IconRuler}; //# debugId=D2DBC25F5CFCED7A64756E2164756E21