@central-icons-react-native/round-outlined-radius-2-stroke-2 1.1.291 → 1.1.293

package/IconTodoist/index.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["src/CentralIconBase/index.tsx", "src/IconTodoist/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 { Path } from \"react-native-svg\";\n\nexport const IconTodoist: FC<CentralIconBaseProps> = (props) => {\n  return <CentralIconBase {...props}><Path d=\"M18.4599 2.5C20.1389 2.5 21.5 3.86112 21.5 5.54007V18.4599C21.5 20.1389 20.1389 21.5 18.4599 21.5H5.54007C3.86112 21.5 2.5 20.1389 2.5 18.4599V15.9585C3.31524 16.4333 5.2199 17.5426 5.68735 17.8065C5.97101 17.9666 6.24351 17.9631 6.51709 17.8053L14.2063 13.38C14.3707 13.285 14.3787 12.9934 14.1947 12.8877C13.9724 12.7622 13.7511 12.6351 13.5302 12.5074C13.4391 12.4578 13.3364 12.4325 13.2327 12.4337C13.1292 12.435 13.0279 12.4632 12.9382 12.5149C12.8461 12.5683 6.70281 16.1002 6.49738 16.2166C6.25157 16.3567 5.94764 16.3585 5.70242 16.2166L2.5 14.3559V12.7567C3.31515 13.2314 5.21987 14.3407 5.68735 14.6046C5.9717 14.7648 6.24342 14.7614 6.51709 14.6035L10.297 12.4279L10.3109 12.4198L14.2063 10.1782C14.3706 10.0831 14.3781 9.79152 14.1941 9.68646L14.0654 9.6134C13.8778 9.50659 13.6342 9.36729 13.5302 9.30667C13.4391 9.2571 13.3364 9.23178 13.2327 9.23303C13.1293 9.23432 13.0278 9.26203 12.9382 9.31363C12.8461 9.36647 6.70281 12.8989 6.49738 13.0153C6.3764 13.0844 6.23952 13.1208 6.10019 13.1208C5.96075 13.1208 5.82348 13.0845 5.70242 13.0153C5.52164 12.911 2.8655 11.367 2.5 11.1546V9.55542C3.31463 10.0302 5.21989 11.14 5.68735 11.4034C5.97164 11.5635 6.24347 11.56 6.51709 11.4022L10.3017 9.22433L10.3063 9.22144L14.2063 6.9769C14.3707 6.88187 14.3781 6.59088 14.1941 6.4852L14.0654 6.41156C13.8773 6.30479 13.6342 6.16604 13.5302 6.10541C13.4391 6.05584 13.3364 6.03052 13.2327 6.03177C13.1292 6.03306 13.0279 6.06073 12.9382 6.11237C12.8461 6.1658 6.70281 9.69764 6.49738 9.81461C6.37642 9.88371 6.23949 9.92011 6.10019 9.92014C5.96076 9.92014 5.82347 9.8838 5.70242 9.81461L2.5 7.95276V5.54007C2.5 3.86112 3.86112 2.5 5.54007 2.5H18.4599Z\" fill=\"currentColor\"/></CentralIconBase>;\n};\n\nexport default IconTodoist;\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,eAAS,yBAEF,IAAM,EAAwC,CAAC,IAAU,CAC9D,OAAO,gBAAwrD,EAAxrD,IAAqB,GAAO,gBAAC,EAAD,CAAM,EAAE,6nDAA6nD,KAAK,eAAc,CAAI,GAGlrD",
+  "debugId": "54B999E0389490C264756E2164756E21",
+  "names": []
+}

package/README.md

@@ -8,6 +8,7 @@ A collection of round outlined React icons with 2px radius and 2px stroke width,
 - [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
 
@@ -1855,6 +1879,8 @@ Below is a complete list of available icons:
 - IconAtlassian
 - IconJira
 - IconConfluence
+- IconTodoist
+- IconBase44
 
 ### Sound & Music
 
@@ -2362,3 +2388,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).