Если видите внутри 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:
Обязательно проверьте, чтобы все кавычки в тегах были не обратными, а обычными ""
.
Nurked
Ах как жаль, что я промахнулся и нажал плюс этой ереси. А ведь зашёл чтобы проминусовать.
dev_family Автор
Спасибо, что потратили свое время и вернулись, чтобы уточнить)
Nurked
А вы на что расчитывали, когда выкладиывали это на Хабр? Оно понятное дело, ваш начальник купил подписку на Хабру и сказал маркетинговому отделу "сделайте мне хорошо". В итоге кто-то, кто в жизни не написал ни страницы текста, садится и с ужасом рожает идею статьи на Хабре.
Выходит вот такое бесполезное Г. Как достать SVG-фаил из сатйта - это текст даже не для пикабу, а для "хакерского форума" 2000х годов. С той только оговоркой, что SVG тогда не существовало.
В итоге, кто-то капает на уши руководителю и говорит, мол, посмотрите, Иммануил Гедеонович, у нас ха Хабре ПЛЮС СЕМЬ КАРМЫ!!! Руководитель радуется откровенному вранью, и маркетинговый отдел доволен тем, что им есть чем себя занять.
Страдает - аудитория Хабра.
dev_family Автор
А вы случайно не политик?
Nurked
Нет, я - Хабравчанин старого покроя. Я тут был с 2008 года. У меня есть одна статья, у которой рейтинга и просмотров больше чем во всех ваших вместе взятых. Поэтому я считаю, что я могу резонно наезжать на позорный контент для хабра, который был сгенерирован для CEO.
Я готов проводить дискуссии и общаться на тему, если статья написана честно. Но вот это вот - это просто позор.
У вас статья на 300 просмотров. Если вычесть из ваших плюсов два моих, то у вас -4. Это - уже тянет на антирекорд по качеству.
ImagineTables
Сегодня день SVG-ереси. По соседству выкладывали инструмент для сохранения SVG-кода в SVG-файл. Жаль, что автор устыдился, и стёр.
Metotron0
По сути, тут тоже svg-код сохраняют в файл, только с небольшим нюансом.