Brand Logo

Icon Library

Browse our complete collection of custom icons. Search, preview, and use them in your projects.

Getting Started

Integrate our design system into your project by following these steps:

1. Install the package

npm install paratus-medical/paratus-icons

2. Import components

import { Button, Icon } from '@paratus-medical/paratus-icons';

Using Icons

1. Import the ParatuxIcon component

import ParatusIcon from '@paratus-medical/paratus-icons';

2. Use it in your template

Reference any icon by name from the assets/icons directory:

<ParatusIcon name="arrow-right" :size="24" color="blue" strokeWidth="2" :fillNone="true" />

3. Available props

  • name: Icon name (required) - matches the SVG filename in assets/icons
  • size: Size in pixels (optional, default: 24)
  • color: Legacy property that sets stroke color (optional, default: currentColor)
  • fillNone: Boolean property that sets fill to none (optional, default: false)
  • strokeWidth: Sets stroke width (optional, default: 1.5)