An angular directive making svg's work when <base href="/path"> tag is present.

svg-base-fix.js

angular.module('app.directives.svgBaseFix', [])

	.directive('svgBaseFix', function($rootScope) {
		return {
			restrict: 'A',
			link: function(scope, element, attrs) {
				var attr = 'xlinkHref';

				var initialUrl = attrs[attr];
				var parsingNode = document.createElement('a');

				attrs.$observe(attr, updateValue);
				$rootScope.$on('$locationChangeSuccess', updateValue);

				function updateValue() {
					var newVal;
					parsingNode.setAttribute('href', location.pathname + location.search + initialUrl);
					newVal = parsingNode.toString();

					if (newVal && attrs[attr] !== newVal) {
						attrs.$set(attr, parsingNode.toString());
					}
				}

			}
		};
	});


//
// Usage
//
// <svg>
//   <use svg-base-fix xlink:href="#icon-quote"></use>
// </svg>
//