Personalizado <hr> com imagem / personagem no centro
Eu gostaria de recriar esta regra horizontal:
Eu tenho as linhas duplas, mas não sei como conseguir algum tipo de personagem ou imagem no centro. Estou pensando em poder usar: before e: after, mas não sei como utilizá-los neste caso. Para responder a pergunta, vamos tentar fazer com que o personagem central seja um personagem. Eu vou descobrir a imagem / ícone mais tarde.
Idéias? Aqui está o meu código para as linhas:
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #444;
border-bottom:1px solid #444;
margin:25px 0px;
}