Siteye Font Awesome Eklemeden Tek Bir İcon Nasıl Eklerim?

Tek bir icon için Font Awesome kullanmak istemiyorum, acaba ne yapmalıyım?

Kullanmak istediğim icon: https://fontawesome.com/icons/bars

Bu ikonu indirirsiniz. Sonra web sayfanızda bir div oluşturup içine img etiketi ile ikonu eklersiniz. Sonra da css ile stillendirirsiniz.

svg olarak ekleyebilirsiniz

Css ye ilgili iconun content kodunu ekleyin daha sonra normal i class olarak iconu tanımlayın.

Alternatif olarak unicode symbol (≡) kullanabilir ya da CSS3 before after ile kolaylıkla kodlayabilirsiniz.
≡
https://www.compart.com/en/unicode/U+2261

Symbol olarak kullanmak harika bir çözüm oldu.

Menüye "<i class="fas fa-cat"></i>" şeklinde icon'un kodunu ekleyip CSS'ye content'i aşağıdaki gibi tanımladım. Content içeriğini nasıl ekleyeceğim?

.fa-cat:before {
  content: "f6be"; }

Eklemeye çalıştığım icon: https://fontawesome.com/icons/cat?style=solid