We expose icons for both React and React Native. We also supply PNGs for special cases such as the navigation bar on iOS.
Installation
Our icons are published as a separate package, and thus not available in the main @pleo-io/telescope. To add them to a project run:
pnpm add @pleo-io/telescope-icons
Usage in React
On web, simply import icons from the package like so:
import {Wallet} from '@pleo-io/telescope-icons'
Usage in React Native
On mobile, icons need to be imported from the /native sub path:
import {Wallet} from '@pleo-io/telescope-icons/native'
Examples
Color
The default color is currentColor which takes the color of the text around it.
Size
Our icons have been crafted for the sizes 16, 24 and 32 pixels. They should be used in those sizes only to ensure that they look crisp (not blurry) on various screens and browsers.
Information:
If you really need to use a different size than the ones provided, we'd love to understand why that is. So please reach out in #team-design-systems
Spacing
Icons accept all margin props of the styled-system space utility.