Если видите внутри svg тег use, это значит, что картинка используется по ссылке, то есть она единожды рендерится в дом и потом во всех остальных местах используется по ссылке.

Рассказываем, как ее "выдрать":

Открываем DOM дерево:

Находим ссылку, по которой используется картинка (в нашем случае xlink:href="#svg-icon-logo"):

Нажимаем ctrl+f и вставляем туда этот айдишник #svg-icon-logo.

Находим тег symbol c одноименным id, разворачиваем его, видим наш svg.

Копируем этот элемент:

Создаем файл с расширением .svg, открываем его Блокнотом:

Берем стандартный тег svg из любой другой svg:

Добавляем данные из symbol, заменяем в теге svg свойства width="16" height="17" viewBox="0 0 16 17" на те, что указаны в symbol (в нашем случае это  viewBox="0 0 465 146", последние две цифры - это width и height).

Получаем svg:

Обязательно проверьте, чтобы все кавычки в тегах были не обратными, а обычными "".

Комментарии (8)


  1. Nurked
    22.08.2023 13:57
    +4

    Ах как жаль, что я промахнулся и нажал плюс этой ереси. А ведь зашёл чтобы проминусовать.


    1. dev_family Автор
      22.08.2023 13:57
      -3

      Спасибо, что потратили свое время и вернулись, чтобы уточнить)


      1. Nurked
        22.08.2023 13:57
        +3

        А вы на что расчитывали, когда выкладиывали это на Хабр? Оно понятное дело, ваш начальник купил подписку на Хабру и сказал маркетинговому отделу "сделайте мне хорошо". В итоге кто-то, кто в жизни не написал ни страницы текста, садится и с ужасом рожает идею статьи на Хабре.

        Выходит вот такое бесполезное Г. Как достать SVG-фаил из сатйта - это текст даже не для пикабу, а для "хакерского форума" 2000х годов. С той только оговоркой, что SVG тогда не существовало.

        В итоге, кто-то капает на уши руководителю и говорит, мол, посмотрите, Иммануил Гедеонович, у нас ха Хабре ПЛЮС СЕМЬ КАРМЫ!!! Руководитель радуется откровенному вранью, и маркетинговый отдел доволен тем, что им есть чем себя занять.

        Страдает - аудитория Хабра.


        1. dev_family Автор
          22.08.2023 13:57
          -4

          А вы случайно не политик?


          1. Nurked
            22.08.2023 13:57
            +1

            Нет, я - Хабравчанин старого покроя. Я тут был с 2008 года. У меня есть одна статья, у которой рейтинга и просмотров больше чем во всех ваших вместе взятых. Поэтому я считаю, что я могу резонно наезжать на позорный контент для хабра, который был сгенерирован для CEO.

            Я готов проводить дискуссии и общаться на тему, если статья написана честно. Но вот это вот - это просто позор.

            У вас статья на 300 просмотров. Если вычесть из ваших плюсов два моих, то у вас -4. Это - уже тянет на антирекорд по качеству.


    1. ImagineTables
      22.08.2023 13:57
      +1

      Сегодня день SVG-ереси. По соседству выкладывали инструмент для сохранения SVG-кода в SVG-файл. Жаль, что автор устыдился, и стёр.


      1. Metotron0
        22.08.2023 13:57

        По сути, тут тоже svg-код сохраняют в файл, только с небольшим нюансом.


  1. David_Osipov
    22.08.2023 13:57
    +1

    Мусор