https://github.com/lifeomic/chromicons
Handcrafted open source icons from LifeOmic
https://github.com/lifeomic/chromicons
icon-pack icons react react-native svg team-phc-platform
Last synced: 7 months ago
JSON representation
Handcrafted open source icons from LifeOmic
- Host: GitHub
- URL: https://github.com/lifeomic/chromicons
- Owner: lifeomic
- License: mit
- Created: 2020-09-14T14:54:41.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-09-21T08:02:12.000Z (about 1 year ago)
- Last Synced: 2024-10-24T19:42:20.627Z (12 months ago)
- Topics: icon-pack, icons, react, react-native, svg, team-phc-platform
- Language: JavaScript
- Homepage:
- Size: 1.01 MB
- Stars: 60
- Watchers: 20
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Chromicons
Handcrafted open source icons from LifeOmic. Ready to use in web, iOS, Android, and desktop apps. Completely open source, MIT licensed, and built with ♥️ by the team at LifeOmic.
## Usage
### npm package 📦
The recommended path for usage is via the package on npm.
1. Install Dependency
```bash
yarn add @lifeomic/chromicons
```
2. Import Icons!
```js
import { Apple } from '@lifeomic/chromicons';
```
**With React-Native**
1. Install Dependency
```bash
yarn add @lifeomic/chromicons-png
```
2. Import Icons!
Icon images are stored in the `lined` folder. Each icon has its own folder with images for different screen densities (@1x, @1.5x, @2x, ..., @4x). Usage:
```jsx
```
**With React-Native (react-native-svg)**
1. Install Dependencies
```bash
yarn add @lifeomic/chromicons-native
```
2. Import the Icon Components
```jsx
import { Apple } from '@lifeomic/chromicons-native';
;
```
### Web App 💻
You can view and copy all of the SVGs to your clipboard via the [web app](https://lifeomic.github.io/chromicons.com/). It also provides a link to download all raw SVGs.
## Icon Requests
Have an icon you want designed? File a GitHub issue and we'd be happy to create it for you!