Skip to main content

Iconography

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. Icons at GitHub represent objects, ideas and workflows. Some icons convey actions and interactivity and others support and represent complex concepts.

View Octicons
A visual example of GitHub's iconography in a grid format, with the GitHub Green color and a selection of secondary colors.

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.

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