есть на проекте пару таких странных файлов. я так понял это не настоящее svg, а эмитация какая-то.
как это можно конвертировать в настоящее svg?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35" width="37" height="35">
  <defs>
    <image width="37" height="35" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAjCAYAAAATx8MeAAADpUlEQVRYR+2YWehVVRTGf19z2SA0QL0ERWkPDdBTPlTSaFREEw2SBgYhZSISNBtRRGET0lNREEFBWVQ0QgiRFmQEFtFkSRQFJlqJzV98t31k/083vf87+dJ6uvecffb6nbXX+vbaR1Rm+2jgfOBwYN/63oh+/wh8ASyXtKbxofywvSfwMDB3RM57mfZxYL6kLbK9E/AicFYvT454zMvAOYGaA4SysSeBF4DfRgyQ6XcDzgUur3zNDdTbwIxycYmk28cAM8GF7duAJeXiykD9AuwO/AlMlfTzDoDaG9gI7Az8GigXiE2Spo4bqPFnO1D75f//UNtahaFEyvZx0RUg+bAceFZSkwqTzoKBoWwfD6wsJd0A5P8CSasnTfSPgA+WU7aja9G3tiVSjwE3Svp+MnDDgFoBnFScPg+cCexRQWRPuwN4SFJPIjxsqJnAV8A9wEWt6HwCXCDpo+1FbehQkhK55MXJwIPAMRXEZ8B0SX+NtPps18s3s4EqYFHla4D7o4MFZJqkT3ck1NnAfcARBSIROlDShrFD2Z4OPACc0XKeZL+uh5xqor+2r22mtXznAcmlLNkulfP1kQbgkUZUbZ8GzCv6tgq4t7q3f3mhFf1CvVpF5Hdg1wom3caytCKSIogdK81klrCz6RY7XdIb7Sj2C5UI3NllSV4HFkr6+F+qah9apKO+dZOku4YFFaF8unSNmTNlv1hSOtYmMmkcrwDeB94CbgUuaQGsBRYB08qBJbo2r69IVY4PA/YB1tQ6ZDub9JfAAdtL8C73rx8I6r8c2l5QRLTbkPeA5NYJ5YXaYzaMCqruuRunf2S5Jb1SEj/V9hqQjqO2jiRkcKc3BqZISvUMZLb3Ah5t5dAySdfWE9s+FviguvYucFmgUikRvtilkp4aiKh62PYz2ZDLpdmScnybYLY3A3mJWJR/faBSFc2xKieZVEMOpznl9GqbJUWvtprtC8t5ckq5uFTS4taYI4FUXGPrOoEplZJuMQP6tS3AxZJeygS2ZwE57daW9DhFUs6ZGZNvFXn5E1vjfmi+JaS0M+FR/VIBT0iKLsVhor20y1zJ1zdL9aUPO6jLmHVNa5GJcoS+quRA1DfJ36v91BE9KYmauVJZn+dw2+sE1birt0L18fA2H7GdbwS3AB8CzwFXAtm8a/saSEV+B5wKbMrXn5FBtYltHwx827p+g6S722PHBlWW9RvgkApilqR0HBNs3FA59aThy4b+DnBzN7H+G16y08ArH+lXAAAAAElFTkSuQmCC"/>
  </defs>
  <style>
    tspan { white-space:pre }
  </style>
  <g id="Группа 2 копия 2">
    <g id="Группа 6">
      <use id="Группа 4 копия 3" href="#img1" transform="matrix(1,0,0,1,0,0)"/>
    </g>
  </g>
</svg>

почему имитация? это обычный png, завёрнутый в base64, поставленный вовнутрь svg

а как из этого svg сделать?

если png нужно в свг то скорее всего фрилансер иллюстратор должен перерисовывать) ну есть еще какие-то авто веторализаторы но работают так себе, зависит от сложности картинки

как можно применить стили только для мобилок в альбомном режиме?
пробовал такое, но не работает

@media only screen and (orientation:landscape) {
    color: red;
  }

Обычно orientation используют, попробуй убрать "only screen" из выражения

Можешь с помощью js высчитывать ориентацию. По условию "если ширина больше высоты и устройство имеет тач"

есть такой порядок элементов. поменять я его никак не могу. нужно как в макете. что можно придумать, кроме абсолютного позиционирования?

родительский контейнер
2 дочерних флекс блока
внутри у правого блока еще 2 блока расположенных по вертикали

как отрендерино только так и должно быть. не могу менять. css-ом только

в верстку нет доступа?

к html если по простому.

заливай в песочницу, так проще будет

если контейнер display:flex то поможет order у дочерних элементов (тобишь иконки соц. сетей), На гридах все ещё проще, там через grid-area подобные задачи на раз два решаются. Ну и по классике, если есть возможность в html местами поменять, то просто меняешь. С абсолютным позиционированием не играйся, проблем будет больше чем пользы потом

Извиняюсь, неправильно понял, думал соц сети местами меняют. В принципе вариант с гридами тогда будет приятнее и без лишнего геморроя в адаптиве

Всем привет!

Компания AxesPro ищет Frontend (React,JS, Next.js) разработчика с опытом работы от3-х лет на неполный рабочий день (подработка)

Проект по орг.дизайну (HR процессы) с современным стеком
- возможна удаленка
- частичная занятость

Подробное описание вакансии - https://hh.ru/vacancy/46195262

По всем вопросам: @ivanovamaary

на макете стрелочка отображена отдельным слоем. а как же мне экспартировать картинку чтобы со стрелочкой вместе была? мне нужна одна картика со стрелочкой, а не картика и стрелочка отдельно

Фигма?