.m-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.m-icon.mask {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

.m-icon.mask-plain {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.m-icon.icon-bg {
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-14 {
    width: 14px;
    height: 14px;
}

.icon-15 {
    width: 15px;
    height: 15px;
}

.icon-16 {
    width: 16px;
    height: 16px;
}

.icon-18 {
    width: 18px;
    height: 18px;
}

.icon-20 {
    width: 20px;
    height: 20px;
}

.icon-22 {
    width: 22px;
    height: 22px;
}

.icon-24 {
    width: 24px;
    height: 24px;
}

.icon-32 {
    width: 32px;
    height: 32px;
}

.icon-rotate-25 {
    rotate: 25deg;
}

.icon-rotate-45 {
    rotate: 45deg;
}

.icon-rotate-180 {
    rotate: 180deg;
}

/* Icon Classes (Background-Image) & Mask Classes */
.icon-adjustment {
    background-image: url('/assets/icons/adjustment.svg');
}

.mask-adjustment {
    -webkit-mask-image: url('/assets/icons/adjustment.svg');
    mask-image: url('/assets/icons/adjustment.svg');
}

.icon-atom {
    background-image: url('/assets/icons/atom.svg');
}

.mask-atom {
    -webkit-mask-image: url('/assets/icons/atom.svg');
    mask-image: url('/assets/icons/atom.svg');
}

.icon-bank {
    background-image: url('/assets/icons/bank.svg');
}

.mask-bank {
    -webkit-mask-image: url('/assets/icons/bank.svg');
    mask-image: url('/assets/icons/bank.svg');
}

.icon-bell {
    background-image: url('/assets/icons/bell.svg');
}

.mask-bell {
    -webkit-mask-image: url('/assets/icons/bell.svg');
    mask-image: url('/assets/icons/bell.svg');
}

.icon-box {
    background-image: url('/assets/icons/box.svg');
}

.mask-box {
    -webkit-mask-image: url('/assets/icons/box.svg');
    mask-image: url('/assets/icons/box.svg');
}

.icon-calendar {
    background-image: url('/assets/icons/calendar.svg');
}

.mask-calendar {
    -webkit-mask-image: url('/assets/icons/calendar.svg');
    mask-image: url('/assets/icons/calendar.svg');
}

.icon-check {
    background-image: url('/assets/icons/check.svg');
}

.mask-check {
    -webkit-mask-image: url('/assets/icons/check.svg');
    mask-image: url('/assets/icons/check.svg');
}

.icon-dashboard {
    background-image: url('/assets/icons/dashboard.svg');
}

.mask-dashboard {
    -webkit-mask-image: url('/assets/icons/dashboard.svg');
    mask-image: url('/assets/icons/dashboard.svg');
}

.icon-dwnload {
    background-image: url('/assets/icons/dwnload.svg');
}

.mask-dwnload {
    -webkit-mask-image: url('/assets/icons/dwnload.svg');
    mask-image: url('/assets/icons/dwnload.svg');
}

.icon-earth {
    background-image: url('/assets/icons/earth.svg');
}

.mask-earth {
    -webkit-mask-image: url('/assets/icons/earth.svg');
    mask-image: url('/assets/icons/earth.svg');
}

.icon-import {
    background-image: url('/assets/icons/import.svg');
}

.mask-import {
    -webkit-mask-image: url('/assets/icons/import.svg');
    mask-image: url('/assets/icons/import.svg');
}

.icon-merchant {
    background-image: url('/assets/icons/merchant.svg');
}

.mask-merchant {
    -webkit-mask-image: url('/assets/icons/merchant.svg');
    mask-image: url('/assets/icons/merchant.svg');
}

.icon-order {
    background-image: url('/assets/icons/order.svg');
}

.mask-order {
    -webkit-mask-image: url('/assets/icons/order.svg');
    mask-image: url('/assets/icons/order.svg');
}

.icon-pending {
    background-image: url('/assets/icons/pending.svg');
}

.mask-pending {
    -webkit-mask-image: url('/assets/icons/pending.svg');
    mask-image: url('/assets/icons/pending.svg');
}

.icon-product {
    background-image: url('/assets/icons/product.svg');
}

.mask-product {
    -webkit-mask-image: url('/assets/icons/product.svg');
    mask-image: url('/assets/icons/product.svg');
}

.icon-profile {
    background-image: url('/assets/icons/profile.svg');
}

.mask-profile {
    -webkit-mask-image: url('/assets/icons/profile.svg');
    mask-image: url('/assets/icons/profile.svg');
}

.icon-secure {
    background-image: url('/assets/icons/secure.svg');
}

.mask-secure {
    -webkit-mask-image: url('/assets/icons/secure.svg');
    mask-image: url('/assets/icons/secure.svg');
}

.icon-setting {
    background-image: url('/assets/icons/setting.svg');
}

.mask-setting {
    -webkit-mask-image: url('/assets/icons/setting.svg');
    mask-image: url('/assets/icons/setting.svg');
}

.icon-speed {
    background-image: url('/assets/icons/speed.svg');
}

.mask-speed {
    -webkit-mask-image: url('/assets/icons/speed.svg');
    mask-image: url('/assets/icons/speed.svg');
}

.icon-support {
    background-image: url('/assets/icons/support.svg');
}

.mask-support {
    -webkit-mask-image: url('/assets/icons/support.svg');
    mask-image: url('/assets/icons/support.svg');
}

.icon-wallet {
    background-image: url('/assets/icons/wallet.svg');
}

.mask-wallet {
    -webkit-mask-image: url('/assets/icons/wallet.svg');
    mask-image: url('/assets/icons/wallet.svg');
}

.icon-warehouse {
    background-image: url('/assets/icons/warehouse.svg');
}

.mask-warehouse {
    -webkit-mask-image: url('/assets/icons/warehouse.svg');
    mask-image: url('/assets/icons/warehouse.svg');
}

.icon-history {
    background-image: url('/assets/icons/history.svg');
}

.mask-history {
    -webkit-mask-image: url('/assets/icons/history.svg');
    mask-image: url('/assets/icons/history.svg');
}

.icon-plus-circle {
    background-image: url('/assets/icons/plus-circle.svg');
}

.mask-plus-circle {
    -webkit-mask-image: url('/assets/icons/plus-circle.svg');
    mask-image: url('/assets/icons/plus-circle.svg');
}

.icon-check-circle {
    background-image: url('/assets/icons/check-circle.svg');
}

.mask-check-circle {
    -webkit-mask-image: url('/assets/icons/check-circle.svg');
    mask-image: url('/assets/icons/check-circle.svg');
}

.icon-factory {
    background-image: url('/assets/icons/factory.svg');
}

.mask-factory {
    -webkit-mask-image: url('/assets/icons/factory.svg');
    mask-image: url('/assets/icons/factory.svg');
}

.icon-judge {
    background-image: url('/assets/icons/judge.svg');
}

.mask-judge {
    -webkit-mask-image: url('/assets/icons/judge.svg');
    mask-image: url('/assets/icons/judge.svg');
}

.icon-plus {
    background-image: url('/assets/icons/plus.svg');
}

.mask-plus {
    -webkit-mask-image: url('/assets/icons/plus.svg');
    mask-image: url('/assets/icons/plus.svg');
}

.icon-restart {
    background-image: url('/assets/icons/restart.svg');
}

.mask-restart {
    -webkit-mask-image: url('/assets/icons/restart.svg');
    mask-image: url('/assets/icons/restart.svg');
}

.icon-search {
    background-image: url('/assets/icons/search.svg');
}

.mask-search {
    -webkit-mask-image: url('/assets/icons/search.svg');
    mask-image: url('/assets/icons/search.svg');
}

.arrow-right {
    background-image: url('/assets/icons/arrow-right.svg');
}

.mask-arrow-right {
    -webkit-mask-image: url('/assets/icons/arrow-right.svg');
    mask-image: url('/assets/icons/arrow-right.svg');
}

.icon-help-circle {
    background-image: url('/assets/icons/help-circle.svg');
}

.mask-help-circle {
    -webkit-mask-image: url('/assets/icons/help-circle.svg');
    mask-image: url('/assets/icons/help-circle.svg');
}

.icon-list-check {
    background-image: url('/assets/icons/list-check.svg');
}

.mask-list-check {
    -webkit-mask-image: url('/assets/icons/list-check.svg');
    mask-image: url('/assets/icons/list-check.svg');
}

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

.mask-login {
    -webkit-mask-image: url('/assets/icons/login.svg');
    mask-image: url('/assets/icons/login.svg');
}

.icon-money {
    background-image: url('/assets/icons/money.svg');
}

.mask-money {
    -webkit-mask-image: url('/assets/icons/money.svg');
    mask-image: url('/assets/icons/money.svg');
}

.icon-shipment {
    background-image: url('/assets/icons/shipment.svg');
}

.mask-shipment {
    -webkit-mask-image: url('/assets/icons/shipment.svg');
    mask-image: url('/assets/icons/shipment.svg');
}

.icon-warning-triangle {
    background-image: url('/assets/icons/warning-triangle.svg');
}

.mask-warning-triangle {
    -webkit-mask-image: url('/assets/icons/warning-triangle.svg');
    mask-image: url('/assets/icons/warning-triangle.svg');
}

.icon-times-circle {
    background-image: url('/assets/icons/times-circle.svg');
}

.mask-times-circle {
    -webkit-mask-image: url('/assets/icons/times-circle.svg');
    mask-image: url('/assets/icons/times-circle.svg');
}

.icon-authorize {
    background-image: url('/assets/icons/authorize.svg');
}

.mask-authorize {
    -webkit-mask-image: url('/assets/icons/authorize.svg');
    mask-image: url('/assets/icons/authorize.svg');
}

.icon-bag {
    background-image: url('/assets/icons/bag.svg');
}

.mask-bag {
    -webkit-mask-image: url('/assets/icons/bag.svg');
    mask-image: url('/assets/icons/bag.svg');
}

.icon-blur {
    background-image: url('/assets/icons/blur.svg');
}

.mask-blur {
    -webkit-mask-image: url('/assets/icons/blur.svg');
    mask-image: url('/assets/icons/blur.svg');
}

.icon-file {
    background-image: url('/assets/icons/file.svg');
}

.mask-file {
    -webkit-mask-image: url('/assets/icons/file.svg');
    mask-image: url('/assets/icons/file.svg');
}

.icon-list-checked {
    background-image: url('/assets/icons/list-checked.svg');
}

.mask-list-checked {
    -webkit-mask-image: url('/assets/icons/list-checked.svg');
    mask-image: url('/assets/icons/list-checked.svg');
}

.icon-robot {
    background-image: url('/assets/icons/robot.svg');
}

.mask-robot {
    -webkit-mask-image: url('/assets/icons/robot.svg');
    mask-image: url('/assets/icons/robot.svg');
}

.icon-user {
    background-image: url('/assets/icons/user.svg');
}

.mask-user {
    -webkit-mask-image: url('/assets/icons/user.svg');
    mask-image: url('/assets/icons/user.svg');
}

.icon-user-squared {
    background-image: url('/assets/icons/user-squared.svg');
}

.mask-user-squared {
    -webkit-mask-image: url('/assets/icons/user-squared.svg');
    mask-image: url('/assets/icons/user-squared.svg');
}

.icon-instagram {
    background-image: url('/assets/icons/instagram.svg');
}

.mask-instagram {
    -webkit-mask-image: url('/assets/icons/instagram.svg');
    mask-image: url('/assets/icons/instagram.svg');
}

.icon-tiktok {
    background-image: url('/assets/icons/tiktok.svg');
}

.mask-tiktok {
    -webkit-mask-image: url('/assets/icons/tiktok.svg');
    mask-image: url('/assets/icons/tiktok.svg');
}

.icon-youtube {
    background-image: url('/assets/icons/youtube.svg');
}

.mask-youtube {
    -webkit-mask-image: url('/assets/icons/youtube.svg');
    mask-image: url('/assets/icons/youtube.svg');
}