新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
Github - ベクターと3Dのアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Github - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512" width="36" height="36" fill="currentColor" role="img" aria-label="Github icon"><title>Github - Dashboard Icons icon</title><desc>Free Github vector icon from the Dashboard Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M256 6.3C114.6 6.3 0 120.9 0 262.3c0 113.3 73.3 209 175 242.9 12.8 2.2 17.6-5.4 17.6-12.2 0-6.1-.3-26.2-.3-47.7-64.3 11.8-81-15.7-86.1-30.1-2.9-7.4-15.4-30.1-26.2-36.2-9-4.8-21.8-16.6-.3-17 20.2-.3 34.6 18.6 39.4 26.2 23 38.7 59.8 27.8 74.6 21.1 2.2-16.6 9-27.8 16.3-34.2-57-6.4-116.5-28.5-116.5-126.4 0-27.8 9.9-50.9 26.2-68.8-2.6-6.4-11.5-32.6 2.6-67.8 0 0 21.4-6.7 70.4 26.2 20.5-5.8 42.2-8.6 64-8.6s43.5 2.9 64 8.6c49-33.3 70.4-26.2 70.4-26.2 14.1 35.2 5.1 61.4 2.6 67.8 16.3 17.9 26.2 40.6 26.2 68.8 0 98.2-59.8 120-116.8 126.4 9.3 8 17.3 23.4 17.3 47.4 0 34.2-.3 61.8-.3 70.4 0 6.7 4.8 14.7 17.6 12.2C438.7 471.3 512 375.3 512 262.3c0-141.4-114.6-256-256-256" style="fill-rule:evenodd;clip-rule:evenodd;fill:#1b1f23"/></svg>
このアイコンを改善または作り変えますか? Github
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Github
Library: Dashboard Icons | Author: Homarr Labs and contributors | License: Apache-2.0 | 登録不要 | 100%ブラウザ完結処理
Github - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Github
| 正規の識別子 | dashboard-icons/github |
|---|---|
| 元のライブラリパック | Dashboard Icons |
| 座標グリッドと viewBox | viewBox="0 0 512 512" |
| 非圧縮のサイズ | 1,085 bytes (~597 bytes gzipped) |
| SPDXライセンスと商用利用 | Apache-2.0 - 商用利用も無料 |
| 対応する書き出し形式 | 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")
このアイコンを他のオープンソースベクターライブラリと比較できます。
同じカテゴリの ブランド&テックロゴ
見るPolaris
Dashboard Icons|brandsPolarisoffice
Dashboard Icons|brandsPolicycontroller
Dashboard Icons|brandsPoly
Dashboard Icons|brandsPolywork
Dashboard Icons|brandsPoolside Ai
Dashboard Icons|brandsPortabase Dark
Dashboard Icons|brandsPortabase Light
Dashboard Icons|brandsPortabase Wordmark Dark
Dashboard Icons|brandsPortabase Wordmark Light
Dashboard Icons|brandsPortabase
Dashboard Icons|brandsPortainer Alt
Dashboard Icons|brandsさらに見る
Github - よくある質問
Github のSVGアイコンは商用利用無料ですか? +
はい、Dashboard Icons コレクションの Github アイコンは Apache-2.0 ライセンスの下で商用サイトやアプリに無料で使用できます。
Github アイコンはダウンロード時に元の色を保持しますか? +
はい、エディターで新しい色を選択しない限り、Github の元の色がそのまま保持されます。
Github アイコンをReactやVueで使うには? +
このページで React TSX または Vue 3 タブを開き、Copy SVG をクリックします。コンポーネントをプロジェクトに貼り付け、CSS か Tailwind でスタイルを整えます。
Github を透過PNGとしてダウンロードできますか? +
はい、最大1024pxまでのサイズを選択して「PNGをダウンロード」をクリックしてください。
Github アイコンをCSSでアニメーションさせるには? +
ライブエディターでアニメーションを選択すると、CSSキーフレームが自動的に組み込まれます。
Github のAIプロンプトを生成できますか? +
はい、このページのAIプロンプト生成機能で3Dやガラス風のプロンプトを作成できます。
Github アイコンは画質を落とさずサイズ変更できますか? +
できます。Github は拡大できる viewBox を持つベクターなので、16px、64px、512px、印刷でも鮮明です。
Github ファイルの問題はどこに報告しますか? +
アイコンの URL を添えて support@svgnexus.com へご連絡ください。Github のライセンス相談は legal@svgnexus.com です。
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。