.icon{
  width:  1em; /* ( 横幅(px) / 高さ(px) ) */
  height: 1em; /* ( 高さ(px) / 高さ(px) ) */
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url("./twitter-square-brands.svg");
  fill: red;
  stop-color: red;
}
.icon.youtube{background-image: url("./youtube-square-brands.svg");}
.icon.twitter{background-image: url("./twitter-square-brands.svg");}
.icon.instagram{background-image: url("./instagram-square-brands.svg");}
.icon.line{background-image: url("./line-brands.svg");}
.fa-w-14{
  fill: red;
  stop-color: red;

}
.icon.x2{
  width:  2em;
  height: 2em;
}

.icon.icon1 { background-position: 0em  0em; }
.icon.icon2 { background-position: 0em -1em; }
.icon.icon3 { background-position: 0em -2em; }