.icon {
    display: inline-block;
    width: 30px;
    height: 15px;
}

.icon-back{
    display: inline-block;
    width: 15px;
    height: 15px;
}

.icon-hamburger{
    display: inline-block;
    width: 30px;
    height: 30px;
}

.icon-arrow{
    -webkit-mask: url('../images/icons/arrow.svg') no-repeat center;
    mask: url('../images/icons/arrow.svg') no-repeat center;
}

.icon-arrow-left{
    -webkit-mask: url('../images/icons/arrow-left.svg') no-repeat center;
    mask: url('../images/icons/arrow-left.svg') no-repeat center;
    display: inline-block;
    width: 30px;
    height: 30px;
}


.icon-hamburger-menu{
    -webkit-mask: url('../images/icons/menu-hamburguer.svg') no-repeat center;
    mask: url('../images/icons/menu-hamburguer.svg') no-repeat center;
}

.icon-close{
    -webkit-mask: url('../images/icons/close.svg') no-repeat center;
    mask: url('../images/icons/close.svg') no-repeat center;
    display: inline-block;
    width: 30px;
    height: 30px;
}