Ícones em CSS

Detalhes da questão

Endereço do fórum: http://streetkings.forumeiros.com
Versão do fórum: PunBB

Descrição

Olá senhores, hoje pedir uma ajudinha a vocês.

Eu gostario de saber como eu deixo meus ícones deste jeito: https://imgur.com/8umeIYu, essa bola amarela em volta do ícones. So que no lugar da cor amarela gostaria da bola seja transparente/branca, e a borda da bola seja preta.

Tentei vê alguns tópicos ja criados, mas o codigo não funcionou.

Forum onde vi: https://ajuda.forumeiros.com/forum
Aguardo respostas

A imagem que o senhor mandou está vazia.
Pode reenviá-la, para que eu possa me contextualizar acerca do seu tópico?

Eu vi aqui no fórum dos foruns.

Aguardo respostas.

O seu fórum está contra as regras, visto que você removeu os links do rodapé sem a utilização de créditos.
Seu tópico terá suporte limitado até que reveja este fator.

Pronto amigo, ja ativei o rodapé, e editei o link da imagem acima.
https://imgur.com/8umeIYu
Aguardo respostas

Leia:
-> https://ajuda.forumeiros.com/t108497-icone-em-css

Ola senhor Luiz eu tentei, mais não resultou, ficou do mesmo jeito que tava antes, alterou nada.

Aguardo respostas.

Adicione ao final de sua CSS:

Código:

.tcl {
  position: relative;
  padding-left: 60px !important;
}

.tcl > br ~ i.fa {
  background-color: #3c414b;
  border-radius: 69px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  height: 38px;
  padding: 12px 0;
  text-align: center;
  width: 38px;
  position: absolute;
  left: 13.5px;
  top: 50%;
  line-height: 14px;
  transform: translateY(-50%);
}

#pun-about {
  display: block !important;
}

O resultado esperado será:
-> http://prntscr.com/gksmpm

Note que as últimas três linhas do código acima são para "mostrar" os links do rodapé da forumeiros. Caso o senhor escondê-los, seu fórum poderá ser excluído com ou sem aviso prévio por ir contra as Condições Gerais de Uso.

o/

Ok amigo, obrigado pelo aviso. E sobre o tópico deu certinho, obrigado pela ajuda, pode fechar o tópico.

O rodapé da forumeiros padrão é este:
-> http://prntscr.com/gksr3p

Isso na versão do seu fórum, ou seja, punBB.
Você pode personalizá-lo, mas em nenhum momento pode esconder, remover ou violar tais links.

o/