Change:
<del> $octicons-font-path: "." !default; $octicons-version:   "396334ee3da78f4302d25c758ae3e3ce5dc3c97d"; @font-face { font-family: 'octicons'; src: url('#{$octicons-font-path}/octicons.eot?#iefix&v=#{$octicons-version}') format('embedded-opentype'), url('#{$octicons-font-path}/octicons.woff?v=#{$octicons-version}') format('woff'), url('#{$octicons-font-path}/octicons.ttf?v=#{$octicons-version}') format('truetype'), url('#{$octicons-font-path}/octicons.svg?v=#{$octicons-version}#octicons') format('svg'); font-weight: normal; font-style: normal; } // .octicon is optimized for 16px. // .mega-octicon is optimized for 32px but can be used larger. .octicon, .mega-octicon { font: normal normal normal 16px/1 octicons; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mega-octicon { font-size: 32px; } .octicon-alert:before { content: 'f02d'} /*  */ .octicon-arrow-down:before { content: 'f03f'} /*  */ .octicon-arrow-left:before { content: 'f040'} /*  */ .octicon-arrow-right:before { content: 'f03e'} /*  */ .octicon-arrow-small-down:before { content: 'f0a0'} /*  */ .octicon-arrow-small-left:before { content: 'f0a1'} /*  */ .octicon-arrow-small-right:before { content: 'f071'} /*  */ .octicon-arrow-small-up:before { content: 'f09f'} /*  */ .octicon-arrow-up:before { content: 'f03d'} /*  */ .octicon-microscope:before, .octicon-beaker:before { content: 'f0dd'} /*  */ .octicon-bell:before { content: 'f0de'} /*  */ .octicon-book:before { content: 'f007'} /*  */ .octicon-bookmark:before { content: 'f07b'} /*  */ .octicon-briefcase:before { content: 'f0d3'} /*  */ .octicon-broadcast:before { content: 'f048'} /*  */ .octicon-browser:before { content: 'f0c5'} /*  */ .octicon-bug:before { content: 'f091'} /*  */ .octicon-calendar:before { content: 'f068'} /*  */ .octicon-check:before { content: 'f03a'} /*  */ .octicon-checklist:before { content: 'f076'} /*  */ .octicon-chevron-down:before { content: 'f0a3'} /*  */ .octicon-chevron-left:before { content: 'f0a4'} /*  */ .octicon-chevron-right:before { content: 'f078'} /*  */ .octicon-chevron-up:before { content: 'f0a2'} /*  */ .octicon-circle-slash:before { content: 'f084'} /*  */ .octicon-circuit-board:before { content: 'f0d6'} /*  */ .octicon-clippy:before { content: 'f035'} /*  */ .octicon-clock:before { content: 'f046'} /*  */ .octicon-cloud-download:before { content: 'f00b'} /*  */ .octicon-cloud-upload:before { content: 'f00c'} /*  */ .octicon-code:before { content: 'f05f'} /*  */ .octicon-color-mode:before { content: 'f065'} /*  */ .octicon-comment-add:before, .octicon-comment:before { content: 'f02b'} /*  */ .octicon-comment-discussion:before { content: 'f04f'} /*  */ .octicon-credit-card:before { content: 'f045'} /*  */ .octicon-dash:before { content: 'f0ca'} /*  */ .octicon-dashboard:before { content: 'f07d'} /*  */ .octicon-database:before { content: 'f096'} /*  */ .octicon-clone:before, .octicon-desktop-download:before { content: 'f0dc'} /*  */ .octicon-device-camera:before { content: 'f056'} /*  */ .octicon-device-camera-video:before { content: 'f057'} /*  */ .octicon-device-desktop:before { content: 'f27c'} /*  */ .octicon-device-mobile:before { content: 'f038'} /*  */ .octicon-diff:before { content: 'f04d'} /*  */ .octicon-diff-added:before { content: 'f06b'} /*  */ .octicon-diff-ignored:before { content: 'f099'} /*  */ .octicon-diff-modified:before { content: 'f06d'} /*  */ .octicon-diff-removed:before { content: 'f06c'} /*  */ .octicon-diff-renamed:before { content: 'f06e'} /*  */ .octicon-ellipsis:before { content: 'f09a'} /*  */ .octicon-eye-unwatch:before, .octicon-eye-watch:before, .octicon-eye:before { content: 'f04e'} /*  */ .octicon-file-binary:before { content: 'f094'} /*  */ .octicon-file-code:before { content: 'f010'} /*  */ .octicon-file-directory:before { content: 'f016'} /*  */ .octicon-file-media:before { content: 'f012'} /*  */ .octicon-file-pdf:before { content: 'f014'} /*  */ .octicon-file-submodule:before { content: 'f017'} /*  */ .octicon-file-symlink-directory:before { content: 'f0b1'} /*  */ .octicon-file-symlink-file:before { content: 'f0b0'} /*  */ .octicon-file-text:before { content: 'f011'} /*  */ .octicon-file-zip:before { content: 'f013'} /*  */ .octicon-flame:before { content: 'f0d2'} /*  */ .octicon-fold:before { content: 'f0cc'} /*  */ .octicon-gear:before { content: 'f02f'} /*  */ .octicon-gift:before { content: 'f042'} /*  */ .octicon-gist:before { content: 'f00e'} /*  */ .octicon-gist-secret:before { content: 'f08c'} /*  */ .octicon-git-branch-create:before, .octicon-git-branch-delete:before, .octicon-git-branch:before { content: 'f020'} /*  */ .octicon-git-commit:before { content: 'f01f'} /*  */ .octicon-git-compare:before { content: 'f0ac'} /*  */ .octicon-git-merge:before { content: 'f023'} /*  */ .octicon-git-pull-request-abandoned:before, .octicon-git-pull-request:before { content: 'f009'} /*  */ .octicon-globe:before { content: 'f0b6'} /*  */ .octicon-graph:before { content: 'f043'} /*  */ .octicon-heart:before { content: '2665'} /* ♥ */ .octicon-history:before { content: 'f07e'} /*  */ .octicon-home:before { content: 'f08d'} /*  */ .octicon-horizontal-rule:before { content: 'f070'} /*  */ .octicon-hubot:before { content: 'f09d'} /*  */ .octicon-inbox:before { content: 'f0cf'} /*  */ .octicon-info:before { content: 'f059'} /*  */ .octicon-issue-closed:before { content: 'f028'} /*  */ .octicon-issue-opened:before { content: 'f026'} /*  */ .octicon-issue-reopened:before { content: 'f027'} /*  */ .octicon-jersey:before { content: 'f019'} /*  */ .octicon-key:before { content: 'f049'} /*  */ .octicon-keyboard:before { content: 'f00d'} /*  */ .octicon-law:before { content: 'f0d8'} /*  */ .octicon-light-bulb:before { content: 'f000'} /*  */ .octicon-link:before { content: 'f05c'} /*  */ .octicon-link-external:before { content: 'f07f'} /*  */ .octicon-list-ordered:before { content: 'f062'} /*  */ .octicon-list-unordered:before { content: 'f061'} /*  */ .octicon-location:before { content: 'f060'} /*  */ .octicon-gist-private:before, .octicon-mirror-private:before, .octicon-git-fork-private:before, .octicon-lock:before { content: 'f06a'} /*  */ .octicon-logo-github:before { content: 'f092'} /*  */ .octicon-mail:before { content: 'f03b'} /*  */ .octicon-mail-read:before { content: 'f03c'} /*  */ .octicon-mail-reply:before { content: 'f051'} /*  */ .octicon-mark-github:before { content: 'f00a'} /*  */ .octicon-markdown:before { content: 'f0c9'} /*  */ .octicon-megaphone:before { content: 'f077'} /*  */ .octicon-mention:before { content: 'f0be'} /*  */ .octicon-milestone:before { content: 'f075'} /*  */ .octicon-mirror-public:before, .octicon-mirror:before { content: 'f024'} /*  */ .octicon-mortar-board:before { content: 'f0d7'} /*  */ .octicon-mute:before { content: 'f080'} /*  */ .octicon-no-newline:before { content: 'f09c'} /*  */ .octicon-octoface:before { content: 'f008'} /*  */ .octicon-organization:before { content: 'f037'} /*  */ .octicon-package:before { content: 'f0c4'} /*  */ .octicon-paintcan:before { content: 'f0d1'} /*  */ .octicon-pencil:before { content: 'f058'} /*  */ .octicon-person-add:before, .octicon-person-follow:before, .octicon-person:before { content: 'f018'} /*  */ .octicon-pin:before { content: 'f041'} /*  */ .octicon-plug:before { content: 'f0d4'} /*  */ .octicon-repo-create:before, .octicon-gist-new:before, .octicon-file-directory-create:before, .octicon-file-add:before, .octicon-plus:before { content: 'f05d'} /*  */ .octicon-primitive-dot:before { content: 'f052'} /*  */ .octicon-primitive-square:before { content: 'f053'} /*  */ .octicon-pulse:before { content: 'f085'} /*  */ .octicon-question:before { content: 'f02c'} /*  */ .octicon-quote:before { content: 'f063'} /*  */ .octicon-radio-tower:before { content: 'f030'} /*  */ .octicon-repo-delete:before, .octicon-repo:before { content: 'f001'} /*  */ .octicon-repo-clone:before { content: 'f04c'} /*  */ .octicon-repo-force-push:before { content: 'f04a'} /*  */ .octicon-gist-fork:before, .octicon-repo-forked:before { content: 'f002'} /*  */ .octicon-repo-pull:before { content: 'f006'} /*  */ .octicon-repo-push:before { content: 'f005'} /*  */ .octicon-rocket:before { content: 'f033'} /*  */ .octicon-rss:before { content: 'f034'} /*  */ .octicon-ruby:before { content: 'f047'} /*  */ .octicon-screen-full:before { content: 'f066'} /*  */ .octicon-screen-normal:before { content: 'f067'} /*  */ .octicon-search-save:before, .octicon-search:before { content: 'f02e'} /*  */ .octicon-server:before { content: 'f097'} /*  */ .octicon-settings:before { content: 'f07c'} /*  */ .octicon-shield:before { content: 'f0e1'} /*  */ .octicon-log-in:before, .octicon-sign-in:before { content: 'f036'} /*  */ .octicon-log-out:before, .octicon-sign-out:before { content: 'f032'} /*  */ .octicon-squirrel:before { content: 'f0b2'} /*  */ .octicon-star-add:before, .octicon-star-delete:before, .octicon-star:before { content: 'f02a'} /*  */ .octicon-stop:before { content: 'f08f'} /*  */ .octicon-repo-sync:before, .octicon-sync:before { content: 'f087'} /*  */ .octicon-tag-remove:before, .octicon-tag-add:before, .octicon-tag:before { content: 'f015'} /*  */ .octicon-telescope:before { content: 'f088'} /*  */ .octicon-terminal:before { content: 'f0c8'} /*  */ .octicon-three-bars:before { content: 'f05e'} /*  */ .octicon-thumbsdown:before { content: 'f0db'} /*  */ .octicon-thumbsup:before { content: 'f0da'} /*  */ .octicon-tools:before { content: 'f031'} /*  */ .octicon-trashcan:before { content: 'f0d0'} /*  */ .octicon-triangle-down:before { content: 'f05b'} /*  */ .octicon-triangle-left:before { content: 'f044'} /*  */ .octicon-triangle-right:before { content: 'f05a'} /*  */ .octicon-triangle-up:before { content: 'f0aa'} /*  */ .octicon-unfold:before { content: 'f039'} /*  */ .octicon-unmute:before { content: 'f0ba'} /*  */ .octicon-versions:before { content: 'f064'} /*  */ .octicon-watch:before { content: 'f0e0'} /*  */ .octicon-remove-close:before, .octicon-x:before { content: 'f081'} /*  */ .octicon-zap:before { content: '26A1'} /* ⚡ */ </del>

