Kir, я не понимаю зачем вам max-width и явно заданная высота в пикселах.. 100vh и все, вообще в любое время ваш хедр занимает 100% высоты экрана и картинка растягивается..
Максим Ленский, к сожалению, не знал что такое object-fit
Но опять же, насколько я погуглил - object-fit все равно задается в рамках враппера, но при этом появляется лишний элемент в html, #ящитаю, что в этом не много смысла и / cover делает то же самое, при этом в html чисто)
Тимур Турсунбаев, насколько я знаю прототипирование - процесс создания прототипа чего-либо..
Но тут я уже спорить не буду т.к. в прототипировании я не компетентен)
Можно в inkscape запилить свг-иконки, а потом в шрифт преобразовать и будет кастомный иконочный шрифт.
Мне кажется, это более профессиональный подход.
(только тогда нельзя будет сделать разные цвета иконке)
А вообще, я бы сделал эту иконку дивом, рамку задал через бордер, а иконку через бекграунд.
(я не профи)))