.ko-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask: var(--ko-icon) center / contain no-repeat;
  mask: var(--ko-icon) center / contain no-repeat;
}

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

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

.ko-icon-leaf { --ko-icon: url("/assets/icons/leaf.svg"); }
.ko-icon-route { --ko-icon: url("/assets/icons/route.svg"); }
.ko-icon-file-text { --ko-icon: url("/assets/icons/file-text.svg"); }
.ko-icon-activity { --ko-icon: url("/assets/icons/activity.svg"); }
.ko-icon-folder-open { --ko-icon: url("/assets/icons/folder-open.svg"); }
.ko-icon-users { --ko-icon: url("/assets/icons/users.svg"); }
.ko-icon-git-fork { --ko-icon: url("/assets/icons/git-fork.svg"); }
.ko-icon-trending-up { --ko-icon: url("/assets/icons/trending-up.svg"); }
.ko-icon-compass { --ko-icon: url("/assets/icons/compass.svg"); }
.ko-icon-network { --ko-icon: url("/assets/icons/network.svg"); }
.ko-icon-files { --ko-icon: url("/assets/icons/files.svg"); }
.ko-icon-settings { --ko-icon: url("/assets/icons/settings.svg"); }
.ko-icon-chevron-left { --ko-icon: url("/assets/icons/chevron-left.svg"); }
.ko-icon-chevron-right { --ko-icon: url("/assets/icons/chevron-right.svg"); }
.ko-icon-search { --ko-icon: url("/assets/icons/search.svg"); }
.ko-icon-bell { --ko-icon: url("/assets/icons/bell.svg"); }
.ko-icon-arrow-up-right { --ko-icon: url("/assets/icons/arrow-up-right.svg"); }
.ko-icon-quote { --ko-icon: url("/assets/icons/quote.svg"); }
.ko-icon-clock { --ko-icon: url("/assets/icons/clock.svg"); }
.ko-icon-database { --ko-icon: url("/assets/icons/database.svg"); }
.ko-icon-book-open { --ko-icon: url("/assets/icons/book-open.svg"); }
.ko-icon-factory { --ko-icon: url("/assets/icons/factory.svg"); }
.ko-icon-lock { --ko-icon: url("/assets/icons/lock.svg"); }
.ko-icon-arrow-right { --ko-icon: url("/assets/icons/arrow-right.svg"); }
.ko-icon-building-2 { --ko-icon: url("/assets/icons/building-2.svg"); }
.ko-icon-history { --ko-icon: url("/assets/icons/history.svg"); }
.ko-icon-check { --ko-icon: url("/assets/icons/check.svg"); }
.ko-icon-x { --ko-icon: url("/assets/icons/x.svg"); }
.ko-icon-circle-alert { --ko-icon: url("/assets/icons/circle-alert.svg"); }
.ko-icon-folder { --ko-icon: url("/assets/icons/folder.svg"); }
.ko-icon-presentation { --ko-icon: url("/assets/icons/presentation.svg"); }
.ko-icon-wrench { --ko-icon: url("/assets/icons/wrench.svg"); }
.ko-icon-info { --ko-icon: url("/assets/icons/info.svg"); }
.ko-icon-shield-alert { --ko-icon: url("/assets/icons/shield-alert.svg"); }
.ko-icon-globe { --ko-icon: url("/assets/icons/globe.svg"); }
.ko-icon-download { --ko-icon: url("/assets/icons/download.svg"); }
.ko-icon-menu { --ko-icon: url("/assets/icons/menu.svg"); }