{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/7172","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/7172/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/7172/comments","events_url":"https://api.github.com/repos/angular/material/issues/7172/events","html_url":"https://github.com/angular/material/issues/7172","id":133998069,"number":7172,"title":"Font awesome: the doc is not clear and I have a wrong alignment","user":{"login":"cadilhac","id":50608,"avatar_url":"https://avatars.githubusercontent.com/u/50608?v=3","gravatar_id":"","url":"https://api.github.com/users/cadilhac","html_url":"https://github.com/cadilhac","followers_url":"https://api.github.com/users/cadilhac/followers","following_url":"https://api.github.com/users/cadilhac/following{/other_user}","gists_url":"https://api.github.com/users/cadilhac/gists{/gist_id}","starred_url":"https://api.github.com/users/cadilhac/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cadilhac/subscriptions","organizations_url":"https://api.github.com/users/cadilhac/orgs","repos_url":"https://api.github.com/users/cadilhac/repos","events_url":"https://api.github.com/users/cadilhac/events{/privacy}","received_events_url":"https://api.github.com/users/cadilhac/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-02-16T14:41:12Z","updated_at":"2016-02-25T00:42:39Z","closed_at":"2016-02-25T00:42:39Z","body":"Before checking the doc, I had:\r\n\r\n```\r\n<md-button class=\"md-icon-button md-accent md-fab\">\r\n    <md-icon md-font-set=\"fa\" md-font-icon=\"fa-rocket\" class=\"fa\" style=\"font-size:28px;\">\r\n    </md-icon>\r\n</md-button>\r\n```\r\n\r\nThis is to show an icon inside a FAB. My issue is that the icon is too \"bottom aligned\". So I checked the doc. I see that I should use:\r\n\r\n```\r\nangular.config(function($mdIconProvider) {\r\n  $mdIconProvider.fontSet('fa', 'fontawesome');\r\n});\r\n```\r\n\r\nWell, I didn't have that and it changes nothing to do that. Then, the html example says:\r\n`\r\n<md-icon md-font-set=\"fa\">email</md-icon>`\r\n\r\nIf I use something like that, I see the \"email\" text, not an icon.\r\n\r\nPlease, clarify the doc and let me know how the icon can be perfectly centered. Thanks.\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/188536448","html_url":"https://github.com/angular/material/issues/7172#issuecomment-188536448","issue_url":"https://api.github.com/repos/angular/material/issues/7172","id":188536448,"user":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"created_at":"2016-02-25T00:42:39Z","updated_at":"2016-02-25T00:42:39Z","body":"Please post this in the [Angular Material Forum](https://groups.google.com/forum/#!forum/ngmaterial)"}}