Как вытащить с сайта иконку .svg которая сделана через иконочный шрифт?
Мне на одном сайте понравилась иконка,хочу вставить её в свою верстку, но она вставлена на сайт через иконочный шрифт. Возможно ли её от туда вытащить,скачать,хотя бы код самой иконки посмотреть?
- Вопрос задан более двух лет назад
- 827 просмотров
Комментировать
Решения вопроса 1
не знаю, возможно есть более простой путь — я делал таким образом:
1. Скачиваем весь шрифт, если он оказывался не в svg формате, а как правило это так, то на он-лайн сервис конвертируем шрифт в svg — пример сервиса.
2. Идем на icomoon.io — там в правом верхнем углу жмем IcoMoon App
3. Теперь в левом верхнем углу — import Icons или в правом по бургеру — Import to Set — и выбираем сконвертируемый шрифт в svg формате.
4. В верхней меню плашке выбираем инструмент карандаш (edit) и на нужную иконку — в окне редактирования видим кнопку Download SVG.
Ответ написан более двух лет назад
Комментировать
Нравится 3 Комментировать
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- SVG
- +2 ещё
Как сохранить проект After effects в формат SVG?
- 1 подписчик
- 28 апр.
- 25 просмотров
Как скачать SVG иконки с сайта?
Здравствуйте. Уже задавал подобный вопрос. Но со mobile.de этого не получилось, не получилось скачать иконки предложенными способами. На других сайтах работает, но не на этом. Подскажите пожалуйста, как можно скачать иконки с этого сайта, везде искал.
Спасибо.
- Вопрос задан более трёх лет назад
- 11395 просмотров
Комментировать
Решения вопроса 2
Дмитрий Чайников @Dan_Stanly
Не задавайте вопросы на которые не знаете ответов
Внимание на скриншоты:
Вроде все получается:
Правой кнопкой мышки на путь к файлу и «Open in new tab»
Ответ написан более трёх лет назад
Нравится 2 1 комментарий
Как извлечь иконки из темы браузера
Есть два пути, по которым можно извлечь иконки из темы браузера — простой и сложный. Простой путь подходит для тем, скачанных из официального магазина тем Vivaldi. Что нужно сделать:
- Перейти на страницу с темой в официальном магазине тем Vivaldi
- Навести курсор на кнопку скачивания темы, нажать по ней правой кнопкой мыши, вызвав контекстное меню, и выбрать в нём пункт «сохранить ссылку как. »
- После этого откроется диалоговое окно, которое предложит сохранить на ваш компьютер .zip архив с темой. Внутри него и находятся иконки из темы, а ещё там можно найти фоновое изображение темы и файл settings.json с конфигурацией темы.
Сложный путь подходит в тех случаях, когда скачанной темы нет в официальном магазине тем, либо когда нужно изменить встроенные по умолчанию иконки.
Что нужно сделать:
- Перейти на страницу со средствами разработчика по ссылке vivaldi://inspect/#apps и нажать на «inspect» рядом с разделом Vivaldi, под которым находятся запущенные в текущем окне браузера вкладки. Ссылка этого раздела должна заканчиваться на browser.html
- Далее у вас появится окно со средствами разработчика как на рисунке ниже. В нём нужно активировать режим выбора элементов на странице, нажав на иконку с курсором в верхней левой части окна.
- После того, как вы активируете режим выбора элементов, все элементы интерфейса браузера при наведении на них будут подсвечиваться, а рядом с ними будет отображаться информация об элементе.
Нажав на элемент, в окне со средствами разработчика будет выделен участок HTML-кода, где располагается этот элемент, а справа от него — CSS-код для этого элемента.
- Выделив нужную иконку, следует опуститься в дереве элементов до элемента с тегом для векторной иконки или
для растровой иконки, то есть для изображения.
4.1. Если ваша иконка — это просто изображение, то нужно лишь навести на ссылку внутри тега , скопировать её в буфер обмена, вставить эту ссылку в адресную строку, перейти по ней и сохранить иконку как обычное изображение.
4.2. Если же у вас векторная иконка в теге , то нужно нажать правой кнопкой мыши по выделенной строке (строка должна начинаться с 
После этого, весь код, относящийся к иконке, будет скопирован в буфер обмена. Далее можно воспользоваться онлайн-сервисом SVG Viewer для того, чтобы просмотреть иконку, по необходимости внести какие-либо изменения в код и скачать её в формате .svg 
Таким образом можно извлечь иконки из темы браузера.
P.S. В качестве бонуса прикрепляю ссылку на архив с классическими иконками, извлечёнными из версии 5.7 и адаптированными под новую версию 6.0. Кроме оригинальных иконок, там есть пару моих иконок, стилизованных под классические
Как скачать иконку сайта? Например иконку Mail.Ru
favicon.ico — это стандартное изображение почти на всех сайтах.
пишите, как в примере выше, и будет Вам счастье.
http://www.google.com/s2/favicons?domain=site.com
Копируете этот код и вставляете его в адресную строку браузера.
Вместо — site.com, ваш сайт.
Xanders, Профит!
Посмотрите на сайте https://geekweb.su — там много чего есть
Похожие вопросы
Ваш браузер устарел
Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.