x-icon
{
        display: inline-block;
        align-self: center;
        width: 24px;
        height: 24px;
        fill: currentColor;
}
x-material x-icon svg{
    fill: #424242;
}
x-fab > button > x-icon svg{
    fill: currentColor;
}
x-icon > svg
{
    width:  100%;
    height: 100%;

}


a:hover x-icon svg
{
   /* fill: #2196F3; */

}

x-icon.small
{
    width:16px;
    height: 16px;
    padding: 0px;
}