Octicons by GitHub

Tom Fejer

Octicons

octicons

Octicons are a set of SVG icons built by GitHub for GitHub. The vectors for all the icons are stored in a Figma file.

Github Octicons
octicons.github.com

Octicons for React
@githubprimer/octicons-react

Framer X Octicon Components

Control Name Control Type Info
icon String Control string - that takes a lowercase octicon name (such as arrow-right) and returns the corresponding icon class
text String Control string - optional text
color Color Control color - icon color
size Segmented Enum small / medium / large - 16px / 32px / 64px height
verticalAlign Enum Control middle / text-bottom / text-top top - By default the octicons have vertical-align: text-bottom; applied as inline styles

😓 Known issues

  • OcticonSmall has a paddingTop overwrite to fix vertical misalignment ↑

License

ⓒ GitHub, Inc.

When using the GitHub logos, be sure to follow the GitHub logo guidelines.

Code License: MIT
Applies to all other files

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree