Почему svg с серой полосой по середине?

Question

[FavnAristotel]

Здравствуйте. Почему когда пытаюсь экспортировать лупу из макета в формате svg в фотошопе то экспортируется с серой полосой по середине ?
вот фото

Comments

[VoidVolker]

Это превью. А где результат? А что внутри самого SVG? А в исходном файле есть эта полоса?

[Adamos]

Открываешь блокнотом тот SVG и оставляешь из всех path только тот, у которого fill желтый.
Дольше спрашивать.

[FavnAristotel]

VoidVolker,
вроде все убрал и если png или jpeg делаю то нет этой полосы.

[Ankhena]

FavnAristotel, где результат?
Либо наоборот, исходник.

Но, конечно, макет в фотошопе в 2025 году это просто праздник. Надо ещё откопать такого дизайнера.

[FavnAristotel]

Adamos, спасибо, посмотрел через браузер сначала потом когда узнал что за иконку отвечает все остальное удали чего было очень много по сравнению с иконкой.

[FavnAristotel]

<svg id="PSDFreebies.com" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="24" viewBox="0 0 27 24">
  <defs>
    <style>
     

      .cls-11, .cls-13, .cls-2, .cls-4, .cls-8 {
        fill: #ffcb0f;
      }

     
      .cls-13 {
        font-size: 9.875px;
        font-family: FontAwesome;
        text-transform: uppercase;
      }
    </style>
  </defs>

  <g id="_01-Header" data-name="01-Header">
    <g id="Navigation">
      <text id="_" data-name="" class="cls-13" transform="translate(4.024 18.497) scale(2.025)"></text>
    </g>
  </g>
</svg>

это то что в svg получилось по моему это не svg можете объяснить ?
как сделать с этим что бы при наведении менялся цвет

[VoidVolker]

FavnAristotel, стандартная иконка обычного иконочного шрифта. На их сайте можете спокойно скачать иконку отдельно сразу вектором. Цвет задаётся стилями.

[Adamos]

FavnAristotel, вам что надо-то от этой иконки? Если использовать в макете наравне с другими - просто подключите тот FontAwesome и вставьте в верстку <i class="icon-search" style="color: #FC0"></i>

[Ankhena]

FavnAristotel, сохранять эту иконку вот в таком виде вообще не имеет смысла, она всё равно привязана к шрифту.
Либо возьмите шрифт (хуже) либо скачайте иконку в правильном svg, где она вектор (лучше).
Сейчас нет смысла использовать иконочные шрифты типа fontawesome. Сейчас спокойно можно использовать маски, инлайнить в кастомные свойства или спрайты (из svg, не из symbol!).

[Adamos]

Ankhena,

нет смысла использовать иконочные шрифты

А смысл НЕ использовать то, что одной строчкой подключается и гарантированно работает без сюрпризов - есть?