{"action":"created","issue":{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/9690","repository_url":"https://api.github.com/repos/FortAwesome/Font-Awesome","labels_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/9690/labels{/name}","comments_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/9690/comments","events_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/9690/events","html_url":"https://github.com/FortAwesome/Font-Awesome/issues/9690","id":168961608,"number":9690,"title":"Icon request: icon-new","user":{"login":"robotwerks","id":18663340,"avatar_url":"https://avatars.githubusercontent.com/u/18663340?v=3","gravatar_id":"","url":"https://api.github.com/users/robotwerks","html_url":"https://github.com/robotwerks","followers_url":"https://api.github.com/users/robotwerks/followers","following_url":"https://api.github.com/users/robotwerks/following{/other_user}","gists_url":"https://api.github.com/users/robotwerks/gists{/gist_id}","starred_url":"https://api.github.com/users/robotwerks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/robotwerks/subscriptions","organizations_url":"https://api.github.com/users/robotwerks/orgs","repos_url":"https://api.github.com/users/robotwerks/repos","events_url":"https://api.github.com/users/robotwerks/events{/privacy}","received_events_url":"https://api.github.com/users/robotwerks/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-08-02T18:58:10Z","updated_at":"2016-08-03T00:23:54Z","closed_at":null,"body":"This could be used to label new products, content items, etc.\r\n\r\nExample: One of our monitor/recorders now allows for Dual 4K recording - I would love to be able to add a little \"NEW!\" icon next to \"Dual 4K\" in the features list.\r\n\r\nThis could also help identify new content in blogs, forums, carts, etc. and could be done programmatically so that the NEW! icon only appears for a set amount of time.\r\n\r\nfa-icon-new\r\n![fa-icon-new-solid](https://cloud.githubusercontent.com/assets/18663340/17341168/a49def96-58b0-11e6-8cfe-613e629d9cc6.png)\r\n\r\nfa-icon-new-lt\r\n![fa-icon-new-lines](https://cloud.githubusercontent.com/assets/18663340/17341167/a49a0cbe-58b0-11e6-83bb-0eb73d4327a6.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/comments/237092321","html_url":"https://github.com/FortAwesome/Font-Awesome/issues/9690#issuecomment-237092321","issue_url":"https://api.github.com/repos/FortAwesome/Font-Awesome/issues/9690","id":237092321,"user":{"login":"ryankane","id":1094151,"avatar_url":"https://avatars.githubusercontent.com/u/1094151?v=3","gravatar_id":"","url":"https://api.github.com/users/ryankane","html_url":"https://github.com/ryankane","followers_url":"https://api.github.com/users/ryankane/followers","following_url":"https://api.github.com/users/ryankane/following{/other_user}","gists_url":"https://api.github.com/users/ryankane/gists{/gist_id}","starred_url":"https://api.github.com/users/ryankane/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ryankane/subscriptions","organizations_url":"https://api.github.com/users/ryankane/orgs","repos_url":"https://api.github.com/users/ryankane/repos","events_url":"https://api.github.com/users/ryankane/events{/privacy}","received_events_url":"https://api.github.com/users/ryankane/received_events","type":"User","site_admin":false},"created_at":"2016-08-03T00:23:54Z","updated_at":"2016-08-03T00:23:54Z","body":"You can simply create a `<span>` with text content and a border. https://jsfiddle.net/4oy1o29y/\r\n\r\n![new](https://cloud.githubusercontent.com/assets/1094151/17349809/f97822be-58ee-11e6-899f-c51200158b85.png)\r\n\r\n## HTML\r\n\r\n```html\r\n<span class=\"logo-stack logo-sm logo-hallow\"></span>\r\n<span class=\"logo-stack logo-md logo-hallow\"></span>\r\n<span class=\"logo-stack logo-lg logo-hallow\"></span>\r\n<br />\r\n<span class=\"logo-stack logo-sm logo-filled\"></span>\r\n<span class=\"logo-stack logo-md logo-filled\"></span>\r\n<span class=\"logo-stack logo-lg logo-filled\"></span>\r\n```\r\n\r\n## CSS\r\n\r\n```css\r\n.logo-sm:before { font-size: 0.8em; }\r\n.logo-sm { margin-top: 1.25em; width: 2.5em; height: 1em; line-height: 0.9em;\r\n  border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; }\r\n.logo-md:before { font-size: 4em; }\r\n.logo-md { margin-top: 2em; width: 12.5em; height: 5em; line-height: 4.5em;\r\n  border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }\r\n.logo-lg:before { font-size: 8em; }\r\n.logo-lg { margin-top: 4em; width: 25em; height: 10em; line-height: 9em;\r\n  border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; }\r\n\r\n.logo-filled {\r\n  color: #FFFFFF;\r\n  background: #000000;\r\n}\r\n\r\n.logo-hallow {\r\n  color: #000000;\r\n  border-color: #000000;\r\n  border-style: solid;\r\n}\r\n\r\n.logo-stack {\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-family: \"Arial Black\", \"Arial Bold\", Gadget, sans-serif;\r\n  font-weight: 100;\r\n          transform: scale(1.0, 1.2); /* W3C */\r\n  -webkit-transform: scale(1.0, 1.2); /* Safari and Chrome */\r\n     -moz-transform: scale(1.0, 1.2); /* Firefox */\r\n      -ms-transform: scale(1.0, 1.2); /* IE 9 */\r\n       -o-transform: scale(1.0, 1.2); /* Opera */\r\n}\r\n\r\n.logo-stack:before {\r\n  content: \"NEW\";\r\n}\r\n```"}}
{"actor":{"display_login":"ryankane"}}