Оптимальнее по скорости - грузить из вне, плюс меньше нагрузка на свой сервер.
Безопаснее от себя - так как если Ваш сайт работает, а внешний нет, будет бебека.
Или может есть ещё какой то способ?
У них есть вариант с js. Он тянет то что будет работать у конкретного пользователя, тянет ассинхронно, но не от Вас.
photoshop - не для работы с векторной графикой
если речь о продуктах adobe то есть иллюстратор для вектора
Так что в photoshop не может быть svg иконок
Вопрос делать из них svg или нет - вопрос Ваших трудозатрат или трудозатрат другого человека.
Использовать png или svg - из того же разряда. Насколько оправдано svg в проекте, оправдывает ли это вложенные усилия и т.д.
Почему иконки в основном размерами 32, 48, 64 и т.д. пикселей
Соответственно частоте использования
Сжимаю до 48 пикс. - так в качестве теряется, понятно
Не понятно. Смотря что, чем и как сжимать.
может есть где бесплатно много svg иконок?
А в чем проблема если есть png иконка, например, сделать из нее svg? Есть онлайн сервисы для этого и есть великолепное ПО - inkscape.paint-net.ru/?id=1