.ci {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  vertical-align: -.125em;
}

.ci::before,[class*=" ci-"]::before,[class^=ci-]::before {
  content: '';
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  background-image: url('ci.png');
  background-repeat: no-repeat;
  transform: scale(0.5);
  transform-origin: 0 0;
}

.ci-tomcat::before {
  background-position: -32px -0px;
}

.ci-redis::before {
  background-position: -64px -0px;
}

.ci-netty::before {
  background-position: -96px -0px;
}

.ci-dubbo::before {
  background-position: -128px -0px;
}

.ci-mysql::before {
  background-position: -160px -0px;
}

.ci-clickhouse::before {
  background-position: -192px -0px;
}

.ci-elasticsearch::before {
  background-position: -224px -0px;
}

.ci-grpc::before {
  background-position: -256px -0px;
}

.ci-spring::before {
  background-position: -288px -0px;
}

.ci-hibernate::before {
  background-position: -320px -0px;
}

.ci-oracle::before {
  background-position: -352px -0px;
}

.ci-postgresql::before {
  background-position: -384px -0px;
}

.ci-mssql::before {
  background-position: -416px -0px;
}