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.

11 lines 4.18 kB
{ "version": 3, "sources": ["src/CentralIconBase/index.tsx", "src/IconEmojiSad/index.tsx"], "sourcesContent": [ "import React from \"react\";\nimport type { SVGProps } from \"react\";\n\nexport type CentralIconBaseProps = {\n size?: string | number;\n ariaHidden?: boolean;\n mode?: \"masked\" | \"raw\";\n maskId?: string;\n} & SVGProps<SVGSVGElement>;\n\nexport const CentralIconBase: React.FC<\n CentralIconBaseProps & { ariaLabel?: string }\n> = ({\n children,\n size = 24,\n ariaLabel,\n color,\n ariaHidden = true,\n style,\n mode = \"masked\",\n maskId,\n ...props\n}) => {\n const masked = mode !== \"raw\" && !!maskId;\n return (\n <svg\n {...props}\n aria-hidden={ariaHidden}\n role={ariaHidden ? undefined : \"img\"}\n width={typeof size === \"number\" ? `${size}px` : size}\n height={typeof size === \"number\" ? `${size}px` : size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={{ color, ...style }}\n >\n {ariaLabel && !ariaHidden && <title>{ariaLabel}</title>}\n {masked ? (\n <>\n <mask\n id={maskId}\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"0\"\n width=\"24\"\n height=\"24\"\n >\n <rect width=\"24\" height=\"24\" fill=\"#000\" />\n <g fill=\"none\" style={{ color: \"#fff\" }}>\n {children}\n </g>\n </mask>\n <rect\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n mask={`url(#${maskId})`}\n />\n </>\n ) : (\n children\n )}\n </svg>\n );\n};\n", "import React from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\n\nexport const IconEmojiSad: React.NamedExoticComponent<CentralIconBaseProps> = React.memo((props) => {\n return <CentralIconBase {...props} ariaLabel=\"emoji-sad, unhappy\" maskId=\"square-outlined-radius-0-stroke-2-IconEmojiSad\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\"/><path d=\"M10.75 9.9C10.75 11.0046 10.0784 11.75 9.25 11.75C8.42157 11.75 7.75 11.0046 7.75 9.9C7.75 8.79543 8.42157 8 9.25 8C10.0784 8 10.75 8.79543 10.75 9.9Z\" fill=\"currentColor\"/><path d=\"M16.25 9.9C16.25 11.0046 15.5784 11.75 14.75 11.75C13.9216 11.75 13.25 11.0046 13.25 9.9C13.25 8.79543 13.9216 8 14.75 8C15.5784 8 16.25 8.79543 16.25 9.9Z\" fill=\"currentColor\"/><path d=\"M7.40084 16.0489C7.80028 16.3496 8.19972 16.6504 8.59916 16.9511C8.68764 16.8503 8.77774 16.7561 8.87287 16.6643C9.72033 15.8425 10.8562 15.3988 12.002 15.4C13.1477 15.3966 14.283 15.8386 15.1268 16.6616C15.2215 16.7535 15.3112 16.8478 15.3992 16.9489C15.7997 16.6496 16.2003 16.3504 16.6008 16.0511C16.5018 15.9019 16.3979 15.7601 16.2845 15.6204C15.278 14.3594 13.6398 13.587 12.0003 13.6C10.3606 13.5904 8.72715 14.3637 7.71828 15.6197C7.60458 15.7589 7.50031 15.9002 7.40084 16.0489Z\" fill=\"currentColor\"/></CentralIconBase>;\n});\n\nexport default IconEmojiSad;\n" ], "mappings": "AAAA,qBAUO,IAAM,EAET,EACF,WACA,OAAO,GACP,YACA,QACA,aAAa,GACb,QACA,OAAO,SACP,YACG,KACC,CACJ,IAAM,EAAS,IAAS,OAAS,CAAC,CAAC,EACnC,OACE,gBAqCE,MArCF,IACM,EACJ,cAAa,EACb,KAAM,EAAa,OAAY,MAC/B,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAO,CAAE,WAAU,CAAM,GAExB,GAAa,CAAC,GAAc,gBAAoB,QAApB,KAAQ,CAAY,EAChD,EACC,gCACE,gBAYE,OAZF,CACE,GAAI,EACJ,UAAU,iBACV,EAAE,IACF,EAAE,IACF,MAAM,KACN,OAAO,MAEP,gBAAC,OAAD,CAAM,MAAM,KAAK,OAAO,KAAK,KAAK,OAAO,EACzC,gBAEE,IAFF,CAAG,KAAK,OAAO,MAAO,CAAE,MAAO,MAAO,GACnC,CACD,CACF,EACF,gBAAC,OAAD,CACE,MAAM,KACN,OAAO,KACP,KAAK,eACL,KAAM,QAAQ,KAChB,CACA,EAEF,CAEF,GC9DN,qBAGO,IAAM,EAAiE,EAAM,KAAK,CAAC,IAAU,CAClG,OAAO,gBAAkjC,EAAljC,IAAqB,EAAO,UAAU,qBAAqB,OAAO,kDAAiD,gBAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,OAAO,eAAe,YAAY,IAAG,EAAE,gBAAC,OAAD,CAAM,EAAE,yJAAyJ,KAAK,eAAc,EAAE,gBAAC,OAAD,CAAM,EAAE,8JAA8J,KAAK,eAAc,EAAE,gBAAC,OAAD,CAAM,EAAE,0eAA0e,KAAK,eAAc,CAAI,EAC1jC,EAEc", "debugId": "A42E28E957CD3DB564756E2164756E21", "names": [] }