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>
  );
}