Iconography

Icons at GitHub represent objects, ideas and workflows. Some icons convey actions and interactivity and others support and represent complex concepts.

Our open-source icon library is called the Octicon Library. It is included in Primer, with icons meant to serve GitHub’s needs across product.



Octicon library

A grid of 240 small icons representing different user actions and product areas. They are black on a white background.


Usage

Octicons are our open source icons that are typically used in the GitHub product. In a brand context, we use them to give text visual flair and a relationship to its content, such as custom bullet points or bento box flairs in our blog.

A black square asset featuring a paragraph of small text set in gray above three lines of larger text set in white. The paragraph of small text reads "Universe brings together the world’s developers, enterprise leaders, and security professionals for two days of interactive sessions on AI,security, and the developer experience. Come for the learning, stay for the fun. We’ll see you there!" There are colorful icons interspersed into the copy to create visual interest and punctuate the product areas mentioned. The large text underneath reads "AI, Security, Developer Experience" and each line is paired with a colorful icon.

A composition of 4 square web cards featuring "Engineering," "GitHub Copilot," "ReadMe Prpject," and "GitHub Actions" respectively with links that say "Learn more" under a brief descriptive sentence for each. Above the heading on each card is a colorful icon representing the topic of the card.


Octicons as key art

In our flagship annual event, GitHub Universe, additional sub-branding was required to distinguish content categories from one another to break out the event into its various topics. This is a rare example of using Octicons as key art. Here you see the Octicon illustrations taking center stage in compositions.

Three illustration compositions featuring various abstract shapes surrounding a central stylized Octicon. The first composition is pink and features a pull request Octicon. The second composition is blue and features a security Octicon. The third composition is purply and features a Copilot Octicon.