새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
Github - 벡터와 3D 아이콘
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Github - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리
<svg id="i-github" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="36" height="36" fill="currentColor" role="img" aria-label="Github icon"><title>Github - Bytesize Icons icon</title><desc>Free Github vector icon from the Bytesize Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path stroke-width="0" fill="currentColor" d="M32 0 C14 0 0 14 0 32 0 53 19 62 22 62 24 62 24 61 24 60 L24 55 C17 57 14 53 13 50 13 50 13 49 11 47 10 46 6 44 10 44 13 44 15 48 15 48 18 52 22 51 24 50 24 48 26 46 26 46 18 45 12 42 12 31 12 27 13 24 15 22 15 22 13 18 15 13 15 13 20 13 24 17 27 15 37 15 40 17 44 13 49 13 49 13 51 20 49 22 49 22 51 24 52 27 52 31 52 42 45 45 38 46 39 47 40 49 40 52 L40 60 C40 61 40 62 42 62 45 62 64 53 64 32 64 14 50 0 32 0 Z" />
</svg>
이 아이콘을 개선하거나 새로 꾸밀까요? Github
정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. Github
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | 회원가입 불필요 | 100% 브라우저 로컬 처리
Github - 벡터 기술 사양
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Github
| 표준 자료 식별자 | bytesize/github |
|---|---|
| 원본 라이브러리 팩 | Bytesize Icons |
| 좌표 격자와 viewBox | viewBox="0 0 64 64" |
| 비압축 용량 | 810 bytes (~446 bytes gzipped) |
| SPDX 라이선스와 상업적 사용 | MIT - 상업적 사용 무료 |
| 지원하는 내보내기 형식 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 보안과 개인정보 보증 | 회원가입 불필요 | 100% 브라우저 로컬 처리 |
이 아이콘 사용과 꾸미기 방법: Github
- 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (
0.5px-4px), 실시간 벡터 애니메이션 프리셋 - 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (
2048x2048 px) - 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
- 깊은 벡터 편집: SVG 편집기에서 편집 (76,166)
github.svg aria-hidden="true" focusable="false"
다른 라이브러리의 같은 아이콘 ("github")
이 아이콘을 다른 오픈소스 벡터 라이브러리와 비교해 보세요.
같은 분류 사용자 인터페이스 (UI/UX)
둘러보기Outlined Content Content Add Link
Material Icons|interfaceDuotone Text B Duotone
Phosphor Icons|interfaceOutline Current Location Off
Tabler Icons|interfaceLogistics Delivery 04
Domain Icons|interfaceOutlined Content Content Add
Material Icons|interfaceDuotone Text Columns Duotone
Phosphor Icons|interfaceOutline Current Location
Tabler Icons|interfaceLogistics Delivery 05
Domain Icons|interfaceOutlined Content Content Amp Stories
Material Icons|interfaceDuotone Text H Duotone
Phosphor Icons|interfaceOutline Cursor Off
Tabler Icons|interfaceLogistics Delivery 06
Domain Icons|interface더 둘러보기
Github - 자주 묻는 질문
Github SVG 아이콘은 상업적 이용이 무료인가요? +
네, Bytesize Icons 컬렉션의 Github 아이콘은 MIT 라이선스로 상업용 웹사이트와 앱에서 무료로 사용할 수 있습니다.
Github 아이콘을 다운로드할 때 원본 색상이 유지되나요? +
네, 편집기에서 새 색상을 선택하지 않으면 Github의 기본 색상이 그대로 유지됩니다.
React나 Vue에서 Github 아이콘을 어떻게 사용하나요? +
이 페이지에서 React TSX 또는 Vue 3 탭을 열고 Copy SVG 를 클릭하세요. 컴포넌트를 프로젝트에 붙여 넣고 CSS 나 Tailwind 로 스타일을 지정하세요.
Github 아이콘을 투명 PNG로 다운로드할 수 있나요? +
네, 최대 2048px까지 크기를 선택하고 'PNG 다운로드'를 클릭하세요.
Github 아이콘에 CSS 애니메이션을 적용하려면? +
라이브 편집기에서 애니메이션을 선택하면 CSS 키프레임이 자동으로 포함됩니다.
Github 아이콘의 AI 프롬프트를 생성할 수 있나요? +
네, 이 페이지의 AI 프롬프트 생성기로 3D, 글래스, 네온 스타일 프롬프트를 만들 수 있습니다.
Github 아이콘을 화질 저하 없이 크기 조절할 수 있나요? +
가능합니다. Github 파일은 확장 가능한 viewBox를 가진 벡터라 16px, 64px, 512px, 인쇄에서도 선명합니다.
Github 파일 문제는 어디에 알리나요? +
아이콘 주소와 함께 support@svgnexus.com 으로 보내 주세요. Github 라이선스 문의는 legal@svgnexus.com 입니다.
SVG 편집기
브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.