i.icon
{
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

i.icon.small
{
    width: 1.2em;
    height: 1.2em;
}

i.icon.login
{
    background-image: url("../icons/login.svg");
}

i.icon.logout
{
    background-image: url("../icons/logout.svg");
}

i.icon.settings
{
    background-image: url("../icons/gear.svg");
}

i.icon.menu
{
    background-image: url("../icons/menu.svg");
}

i.icon.error
{
    background-image: url("../icons/error.svg");
}

i.icon.zoom-in
{
    background-image: url("../icons/zoom_in.svg");
}

i.icon.filter
{
    background-image: url("../icons/filter.svg");
}


i.icon.category
{
    background-image: url("../icons/category.svg");
}

i.icon.edit
{
    background-image: url("../icons/edit.svg");
}

i.icon.add
{
    background-image: url("../icons/add.svg");
}

i.icon.remove
{
    background-image: url("../icons/remove.svg");
}

i.icon.create
{
    background-image: url("../icons/create.svg");
}

i.icon.delete
{
    background-image: url("../icons/delete.svg");
}

i.icon.upload
{
    background-image: url("../icons/upload.svg");
}

i.icon.open
{
    background-image: url("../icons/open.svg");
}

i.icon.left
{
    background-image: url("../icons/left.svg");
}

i.icon.up
{
    background-image: url("../icons/up.svg");
}

i.icon.right
{
    background-image: url("../icons/right.svg");
}

i.icon.down
{
    background-image: url("../icons/down.svg");
}