- Home
- Icon Libraries
- Octicons
On the recordRead 9 Oct 202623 facts
Octicons
San Francisco
On the record
- Accessibility
- React icons are decorative by default; the documentation recommends an accessible name when an icon alone conveys essential meaning.primer.style · read 9 Oct 2026
- Color
- Icon fills use `currentColor` by default and can adapt to theme colors through CSS variables.primer.style · read 9 Oct 2026
- Color behavior
- React and Rails examples say icons inherit `currentColor` by default so they follow surrounding text and theme colors.primer.style · read 9 Oct 2026
- Design guidance
- The design guidelines specify 16px and 24px versions for each icon and a consistent 1.5px stroke width.primer.style · read 9 Oct 2026
- Design tool integration
- The icon pages document Figma usage by naming the icon in Primer's Octicons library.primer.style · read 9 Oct 2026
- Direct use
- The site says you can obtain SVGs from the primer/octicons repository and render them manually.primer.style · read 9 Oct 2026
- Feedback
- The repository directs users to open an issue for bugs, feedback, or ideas about the Octicon library.github.com · read 9 Oct 2026
- Formats
- Octicons are provided as SVGs.primer.style · read 9 Oct 2026
- Icon library
- The library groups icons into categories including Symbols, Objects, Developer, Feed, People, and Logos.primer.style · read 9 Oct 2026
- Intended use
- The usage guide recommends icons for simple, recognizable concepts or actions and advises supplementing them with text where possible.primer.style · read 9 Oct 2026
- License
- The repository license page identifies the code license as MIT and grants permission to use, copy, modify, distribute, sublicense, and sell copies subject to its terms.github.com · read 9 Oct 2026
- Maintainer
- Primer says GitHub's Design Infrastructure and Design Engineering teams build and maintain Primer, including Octicons.primer.style · read 9 Oct 2026
- Maker
- The site describes Octicons as handcrafted by GitHub and calls Primer GitHub's design system.primer.style · read 9 Oct 2026
- Other usage
- The documentation says SVGs can be manually rendered in an application, and individual icon pages provide Jekyll examples.primer.style · read 9 Oct 2026
- Rails
- Rails projects can use Octicons through the Primer ViewComponents gem.primer.style · read 9 Oct 2026
- React
- The React package is installed with `npm install @primer/octicons-react`.primer.style · read 9 Oct 2026
- Security
- The repository security page says no security policy is detected and no security advisories are published.github.com · read 9 Oct 2026
- Sizing
- React icons accept a pixel size and default to 16px.primer.style · read 9 Oct 2026
