Для множества иконок обычно использую спрайты во внешнем файле. Преимущество: кэшируется и отчасти управляемо из стилей, не мусорит разметку. Спрайт генерируется галп-таском из папки с отдельными svg. Для IE полифилл.
Можно взять 2 картинки-фона — одну наложить как background для блока, а другую как background для текста.
Пример: https://jsfiddle.net/Odisseya/dj2h06hk/ (в примере для текста использую ту же фоновую картинку, поэтому задала ей смещение)
Альтернативный вариант — использовать css blend modes, но там смотрите поддержку.
Так, иконка будет масштабироваться по размеру контейнера. Чтобы ограничить размер иконки, укажите его в <svg>, а потом, если нужен кастомный размер, через css переопределите его.