# @touchblack/icons

> Icons For TouchBlack

Latest version **0.0.41** (published 2025-07-11) · 0 weekly downloads

## Install

```sh
npm install @touchblack/icons
pnpm add @touchblack/icons
yarn add @touchblack/icons
bun add @touchblack/icons
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; low quality score; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.41 |
| Published | 2025-07-11 |
| First published | 2024-03-28 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 782.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Aman Kumar |
| Maintainers | aman_touchblack |

## Links

- npm: https://www.npmjs.com/package/@touchblack/icons
- Repository: https://github.com/TouchBlack/icons
- Homepage: https://github.com/TouchBlack/icons#readme
- Issues: https://github.com/TouchBlack/icons/issues
- npm.io page: https://npm.io/package/@touchblack/icons

## Dependencies (2)

- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [react-native-svg](https://npm.io/package/react-native-svg.md) ^15.11.2

## Recent versions

- 0.0.41 (latest) — 2025-07-11
- 0.0.40 — 2025-07-09
- 0.0.39 — 2025-07-09
- 0.0.38 — 2025-07-08
- 0.0.37 — 2025-04-11
- 0.0.36 — 2025-04-08
- 0.0.35 — 2025-01-15
- 0.0.34 — 2024-12-30
- 0.0.33 — 2024-10-08
- 0.0.32 — 2024-10-08
- 0.0.31 — 2024-09-26
- 0.0.30 — 2024-08-08
- 0.0.29 — 2024-07-02
- 0.0.28 — 2024-07-01
- 0.0.27 — 2024-06-13
- … 26 more at https://npm.io/package/@touchblack/icons/versions

## README

# Base
Used `react-native-svg` as base to create icons for react native

# Usage

How it works:
1. we export svg icons first
2. then we convert the svg code into nested array syntax, check any dist/icons/{icon}.tsx file for more info.
3. now we can use that nested array to generate svg in any framework/for any platform
4. createIcon method converts these nestedArrays to Svgs in react native. while doing so it uses `react-native-svg`'s Svg Elements.

# How to use in projects
```
npm i @touchblack/icons

npm i react-native-svg

(cuz i'm not bundling the icons at my side as they're gonna get bundled again to be included in the app, so you'll need to add this package so that it creates app bundles alongwith the icons used)
```

```
import {ActionDirector} from '@touchblack/icons'

const App = () => {
	return <View>
		<ActionDirector color="red" size="300" strokeColor="blue" />
	<View>
}
```

Props:
- color | required: false,
description: can be any color value(hex, name etc.). similar to fill in svgs
- size | required: false, 
description: can be any size value
- strokeColor | required: false,
description: can be any color value(hex, name etc.) similar to color in svgs to assign stroke a specific color

---
_Source: https://npm.io/package/@touchblack/icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._