Найти в Дзене
Фрагменты

Как бесплатно скачать любую иконку с Icons8 в формате SVG (новый способ)

Для начала найдем подходящую вам иконку на сайте Icons8, в моём случае это будет ананас: Инструкция для браузера Safari. (Ниже будет инструкция для Chrome и ему подобных) Откройте консоль разработчика, нажав в любом месте страницы правой кнопкой мыши и выбрав пункт меню "Проверить элемент". Затем, не закрывая консоль (это важно, потому что только при открытой консоли будут регистрироваться необходимые данные!), нажмите на нужную иконку и в меню "Edit" выберите пункт "Color" После нажатия кнопки "Color" в консоли откройте вкладку "Источники" и в левом столбце найдите папку "XHR", в ней выберите последний файл с названием "icon" В данном файле найдете строку "svg" : "PH...", скопируйте все значения внутри кавычек: Переходите на сайт декодера и вставьте в строку "Base64*" полученные данные, нажмите кнопку "Decode Base64 to SVG" И вот, перед нами наша иконка со ссылкой на скачивание, нажимаем и сохраняем! Инструкция для браузера Chrome Откройте консоль разработчика, нажав в любом месте стр

Для начала найдем подходящую вам иконку на сайте Icons8, в моём случае это будет ананас:

Находим нужную иконку
Находим нужную иконку

Инструкция для браузера Safari. (Ниже будет инструкция для Chrome и ему подобных)

Откройте консоль разработчика, нажав в любом месте страницы правой кнопкой мыши и выбрав пункт меню "Проверить элемент".

Затем, не закрывая консоль (это важно, потому что только при открытой консоли будут регистрироваться необходимые данные!), нажмите на нужную иконку и в меню "Edit" выберите пункт "Color"

Производим манипуляции с иконкой
Производим манипуляции с иконкой

После нажатия кнопки "Color" в консоли откройте вкладку "Источники" и в левом столбце найдите папку "XHR", в ней выберите последний файл с названием "icon"

Находим нужный файл
Находим нужный файл

В данном файле найдете строку "svg" : "PH...", скопируйте все значения внутри кавычек:

Копируем нужные значения
Копируем нужные значения

Переходите на сайт декодера и вставьте в строку "Base64*" полученные данные, нажмите кнопку "Decode Base64 to SVG"

Декодируем изображение
Декодируем изображение

И вот, перед нами наша иконка со ссылкой на скачивание, нажимаем и сохраняем!

Сохраняем иконку!
Сохраняем иконку!

Инструкция для браузера Chrome

Откройте консоль разработчика, нажав в любом месте страницы правой кнопкой мыши и выбрав пункт меню "Исследовать элемент".

Затем, не закрывая консоль (это важно, потому что только при открытой консоли будут регистрироваться необходимые данные!), нажмите на нужную иконку и в меню "Edit" выберите пункт "Color"

Производим манипуляции с иконкой
Производим манипуляции с иконкой

После нажатия кнопки "Color" в консоли откройте вкладку "Сеть", выберите пункт меню "Fetch/XHR" и в левом нижнем списке найдите последний файл с названием "icon" нажмите на него и выберите пункт "Ответ" в верхнем меню:

Находим нужный файл
Находим нужный файл

В данном файле найдете строку "svg" : "PH...", скопируйте все значения внутри кавычек:

Копируем нужные значения
Копируем нужные значения

Переходите на сайт декодера и вставьте в строку "Base64*" полученные данные, нажмите кнопку "Decode Base64 to SVG"

Декодируем изображение
Декодируем изображение

И вот, перед нами наша иконка со ссылкой на скачивание, нажимаем и сохраняем!

Сохраняем иконку!
Сохраняем иконку!

Готово!

Вы только что сэкономили 15 долларов :)
Вы только что сэкономили 15 долларов :)

P.S. Если у нужной вам иконки нет меню "Edit" (такого меню нет у 3D иконок), то откройте картинку в новой вкладке и в адресе URL замените строчку "size=2x" на "size=1600", откроется иконка с разрешением 1600x1600 px.

Должна получится ссылка вида:

img.icons8.com/?size=1600&id=SRBNGzl2dc2m&format=png

Такие изображения недоступны в формате SVG и могут быть скачаны только в формате PNG.