跳到内容
outline Apache-2.0 2 个矢量节点
Github - IconPark iconFree Github vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px 静态
1. 颜色

在您选择新颜色之前,系统会完整保留图标的原始默认颜色。

2. 画布背景与变换
3. 实时矢量动画预设 包含在 SVG 导出中
IconPark | 用户界面 (UI/UX) | viewBox="0 0 48 48" | 可免费商用

Github - 矢量与 3D 图标

来源、作者和许可可在预览和图标详情中查看。 Github - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理

矢量与高清位图即时下载
在您选择新颜色之前,系统会完整保留图标的原始默认颜色。 github.svg (1,913 B)
面向开发者和前端框架的快速复制
实时代码输出
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Github icon"><title>Github - IconPark icon</title><desc>Free Github vector icon from the IconPark open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1833 45.4716C18.9898 45.2219 18.9898 42.9973 19.1833 38.798C17.1114 38.8696 15.8024 38.7258 15.2563 38.3667C14.437 37.828 13.6169 36.1667 12.8891 34.9959C12.1614 33.8251 10.5463 33.64 9.89405 33.3783C9.24182 33.1165 9.07809 32.0496 11.6913 32.8565C14.3044 33.6634 14.4319 35.8607 15.2563 36.3745C16.0806 36.8883 18.0515 36.6635 18.9448 36.2519C19.8382 35.8403 19.7724 34.3078 19.9317 33.7007C20.1331 33.134 19.4233 33.0083 19.4077 33.0037C18.5355 33.0037 13.9539 32.0073 12.6955 27.5706C11.437 23.134 13.0581 20.2341 13.9229 18.9875C14.4995 18.1564 14.4485 16.3852 13.7699 13.6737C16.2335 13.3589 18.1347 14.1343 19.4734 16.0001C19.4747 16.0108 21.2285 14.9572 24.0003 14.9572C26.772 14.9572 27.7553 15.8154 28.5142 16.0001C29.2731 16.1848 29.88 12.7341 34.5668 13.6737C33.5883 15.5969 32.7689 18.0001 33.3943 18.9875C34.0198 19.9749 36.4745 23.1147 34.9666 27.5706C33.9614 30.5413 31.9853 32.3523 29.0384 33.0037C28.7005 33.1115 28.5315 33.2855 28.5315 33.5255C28.5315 33.8856 28.9884 33.9249 29.6465 35.6117C30.0853 36.7362 30.117 39.948 29.7416 45.247C28.7906 45.4891 28.0508 45.6516 27.5221 45.7347C26.5847 45.882 25.5669 45.9646 24.5669 45.9965C23.5669 46.0284 23.2196 46.0248 21.837 45.8961C20.9154 45.8103 20.0308 45.6688 19.1833 45.4716Z" fill="black"/>
</svg>
AI 提示词与矢量优化

想改进或改造这个图标吗? Github

生成精确的工程提示词,或者立即在画布上优化图标。 Github

提示词生成 100% 在浏览器完成
Github Free SVG Vector Icon - IconPark (Apache-2.0)
来源与许可核验 LICENSE.txt

Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | 无需注册登录 | 100% 浏览器本地处理

关键词
#github #iconpark #interface #outline #github svg #github icon #github iconpark #github react tsx #github vue #github png
您的语言热门搜索
免费SVG图标下载 矢量图标库免费商用 SVG转PNG在线工具 免费在线SVG编辑器 3D矢量图标 SVG代码压缩优化 React Vue SVG组件导出 CSS SVG动画教程 svg 图标库 免费图标包

Github - 矢量技术规格

来源、作者和许可可在预览和图标详情中查看。 Github

标准资源标识 iconpark/github
来源图标库包 IconPark
坐标网格与 viewBox viewBox="0 0 48 48"
未压缩体积 1,913 bytes (~1,052 bytes gzipped)
SPDX 许可与商业使用 Apache-2.0 - 可免费商用
支持的导出格式 SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
安全与隐私保证 无需注册登录 | 100% 浏览器本地处理

如何使用和自定义这个图标: Github

  1. 可视化自定义: 颜色, 自动(描边和填充), 描边粗细 (0.5px-4px), 实时矢量动画预设
  2. 下载矢量或位图: 下载 SVG, PNG(透明), WebP(已优化) (2048x2048 px)
  3. 复制框架代码: 复制可直接使用的 React、Next.js、Vue 3、Svelte、Angular、HTML 和 CSS 蒙版代码。
  4. 深度矢量编辑: 在 SVG 编辑器中编辑 (76,166)
无障碍提示 (WCAG 2.1): 装饰性图标用 aria-hidden 与 focusable false 隐藏。只有图标的按钮要给出清晰的 aria-label。面向从右到左书写的语言,把箭头水平翻转。 github.svg aria-hidden="true" focusable="false"

其他图标库中的同类图标 ("github")

与其他开源矢量库中的同一图标进行对比。

更多分类 用户界面 (UI/UX)

浏览

探索更多

常见问题解答

Github - 常见问题解答

Github SVG 图标可以免费用于商业用途吗? +

可以,来自 IconPark 图库的 Github 图标采用 Apache-2.0 许可证,可免费用于商业网站和应用。

Github 图标在下载时会保留默认原始颜色吗? +

是的,除非您在编辑器中主动选择新颜色,否则 Github 会保留原始颜色设置。

如何在 React 或 Vue 中使用 Github 图标? +

在本页打开 React TSX 或 Vue 3 标签,点击 Copy SVG。把组件粘贴到你的项目里,用 CSS 或 Tailwind 设置样式。

我可以将 Github 下载为透明 PNG 图片吗? +

可以,选择最高 2048px 的尺寸并点击“下载 PNG”即可生成高清透明图片。

如何使用 CSS 为 Github 图标添加动画? +

在实时编辑器中点击任意动画预设,导出的 SVG 会自动包含 CSS 关键帧代码。

我可以为 Github 生成 AI 绘画提示词吗? +

可以,使用本页面的 AI 提示词生成器即可获取 3D 粘土、毛玻璃或霓虹风格提示词。

Github 图标可以调整大小而不损失清晰度吗? +

可以。Github 是带可缩放 viewBox 的矢量文件,在 16px、64px、512px 或任何印刷尺寸下都清晰。

Github 文件有问题该去哪里反馈? +

请把图标网址发到 support@svgnexus.com。关于 Github 的许可问题请联系 legal@svgnexus.com。

100% 浏览器本地处理 | 76,166 个图标

SVG 编辑器

在浏览器中编辑路径、图层、颜色和动画,然后导出干净的 SVG、PNG 或框架代码。

输入内容以搜索 76,166 个矢量图标...

方向键移动 | Enter 打开 浏览全部图标

对比

图标来源与许可

许可 商业使用 署名 修改与改色
MIT允许包内附通知允许
ISC允许包内附通知允许
Apache-2.0允许需附通知文件允许
CC BY 4.0允许必须署名允许
CC-BY-SA-4.0允许相同方式共享相同方式共享
Trademark / Brand仅限指代性使用持有者规范受限

图标预览