{"_id":"5635b294d209b50d0031dfe9","user":"5469e5dfa3b67a0e00559b06","version":{"_id":"5635b290d209b50d0031dfc4","__v":1,"project":"550a7754635c660d0052808e","createdAt":"2015-11-01T06:34:56.868Z","releaseDate":"2015-11-01T06:34:56.868Z","categories":["5635b291d209b50d0031dfc5","5635b291d209b50d0031dfc6","5635b291d209b50d0031dfc7","5635b291d209b50d0031dfc8","5635b291d209b50d0031dfc9","5635b291d209b50d0031dfca"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"0.25.0","version":"0.25"},"category":{"_id":"5635b291d209b50d0031dfc7","pages":["5635b294d209b50d0031dfdf","5635b294d209b50d0031dfe0","5635b294d209b50d0031dfe1","5635b294d209b50d0031dfe2","5635b294d209b50d0031dfe3","5635b294d209b50d0031dfe4","5635b294d209b50d0031dfe5","5635b294d209b50d0031dfe6","5635b294d209b50d0031dfe7","5635b294d209b50d0031dfe8","5635b294d209b50d0031dfe9","5635b294d209b50d0031dfea","5635b294d209b50d0031dfeb","5635b294d209b50d0031dfec"],"project":"550a7754635c660d0052808e","__v":1,"version":"5635b290d209b50d0031dfc4","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-04-09T03:24:43.474Z","from_sync":false,"order":2,"slug":"customizing-telescope","title":"Customizing Telescope"},"__v":0,"project":"550a7754635c660d0052808e","githubsync":"","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-13T07:09:36.165Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":25,"body":"You can change icons throughout Telescope one by one or all at once. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Changing Icon Symbols\"\n}\n[/block]\nOut of the box, Telescope uses the [Font Awesome](http://fortawesome.github.io/Font-Awesome/) icon font, and stores a list of icons keys and symbols in the `Telescope.utils.icons` object. \n\nFor example, by default the \"upvote\" icon uses the `chevron-up` symbol. To change the icon to use the `arrow-up` symbol instead, you would type:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"Telescope.utils.icons.upvote = \\\"arrow-up\\\";\",\n      \"language\": \"javascript\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Changing the Icon Function\"\n}\n[/block]\nIf you prefer not to use FontAwesome at all, you can do so by overriding the `Telescope.utils.getIcon` function found in [`icons.js`](https://github.com/TelescopeJS/Telescope/blob/devel/packages/telescope-lib/lib/icons.js). \n\nJust replace it with your own custom function that takes in an `iconName` argument (and an optional `iconClass` argument) and returns the markup used to display the icon.","excerpt":"","slug":"custom-icons","type":"basic","title":"Custom Icons"}
You can change icons throughout Telescope one by one or all at once. [block:api-header] { "type": "basic", "title": "Changing Icon Symbols" } [/block] Out of the box, Telescope uses the [Font Awesome](http://fortawesome.github.io/Font-Awesome/) icon font, and stores a list of icons keys and symbols in the `Telescope.utils.icons` object. For example, by default the "upvote" icon uses the `chevron-up` symbol. To change the icon to use the `arrow-up` symbol instead, you would type: [block:code] { "codes": [ { "code": "Telescope.utils.icons.upvote = \"arrow-up\";", "language": "javascript" } ] } [/block] [block:api-header] { "type": "basic", "title": "Changing the Icon Function" } [/block] If you prefer not to use FontAwesome at all, you can do so by overriding the `Telescope.utils.getIcon` function found in [`icons.js`](https://github.com/TelescopeJS/Telescope/blob/devel/packages/telescope-lib/lib/icons.js). Just replace it with your own custom function that takes in an `iconName` argument (and an optional `iconClass` argument) and returns the markup used to display the icon.