★ Как копировать SVG из браузера в Фигму

Часто нужно скопировать, но обычный вариант с кликом правой кнопкой мыши и «Сохранить как» не работает. У SVG такого нет.

Сейчас расскажу, как это можно сделать. Если коротко — скопировать код svg и вставить в фигму.

Откройте страницу

Откройте страницу с SVG.

Мне нужно для одного из проектов такой знак. Переходя из википедии по ссылке, открывается страница SVG-файла.

Перейдите в консоль разработчика

Чтобы открыть консоль, нажмите Ctrl+Shift+I или кликните правой кнопкой мыши и выберите «открыть консоль разработчика».

Выглядеть будет так

Найдите тег <svg>

Чтобы найти код SVG, найдите вкладку «Элементы/Elements». Там надо найти код, который начинается с <svg.

Скопируйте

Кликните по этой строчке правой кнопкой мыши и выберите «Копировать → Копировать outerHTML».

Вставье

Переходим в фигму, нажимаем Ctrl+V, готово.

Если SVG уже встроен где-то на странице

Нажимайте правой кнопкой мыши и дальше «проверить объект»

После этого снизу у вас отроектся панель кода. Скорее всего у вас выделится элемент path. Path — это часть всего SVG. Нам надо прокрутить выше и найти SVG.

Кникнуть по нему правой кнопкой мыши, нажать Copy → Copy OuterHTML. На русском Копировать → Копировать OuterHTML