Handcrafted open source icons from LifeOmic. Ready to use in web, iOS, Android, and desktop apps. Completely open source, MIT licensed, and built with
The recommended path for usage is via the package on npm.
- Install Dependency
yarn add @lifeomic/chromicons
- Import Icons!
import { Apple } from '@lifeomic/chromicons';
With React-Native
- Install Dependency
yarn add @lifeomic/chromicons-png
- 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:
<Image
style={{ height: 24, width: 24, tintColor: 'red' }}
source={require('@lifeomic/chromicons-png/lined/apple/apple.png')}
/>
With React-Native (react-native-svg)
- Install Dependencies
yarn add @lifeomic/chromicons-native
- Import the Icon Components
import { Apple } from '@lifeomic/chromicons-native';
<Apple stroke="red" />;
You can view and copy all of the SVGs to your clipboard via the web app. It also provides a link to download all raw SVGs.
Have an icon you want designed? File a GitHub issue and we'd be happy to create it for you!