.icon-clear {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/clear.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/clear.svg") center/contain no-repeat;
  background-color: white;
}

.icon-home {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/home.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/home.svg") center/contain no-repeat;
  background-color: white;
}

.icon-gear {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/gear.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/gear.svg") center/contain no-repeat;
  background-color: white;
}

.icon-cloud {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/cloud.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/cloud.svg") center/contain no-repeat;
  background-color: white;
}

.icon-mac {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/mac.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/mac.svg") center/contain no-repeat;
  background-color: white;
}

.icon-windows {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/windows.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/windows.svg") center/contain no-repeat;
  background-color: white;
}

.icon-ledger {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/ledger.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/ledger.svg") center/contain no-repeat;
  background-color: white;
}

.icon-doughnut {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/doughnut.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/doughnut.svg") center/contain no-repeat;
  background-color: white;
}

.icon-sync {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/sync.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/sync.svg") center/contain no-repeat;
  background-color: white;
}

.icon-bookmark {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/bookmark.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/bookmark.svg") center/contain no-repeat;
  background-color: white;
}

.icon-contract {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/contract.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/contract.svg") center/contain no-repeat;
  background-color: white;
}

.icon-table {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/table.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/table.svg") center/contain no-repeat;
  background-color: white;
}

.icon-bar-graph {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/bar graph.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/bar graph.svg") center/contain no-repeat;
  background-color: white;
}

.icon-down {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/down.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/down.svg") center/contain no-repeat;
  background-color: white;
}

.icon-arrow {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/arrow.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/arrow.svg") center/contain no-repeat;
  background-color: white;
}

.icon-drag {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/drag.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/drag.svg") center/contain no-repeat;
  background-color: white;
}

.icon-filter {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/filter.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/filter.svg") center/contain no-repeat;
  background-color: white;
}

.icon-plus {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/plus.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/plus.svg") center/contain no-repeat;
  background-color: white;
}

.icon-save {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/save.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/save.svg") center/contain no-repeat;
  background-color: white;
}

.icon-bin {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/bin.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/bin.svg") center/contain no-repeat;
  background-color: white;
}

.icon-up {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/up.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/up.svg") center/contain no-repeat;
  background-color: white;
}

.icon-edit {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/edit.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/edit.svg") center/contain no-repeat;
  background-color: white;
}

.icon-warning {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/warning.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/warning.svg") center/contain no-repeat;
  background-color: white;
}

.icon-exchange {
  width: 15px;
  height: 15px;
  display: inline-block;
  mask: url("../icons/exchange.svg") center/contain no-repeat;
  -webkit-mask: url("../icons/exchange.svg") center/contain no-repeat;
  background-color: white;
}