Personalizado <hr> con imagen / personaje en el centro
Me gustaría recrear esta regla horizontal:
Tengo las líneas dobles, pero no estoy seguro de cómo obtener algún tipo de personaje o imagen en el centro. Estoy pensando que podría usar: antes y después, pero no sé cómo utilizarlos en este caso. Para responder a la pregunta, intentemos que el personaje central sea un personaje. Voy a averiguar la imagen / icono más tarde.
Ideas? Aquí está mi código para las líneas:
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #444;
border-bottom:1px solid #444;
margin:25px 0px;
}