primer/octicons
GitHub 自家制作的可缩放 SVG 图标库,提供 JavaScript、React 和 Ruby 多种封装。
- Star
- 8,775
- Fork
- 849
- 未关闭 Issue
- 1
- 最近提交
- 11小时前
这是什么?
Octicons 是 GitHub 自家制作的图标集,以 SVG 形式提供,并附带多种语言的封装库,便于在不同技术栈中使用。仓库包含 Node.js 包(提供 JavaScript API)、React 组件、带 Styled System 属性的 React 版本,以及 Ruby gem、Rails helper 和 Jekyll 插件。
每个图标都提供 16px 和 24px 两种尺寸的图形。对于已重命名的图标,库中保留了兼容名称和废弃别名,旧代码的调用不会失效。JavaScript 和 Ruby 封装在未指定宽高时默认输出 24px 图形。
代码部分采用 MIT 许可证,其中的 GitHub 标识则需遵循 GitHub 的单独标识使用规范。
核心功能
- 01提供 16px 和 24px 两种尺寸的 SVG 图标。
- 02提供 Node.js JavaScript API 用于生成图标标记。
- 03包含 React 组件,并有带 Styled System 属性的版本。
- 04提供 Ruby gem、Rails helper 和 Jekyll 插件。
- 05通过兼容别名保证已废弃的图标名称仍可使用。
适用场景
- 在 React 或 Node.js 网页界面中加入 GitHub 风格图标。
- 通过 helper gem 在 Rails 应用中渲染图标。
- 为需要内联图标的 Jekyll 静态站点添加图标。
快速上手
- 1
从“Libraries”部分选择一个库包(JavaScript 或 Ruby)
- 2
阅读该库的 README 以了解安装和使用方法
标签
常见问题
- octicons 是什么?
- GitHub 自家制作的可缩放 SVG 图标库,提供 JavaScript、React 和 Ruby 多种封装。 Octicons 是 GitHub 自家制作的图标集,以 SVG 形式提供,并附带多种语言的封装库,便于在不同技术栈中使用。仓库包含 Node.js 包(提供 JavaScript API)、React 组件、带 Styled System 属性的 React 版本,以及 Ruby gem、Rails helper 和 Jekyll 插件。
- octicons 可以免费使用吗?用的什么许可证?
- octicons 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- octicons 还在维护吗?
- 活跃维护中。octicons 最近一次提交是在 2026年11月6日。
- octicons 适合用来做什么?
- 在 React 或 Node.js 网页界面中加入 GitHub 风格图标。 通过 helper gem 在 Rails 应用中渲染图标。 为需要内联图标的 Jekyll 静态站点添加图标。
- octicons 怎么安装和运行?
- 从“Libraries”部分选择一个库包(JavaScript 或 Ruby) 阅读该库的 README 以了解安装和使用方法
- 在哪里获取 octicons?
- 源代码和安装说明在 GitHub 上:https://github.com/primer/octicons
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
微软开源的 Fluent UI 系统图标库,提供 Android、iOS/macOS、Flutter 和纯 SVG 多种接入方式。
一套免费的 MIT 协议手绘风格图标,共 204 个,支持描边动画与抖动效果,并提供 React 组件。
免费开源的中性风格 UI 图标库,收录 3900 多个图标,面向 AI、云与 Web 产品,提供 React 和 Vue 组件。
为 Longbridge GPUI Kit 应用提供全部 4359 个 Google Material Symbols 图标的 Rust 库。
开源图标库,提供 1600 多个风格统一的 SVG 图标,并有 React、Vue 等多框架官方包。