Как сделать аватары в форме гексагон у пользователей?

Как сделать вот такие иконки пользователей?

Ну точнее чтобы они были вот такими фигурные, и граница. А не обычная круглая без границы.

 

.avatar {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

https://black-minecraft.com/threads/prosmotr-koda-ehlementa-na-sajte-dlja-pupsikov.7193/

 

А границу как?

 

Ну которая там красная площадь

 

@BlackBro, я ж дал ссылку. Хз, посмотри на том сайте. Да и вообще в век нейронок, просить помощи по CSS на форуме... кринж.

 

Я просто не шарю в маппинге, учусь вот чутка

 

Ты не учишься. Ты просишь готовое.

 

Да, прошу готове и тестирую, а так же запоминаю, в интернете мало где их учат.