md-svg-icon angular directive for material angular

md-svg-icon.js

var mdSvgIcon = angular.module('mdSvgIcon', []);

mdSvgIcon.directive('mdSvgIcon', function() {
    return {
        name: 'md-svg-icon',
        template: '<svg class="icon" role="img" title="{{title}}"><use xlink:href="{{iconSprite}}"/></svg>',
        restrict: 'E',
        scope: {},
        link: function preLink($scope, $element, $attrs) {
            $scope.title = $attrs.title || $attrs.iconSprite;
            if (!$attrs.fallbackPng || ($attrs.fallbackPng === 'false')) {
                $scope.iconSprite = '#' + $attrs.iconSprite;
            } else {
                $element.html('<img class="icon" src="images/tools_icons/' + $scope.title + '.png" title="' + $scope.title + '"></div>');
            }
        }
    };
});