:root {
    --Iconsax-Size: 24px;
    --Iconsax-Color: #000000;
    --primary-color: #2A977D;
    --secondary-color: #ffffff;
}

.iconsax {
    display: inline-block;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: var(--Iconsax-Size);
    vertical-align: middle;
}

.iconsax svg {
    display: block;
    width: var(--Iconsax-Size);
    height: var(--Iconsax-Size);
    fill: var(--secondary-color);
}

.iconsax svg [stroke] {
    stroke: var(--Iconsax-Color);
}

.iconsax svg [fill] {
    fill: var(--Iconsax-Color);
}

.iconsax svg.active {
    fill: var(--secondary-color);
}

.iconsax.active svg [stroke] {
    stroke: var(--primary-color);
}

.iconsax.active svg [fill] {
    fill: var(--primary-color);
}

.iconsax.active.white svg [fill] {
    fill: var(--secondary-color);
}