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.1 kB
{ "version": 3, "sources": ["src/CentralIconBase/index.tsx", "src/IconPopcorn/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 IconPopcorn: React.NamedExoticComponent<CentralIconBaseProps> = React.memo((props) => {\n return <CentralIconBase {...props} ariaLabel=\"popcorn, movies, series\" maskId=\"square-outlined-radius-0-stroke-2-IconPopcorn\"><path d=\"M19.5 8L17.8333 21H6.16667L4.5 8H19.5Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"square\"/><path d=\"M9.51953 8.5L9.98107 20.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"square\"/><path d=\"M14.4811 8.5L14.0195 20.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"square\"/><path d=\"M5 8V7.74575C5 7.01361 5.49828 6.37543 6.20855 6.19786C6.70558 6.0736 7.11271 5.71823 7.30298 5.24254L7.50453 4.73868C7.78838 4.02905 8.55279 3.6382 9.29426 3.82357C9.74076 3.93519 10.2138 3.83967 10.582 3.56353L10.8 3.4C11.5111 2.86667 12.4889 2.86667 13.2 3.4L13.418 3.56353C13.7862 3.83967 14.2592 3.93519 14.7057 3.82357C15.4472 3.6382 16.2116 4.02905 16.4955 4.73868L16.697 5.24254C16.8873 5.71823 17.2944 6.0736 17.7914 6.19786C18.5017 6.37543 19 7.01361 19 7.74575V8\" stroke=\"currentColor\" strokeWidth=\"2\"/></CentralIconBase>;\n});\n\nexport default IconPopcorn;\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,EAAgE,EAAM,KAAK,CAAC,IAAU,CACjG,OAAO,gBAAu7B,EAAv7B,IAAqB,EAAO,UAAU,0BAA0B,OAAO,iDAAgD,gBAAC,OAAD,CAAM,EAAE,yCAAyC,OAAO,eAAe,YAAY,IAAI,cAAc,SAAQ,EAAE,gBAAC,OAAD,CAAM,EAAE,4BAA4B,OAAO,eAAe,YAAY,IAAI,cAAc,SAAQ,EAAE,gBAAC,OAAD,CAAM,EAAE,4BAA4B,OAAO,eAAe,YAAY,IAAI,cAAc,SAAQ,EAAE,gBAAC,OAAD,CAAM,EAAE,4dAA4d,OAAO,eAAe,YAAY,IAAG,CAAI,EAC/7B,EAEc", "debugId": "1D0BE4641691E32564756E2164756E21", "names": [] }