.ui-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}

.icon-fill {
  fill: currentColor;
}

.bottom-nav .nav-item > .ui-icon,
.map-bottom-nav a > .ui-icon {
  width: 22px;
  height: 22px;
}

.bottom-nav .camera > span .ui-icon,
.map-bottom-nav .camera-entry > span .ui-icon {
  width: 25px;
  height: 25px;
}

.search-icon.ui-icon,
.guide-search-icon.ui-icon,
.map-search .ui-icon,
.panel-search .ui-icon {
  width: 18px;
  height: 18px;
}

.notify-btn .ui-icon,
.notify-link .ui-icon,
.setting-btn .ui-icon {
  width: 20px;
  height: 20px;
}

.category-icon .ui-icon,
.merchant-categories .ui-icon,
.cat-icon .ui-icon,
.menu-icon .ui-icon,
.publish-item .ui-icon {
  width: 18px;
  height: 18px;
}

.ghost-btn .ui-icon,
.back-to-camera .ui-icon,
.back-to-edit .ui-icon,
.close-panel .ui-icon,
.close-preview .ui-icon,
.profile-back .ui-icon {
  width: 22px;
  height: 22px;
}

.profile-fab .ui-icon {
  width: 30px;
  height: 30px;
}

.profile-action .ui-icon,
.asset-item .ui-icon,
.order-item .ui-icon,
.category-card .ui-icon,
.map-chip .ui-icon,
.camera-tools .ui-icon {
  width: 19px;
  height: 19px;
}