How to create this icon with text inside?

Question

I have already created burst put facing problem with putting number inside burst.So i need help for fix it Need to look like Image burst.

#burst-8 {
  background: #00aaad;
  width: 15px;
  height: 15px;
  margin: 4px;
  color: white;
  position: absolute;
  text-align: center;
  transform: rotate(45deg);
}

#burst-8:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  color: white;
  width: 15px;
  background: #00aaad;
  transform: rotate(45deg);
}

<div id="burst-8"></div>

Answer 1

Not exactly sure what you want, see if the following answer helps.

#burst-8 {
  background: #00aaad;
  width: 15px;
  height: 15px;
  margin: 4px;
  font-size: 12px;
  position: absolute;
  text-align: center;
}
#burst-8:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  color: white;
  width: 15px;
  background: #00aaad;
  transform: rotate(45deg);
  z-index: -1;
}

<div id="burst-8">99</div>