Say Hello to Octicons
Some of the icons on our site have been the same since we launched 4 years ago. With metaphors that just barely fit what we needed them to, we felt…
Some of the icons on our site have been the same since we launched 4 years ago. With metaphors that just barely fit what we needed them to, we felt like new icons were long overdue. That’s why we are extremely excited to ship our new icon font Octicons today.
We try to leverage CSS3 techniques like rounded corners, gradients, and @font-face
across all pages of the site. This allows us to focus more on what we can render in the browser, and less on images. This results in better page loads and an overall better experience for you.
Not only are we concerned with speed, but also clarity. With the introduction of new retina screen products, we realize that it’s more important than ever to have our site beautiful at any zoom level.
That’s why we created Octicons, a custom icon font for use on GitHub.com and GitHub products.
Designing the Visual Language
At GitHub we are designing for an entirely new visual language. Repositories, Pull Requests, Commits. These terminologies don’t exist in very many places across the web. Without canonical metaphors for these concepts we were tasked with coming up with accessible imagery to accurately convey these relatively obscure ideas. One of the most important concepts we needed to illustrate was the idea of a repository.
Some would say that a repository is storage — a place where you store your code — somewhat like a box. At GitHub repositories are much more than that. A repository is the history of your project. All the tools that GitHub provides (commits, pull requests, issues, wiki) combine into a story: a story about how your project has changed over time. We feel the best way to represent this idea is with a journal.
A Team Effort
It took a lot of minds to create these icons. @bryanveloso got the project both rocking and rolling with scores of ideas and sketches for the new metaphors. @cameronmcefee bent Photoshop to his will to bring the icons to life. From there @jonrohan, @cameronmcefee and @jasoncostello dove into Glyphs, discovered how to use it to perfect the icons. Finally, @jonrohan, @kneath, and @cameronmcefee meticulously updated every icon on GitHub, finding some amazing gifs along the way.
We hope you love Octicons as much as we do.
Written by
Related posts
![](https://github.blog/wp-content/uploads/2023/10/Collaboration-DarkMode-2.png?resize=400%2C212)
2024 is the biggest global election year in history. What’s at stake for developers?
GitHub is considering what is at stake for our users and platform, how we can take responsible action to support free and fair elections, and how developers contribute to resilient democratic processes.
![](https://github.blog/wp-content/uploads/2023/10/AI-DarkMode-2.png?resize=400%2C212)
GitHub named a Leader in the Gartner first-ever Magic Quadrant for AI Code Assistants
This year, as part of its annual Magic Quadrant series, Gartner published a first-of-its-kind report analyzing the state of play in the AI Code Assistants market–and named GitHub a Leader.
![AI in software development 2024 survey results with colorful graphics and percentages.](https://github.blog/wp-content/uploads/2024/08/ai-survey-header.png?resize=400%2C212)
Survey: The AI wave continues to grow on software development teams
We surveyed 2,000 people on software development teams at enterprises in the U.S., Brazil, India, and Germany about the use, experience, and expectations around generative AI tools in software development.