CSS Font Awesome: fa-plus-circle-oが欲しい

2022-08-10時点

「fa-plus-circle」のアウトライン版はまだない。
プラスがない・・・「マイナス」や「✕」はあるんだけど・・・プラスはない。

代案

「✕（fa-times-circle-o）」を45度回転させて、それっぽくさせる

html

アウトライン版が実装されたときのために「_fa-plus-circle-o」みたいな名称にしておく

<i class="fa _fa-plus-circle-o">

css

.fa._fa-plus-circle-o {
    font-weight: 400;
    transform: rotate(45deg);
}

.fa._fa-plus-circle-o:before {
    content: "\f057";
}

Sass

.fa {
  &._fa-plus-circle-o { // 「fa-plus-circle」のアウトライン版。「fa-times-circle-o」を45度回転
    font-weight: 400;
    transform: rotate(45deg);

    &:before {
      content: "\f057"; // 「fa-times-circle-o」の文字コード
    }
  }
}