{"action":"created","issue":{"url":"https://api.github.com/repos/vmware/clarity/issues/596","repository_url":"https://api.github.com/repos/vmware/clarity","labels_url":"https://api.github.com/repos/vmware/clarity/issues/596/labels{/name}","comments_url":"https://api.github.com/repos/vmware/clarity/issues/596/comments","events_url":"https://api.github.com/repos/vmware/clarity/issues/596/events","html_url":"https://github.com/vmware/clarity/issues/596","id":213996817,"number":596,"title":"\"icon\" is not found in the Clarity Icons set.","user":{"login":"jay7793","id":11994458,"avatar_url":"https://avatars1.githubusercontent.com/u/11994458?v=4","gravatar_id":"","url":"https://api.github.com/users/jay7793","html_url":"https://github.com/jay7793","followers_url":"https://api.github.com/users/jay7793/followers","following_url":"https://api.github.com/users/jay7793/following{/other_user}","gists_url":"https://api.github.com/users/jay7793/gists{/gist_id}","starred_url":"https://api.github.com/users/jay7793/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jay7793/subscriptions","organizations_url":"https://api.github.com/users/jay7793/orgs","repos_url":"https://api.github.com/users/jay7793/repos","events_url":"https://api.github.com/users/jay7793/events{/privacy}","received_events_url":"https://api.github.com/users/jay7793/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2017-03-14T08:17:50Z","updated_at":"2017-08-03T17:25:38Z","closed_at":"2017-03-14T16:24:25Z","body":"**Select one ...**  (check one with \"x\")\r\n```\r\n[ x] bug\r\n[ ] feature request\r\n[ ] enhancement\r\n```\r\n\r\n### Expected behavior\r\nI do not understand why I can use Icon just only core shapes. I'm trying to use the icons in Essential Shapes and Social Shapes. It shows the error message on console = **'half-star' error message found in the Clarity Icons set.**\r\n\r\n### Actual behavior\r\nI include the icon font with static html file. not angular project. \r\n\r\n```\r\n<link rel=\"stylesheet\" href=\"path/to/node_modules/clarity-icons/clarity-icons.min.css\">\r\n<script src=\"path/to/node_modules/clarity-icons/clarity-icons.min.js\"></script>\r\n```\r\n### Reproduction of behavior\r\n<!-- clarity-icons@0.8.10 -->\r\n\r\n### Environment details\r\n\r\n* **Static HTML file.\r\n"},"comment":{"url":"https://api.github.com/repos/vmware/clarity/issues/comments/320035884","html_url":"https://github.com/vmware/clarity/issues/596#issuecomment-320035884","issue_url":"https://api.github.com/repos/vmware/clarity/issues/596","id":320035884,"user":{"login":"Shijir","id":3958008,"avatar_url":"https://avatars3.githubusercontent.com/u/3958008?v=4","gravatar_id":"","url":"https://api.github.com/users/Shijir","html_url":"https://github.com/Shijir","followers_url":"https://api.github.com/users/Shijir/followers","following_url":"https://api.github.com/users/Shijir/following{/other_user}","gists_url":"https://api.github.com/users/Shijir/gists{/gist_id}","starred_url":"https://api.github.com/users/Shijir/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Shijir/subscriptions","organizations_url":"https://api.github.com/users/Shijir/orgs","repos_url":"https://api.github.com/users/Shijir/repos","events_url":"https://api.github.com/users/Shijir/events{/privacy}","received_events_url":"https://api.github.com/users/Shijir/received_events","type":"User","site_admin":false},"created_at":"2017-08-03T17:25:38Z","updated_at":"2017-08-03T17:25:38Z","body":"@noce2 @BeryJu If you guys use the JS version of Clarity Icons, which is `clarity-icons.min.js`, it will load all sets and icon shapes automatically. And you can load it just like a regular JS library in your app's HTML file:\r\n\r\n```\r\n<script src=\"path-to/node_modules/clarity-icons/clarity-icons.min.js\"></script>\r\n```\r\n\r\nIf you use the TS version of Clarity Icons, you have a control over which sets to import in your app. That means having `import \"clarity-icons\"` doesn't load all the shapes automatically like `clarity-icons.min.js` does. So you need to import those sets if you are using any icons from them. For example, If my app uses icons from `Social Shapes` and `Technology Shapes`, I would import them like this:\r\n\r\n```\r\nimport 'clarity-icons'; // loads only core-shapes alone and Clarity Icons API\r\nimport 'clarity-icons/shapes/social-shapes';\r\nimport 'clarity-icons/shapes/technology-shapes';\r\n```\r\n\r\nBut if your app is using shapes from all sets, \r\n```\r\nimport 'clarity-icons'; // loads only core-shapes alone and Clarity Icons API\r\nimport 'clarity-icons/shapes/all-shapes'; // loads all shapes from all sets\r\n```\r\n"}}
{"actor":{"display_login":"Shijir"}}