Documentation
Get started with Cardog Icons, a beautiful and consistent icon library for your web and mobile applications.
Quick Start
Cardog Icons can be used in various JavaScript frameworks. Here's how to get started with your preferred package manager:
# npm
npm install @cardog-icons/react
# pnpm
pnpm add @cardog-icons/react
# yarn
yarn add @cardog-icons/react
After installation, you can import and use any icon as a React component:
import { CarIcon, AudiLogo } from '@cardog-icons/react';
function MyComponent() {
return (
<div>
<CarIcon />
<AudiLogo color="blue" size={32} />
</div>
);
}
Usage with React Native
For React Native applications, we provide a dedicated package:
# npm
npm install @cardog-icons/react-native
# yarn
yarn add @cardog-icons/react-native
# pnpm
pnpm add @cardog-icons/react-native
Then import and use the icons in your React Native components:
import { CarIcon, AudiLogo } from '@cardog-icons/react-native';
function MyScreen() {
return (
<View style={{ padding: 20 }}>
<CarIcon width={24} height={24} color="black" />
<AudiLogo width={32} height={32} color="blue" />
</View>
);
}