Insurer Icons

This set of icons contains the insurers that provided a proper SVG file as their logo. Logos of insurers that don't provide a SVG file need to be displayed using a normal image.

Scales

Usage

All icons are available as named imports from the icons component:

import HdiIcon from "@finanzchef24gmbh/design-system/InsurerIcons/HdiIcon";

<HdiIcon />;

Scales

To render the icon in different sizes there is a scale prop that supports small, medium and big as options.

import HdiIcon from "@finanzchef24gmbh/design-system/InsurerIcons/HdiIcon";

<HdiIcon scale="small" />;
<HdiIcon scale="medium" />;

Bundlesize

In order to keep the bundlesize small you should import the icons directly and not use the named exports from the index file:

// Do
import HdiIcon from "@finanzchef24gmbh/design-system/InsurerIcons/HdiIcon";

// Don't
import { HdiIcon } from "@finanzchef24gmbh/design-system/InsurerIcons";

All Icons