@clinia/icons-react

<h1 align="center"> Clinia Design Icons for React </h1>

Usage no npm install needed!

<script type="module">
  import cliniaIconsReact from 'https://cdn.skypack.dev/@clinia/icons-react';
</script>

README

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