Пользовательский <hr> с изображением / символом в центре

Я хотел бы воссоздать это горизонтальное правило:

У меня есть двойные линии, но я не уверен, как сделать так, чтобы какой-то персонаж или изображение были в центре. Я думаю, что я мог бы использовать: до и после, но я не знаю, как использовать их в этом случае. Чтобы ответить на вопрос, давайте просто попробуем сделать так, чтобы центральный персонаж был персонажем. Я выясню изображение / значок позже.

Идеи? Вот мой код для строк:

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
    margin:25px 0px;
}