.c-icon {
    @include setSvgColor(
        $black-color
    );
    height: $icon-size;
    width: $icon-size;
    stroke-width: 0;
}

    .c-icon--small {
        height: $icon-size--small;
        width: $icon-size--small;
    }

    .c-icon--medium {
        height: $icon-size--medium;
        width: $icon-size--medium;
    }

    .c-icon--large {
        height: $icon-size--large;
        width: $icon-size--large;
    }

    .c-icon--xlarge {
        height: $icon-size--xlarge;
        width: $icon-size--xlarge;
    }

    .c-icon--xxlarge {
        height: $icon-size--xxlarge;
        width: $icon-size--xxlarge;
    }

    .c-icon--warning-color {
        @include setSvgColor(
            $warning-color
        );
    }

    .c-icon--error-color {
        @include setSvgColor(
            $warning-color
        );
    }

    .c-icon--white {
        @include setSvgColor(
            $white-color
        );
    }

    .c-icon--black-60 {
        @include setSvgColor(
            transparentize($black-color, 0.6)
        );
    }

    .c-icon--grey {
        @include setSvgColor(
            $grey-middle
        );
    }