title: Rotate an ionicon on the page
body: <p>I want to display directions with an arrow and was thinking to use the standard ionic arrow for the direction.
  Can I rotate the up arrow into any direction somehow?</p>
  
  <pre><code>ion-arrow-up-a
  </code></pre>
  
  <p>Here is an attempt from the comments below</p>
  
  <pre><code>&lt;i class="icon ion-arrow-up-a" rotate degrees="90"&gt;&lt;/i&gt;
  
  
  angular.module('app.customDirectives', []).directive('rotate', function() {
        return {
              link: function(scope, element, attrs) {
                  // watch the degrees attribute, and update the UI when it changes
                  scope.$watch(attrs.degrees, function(rotateDegrees) {
  //                  console.log(rotateDegrees);
                      //transform the css to rotate based on the new rotateDegrees
                      element.css({
                          '-moz-transform': 'rotate(' + rotateDegrees + 'deg)',
                          '-webkit-transform': 'rotate(' + rotateDegrees + 'deg)',
                          '-o-transform': 'rotate(' + rotateDegrees + 'deg)',
                          '-ms-transform': 'rotate(' + rotateDegrees + 'deg)'
                      });
                  });
              }
      }
  });
  </code></pre>