Global Styling

Adjusting icons can be done by using color, size and stroke width. To style all icons globally, you can use a context provider.

Context Provider

For global styling using a context provider, you can use the YCloudProvider component that is provided by the @ycloud-web/icons-react-native package.

import { YCloudProvider, Home } from '@ycloud-web/icons-react-native';

const App = () => (
  <YCloudProvider
    color="red"
    size={48}
    strokeWidth={2}
  >
    <Home />
  </YCloudProvider>
);

This will apply the color, size and strokeWidth props to all icons that are children of the YCloudProvider.