:root{


}

.svg-icon {
    stroke: var(--neutral-950);
    fill  : none;

    width: 20px; /* online size */
    height: 20px;

    margin: 0 auto;
    
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;

    display:inline-block;
max-height: 100%;
}

.svg-icon>svg {
    display: block; overflow: hidden;

    width : 100%; /* stretch to fill parent */
    height: 100%;
    }

.svg-icon-f {
    fill: var(--neutral-950);
    stroke  : none;

    width: 20px; /* online size */
    height: 20px;

    margin: 0 auto;
    
    stroke-width:1.4;
    stroke-linecap:round;
    stroke-linejoin:round;

    display:inline-block;

}

.svg-icon-f>svg {
    display: block; overflow: hidden;

    width : 100%; /* stretch to fill parent */
    height: 100%;
    }