twolegs

fill применяется к каждому svg-объекту по отдельности, поэтому получается такой эффект.
Думаю, одним из самых простых решений будет использование маски.
То есть создаете один большой объект, который заливаете градиентом, а саму svg используете как маску для этого объекта.

Все зависит от задачи, которую решаете. Думаю, правильнее всего будет реализовать варианты и провести их тест, сравнив производительность в ваших задачах.
Как 5-й вариант могу предложить fill паттерном: tutorials.jenkov.com/svg/fill-patterns.html