.root {
  position: relative;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  overflow: hidden;
}
.vectorStroke {
  position: absolute;
  left: 6.25%;
  right: 6.25%;
  top: 35.4167%;
  bottom: 8.3333%;
  overflow: visible;
}
.icon {
  width: 100%;
  height: 100%;
}
.vectorStroke2 {
  position: absolute;
  left: 6.25%;
  right: 6.25%;
  top: 10.4167%;
  bottom: 56.25%;
  overflow: visible;
}
.icon2 {
  width: 100%;
  height: 100%;
}
.vectorStroke3 {
  position: absolute;
  left: 29.1667%;
  right: 62.5%;
  top: 4.1667%;
  bottom: 70.8333%;
  overflow: visible;
}
.icon3 {
  width: 100%;
  height: 100%;
}
.vectorStroke4 {
  position: absolute;
  left: 62.5%;
  right: 29.1667%;
  top: 4.1667%;
  bottom: 70.8333%;
  overflow: visible;
}
.icon4 {
  width: 100%;
  height: 100%;
}
.vectorStroke5 {
  position: absolute;
  left: 54.1667%;
  right: 25%;
  top: 66.6667%;
  bottom: 25%;
  overflow: visible;
}
.icon5 {
  width: 100%;
  height: 100%;
}
.vectorStroke6 {
  position: absolute;
  left: 25%;
  right: 54.1667%;
  top: 66.6667%;
  bottom: 25%;
  overflow: visible;
}
.icon6 {
  width: 100%;
  height: 100%;
}
.vectorStroke7 {
  position: absolute;
  left: 54.1667%;
  right: 25%;
  top: 50%;
  bottom: 41.6667%;
  overflow: visible;
}
.icon7 {
  width: 100%;
  height: 100%;
}
.vectorStroke8 {
  position: absolute;
  left: 25%;
  right: 54.1667%;
  top: 50%;
  bottom: 41.6667%;
  overflow: visible;
}
.icon8 {
  width: 100%;
  height: 100%;
}
