@clinia/icons-react

Clinia Design Icons for React

Install

yarn add @clinia/icons
yarn add @clinia/icons-react

Basic Usage

First, you should add the icons that you need into the library.

import {
  CliniaDesignOutline,
  DashboardOutline,
  TwitterOutline
} from "@clinia/icons";
import CliniadIcon from "@clinia/icons-react";
CliniadIcon.add(CliniaDesignOutline, DashboardOutline);

After that, you can use cliniad icons in your React components as simply as this:

<CliniadIcon type="ant-design-o" />
<CliniadIcon type="dashboard-o" />
<CliniadIcon type={TwitterOutline} />

Component Interface

interface CliniadIconProps {
  type: string | IconDefinition;
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}