Discussion:
Related to This issue is to track the progress of updating our version of (3.1.0) to the latest version (8.2.0). We'll need to create the work to convert the latest versions (svg) back into an icon font. Below are the requirements for this work: [x] Convert svgs into icon font [x] Include backward compatibility [x] Map old unicodes to new icons [x] Remove unnecessary font files [x] Add/update proper licenses [x] Test new icon font Working branch can be found under . Below is a list of the new additions: - - - - - - - - - - Please refer to for a full list of updates. :octocat: :heart:
Is this also going to address ?
this is only for addressing Octicons, which are only used in the status bar. will be likely be address when we get to , which I'm hoping to start on this iteration.

Unfortunately not so easy because some octicons have been removed and hence updating might likely break some extensions that rely on them
Is there a plan going forwards with this? I just tried to use an octicon and it came up blank. I couldn't work out why until I checked the versions being used, which led me here. From the change log, it looks like some of the removed icons are just renamed. Would it be possible to add a simple 'redirect' to return the new icon if the old name is used? Similarly, if an icon has genuinely been removed, could a placeholder be returned? In fact, it would probably be nicer to return something if a bad icon is named, rather than leaving a blank space.
Hm... Do you have a pointer/release notes that describe these changes?
I was just looking through here:
Yeah, so I believe we would miss two icons and we might wanna risk that... For the other we have alternatives in place... No promises, stretch for June (also accepting PRs)
Great - thanks!
So, this would be the compat table and the good news is that no extension seems to use those three removed icons. The bad news is that octicons are now shipped as npm module which we cannot consume at the level at which we define the
we already have all the octicon resources checked in to our sources, so why is the fact that Octicons now ship as an NPM module an issue for us moving forward? Can we not just do the same? !
Yeah, copying the node-module isn't the blocker, tho weird, the issue is more that it's not a font anymore but 150+ svg-files which we need to bundle in a clever way.
Maybe has an idea on how to do that. I wonder if we can convert the set back to a font so that it is easy for us to consume it as we did before.
and I talked about how to convert the new svgs back into an icon font. We'd need to setup a project (probably in node) that would have the right modules to convert svgs into icons.

but we'd need to: Format the octicons file names to include their unicode Format the less/sass templates to match the old styles format Audit the changes from the old version of Octicons (renames/deletions/additions) Map all of the changes Also create local ttf file for users to install This would take some time to setup, but nonetheless it is very hacky. Github has already so this would be a patch that we'd need to maintain. One last thing to consider is if in the future we decide to create our own icon set (related to ) then this would be deprecated. I'd be in favor of putting our efforts into creating our own icon set that can be consumed by everyone.