@central-icons-react-native/round-filled-radius-2-stroke-2 1.1.292 → 1.1.294

package/IconEmail2Unread/index.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["src/CentralIconBase/index.tsx", "src/IconEmail2Unread/index.tsx"],
+  "sourcesContent": [
+    "import React, { FC } from \"react\";\nimport { Svg, SvgProps } from \"react-native-svg\";\n\nexport type CentralIconBaseProps = {\n  size?: string | number;\n} & SvgProps;\n\nexport const CentralIconBase: FC<\n  CentralIconBaseProps\n> = ({\n  children,\n  size = 24,\n  ...props\n}) => {\n  return (\n    <Svg\n      {...props}\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    >\n      {children}\n    </Svg>\n  );\n};\n",
+    "import React, { FC } from \"react\";\nimport { CentralIconBase, type CentralIconBaseProps } from \"../CentralIconBase\";\nimport { Circle, Path } from \"react-native-svg\";\n\nexport const IconEmail2Unread: FC<CentralIconBaseProps> = (props) => {\n  return <CentralIconBase {...props}><Path d=\"M22 7.88184C22 8.63936 21.5721 9.33211 20.8945 9.6709L13.3418 13.4473C12.4972 13.8695 11.5028 13.8696 10.6582 13.4473L4 10.1172V17C4 17.5523 4.44772 18 5 18H11C11.5523 18 12 18.4477 12 19C12 19.5523 11.5523 20 11 20H5C3.34315 20 2 18.6569 2 17V7C2 5.34315 3.34315 4 5 4H19C20.6569 4 22 5.34315 22 7V7.88184Z\" fill=\"currentColor\"/><Circle cx=\"19.5\" cy=\"17.5\" r=\"3.5\" fill=\"currentColor\"/></CentralIconBase>;\n};\n\nexport default IconEmail2Unread;\n"
+  ],
+  "mappings": "AAAA,qBACA,cAAS,yBAMF,IAAM,EAET,EACF,WACA,OAAO,MACJ,KACC,CACJ,OACE,gBAQE,EARF,IACM,EACJ,MAAO,OAAO,IAAS,SAAW,GAAG,MAAW,EAChD,OAAQ,OAAO,IAAS,SAAW,GAAG,MAAW,EACjD,QAAQ,YACR,KAAK,QAEJ,CACD,GCvBN,qBAEA,iBAAS,UAAQ,yBAEV,IAAM,EAA6C,CAAC,IAAU,CACnE,OAAO,gBAA0a,EAA1a,IAAqB,GAAO,gBAAC,EAAD,CAAM,EAAE,sTAAsT,KAAK,eAAc,EAAE,gBAAC,EAAD,CAAQ,GAAG,OAAO,GAAG,OAAO,EAAE,MAAM,KAAK,eAAc,CAAI,GAGpa",
+  "debugId": "2505A6A1713DB17B64756E2164756E21",
+  "names": []
+}

package/README.md

@@ -8,6 +8,7 @@ A collection of round filled React icons with 2px radius and 2px stroke width, d
 - [Installation](#installation)
 - [Requirements](#requirements)
 - [Usage](#usage)
+- [Using Transparent Colors](#using-transparent-colors)
 - [Icon Properties](#icon-properties)
 - [Accessibility](#accessibility)
 - [Available Packages](#available-packages)
@@ -95,6 +96,22 @@ function MyComponent() {
 }
 ```
 
+## Using transparent colors
+
+Each icon is drawn from several overlapping shapes — strokes and fills — all painted with the current color. If that color already carries transparency (an alpha channel), every shape is drawn semi-transparent, so the places where shapes overlap get painted twice and look darker than the rest of the icon.
+
+To apply a see-through color evenly, keep the color solid and set the transparency with `opacity` instead. `opacity` fades the whole icon as a single layer, so overlaps no longer stack:
+
+```jsx
+// ❌ overlaps look darker — the color carries transparency
+<IconHome color="rgba(0, 0, 0, 0.5)" />
+
+// ✅ uniform — solid color, transparency applied with opacity
+<IconHome color="black" opacity={0.5} />
+```
+
+React Native has no `currentColor`/CSS cascade, so apply the same idea with props: pass a solid `color` and set `opacity` on the icon. With NativeWind, use the `opacity-50` class rather than a color that carries an alpha channel.
+
 ## Icon Properties
 
 All icons accept the following properties:
@@ -588,6 +605,13 @@ Below is a complete list of available icons:
 - IconChatBubble7
 - IconChatBubbles
 - IconMailbox
+- IconEmail2Plus
+- IconEmail2Remove
+- IconEmail2Incoming
+- IconEmail2Block
+- IconEmail2Check
+- IconEmail2Unread
+- IconBookHeart
 
 ### Crypto
 
@@ -1856,6 +1880,9 @@ Below is a complete list of available icons:
 - IconJira
 - IconConfluence
 - IconTodoist
+- IconBase44
+- IconDatabricks
+- IconDatabricksGenieCode
 
 ### Sound & Music
 
@@ -2363,3 +2390,7 @@ Common issues and solutions:
 3. **Bundle size concerns**
    - Use specific imports instead of the main entry point
    - Use a build tool supporting tree shaking
+
+4. **Icons look darker where lines overlap**
+
+   - You're likely using a semi-transparent `color` (one with an alpha channel). Keep the color solid and apply transparency with `opacity` instead — see [Using transparent colors](#using-transparent-colors).