ICONYZ
日本語
Codicons の Git Branch アイコン

Git Branch アイコン

codicon:git-branch

Git Branch アイコン(codicon:git-branch)は、Codicons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Codicons
作者
Microsoft Corporation
ライセンス
CC-BY-4.0
サイズ
24 × 24
タグ
gitbranch
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14 5.5C14 4.121 12.879 3 11.5 3A2.5 2.5 0 0 0 9 5.5c0 1.182.826 2.169 1.93 2.428A1.5 1.5 0 0 1 9.5 9h-3c-.565 0-1.081.195-1.5.512V4.949C6.14 4.717 7 3.707 7 2.5C7 1.121 5.879 0 4.5 0A2.5 2.5 0 0 0 2 2.5c0 1.208.86 2.217 2 2.449v6.101c-1.14.232-2 1.242-2 2.449c0 1.379 1.121 2.5 2.5 2.5s2.5-1.121 2.5-2.5a2.5 2.5 0 0 0-1.93-2.428A1.5 1.5 0 0 1 6.5 9.999h3a2.5 2.5 0 0 0 2.454-2.046A2.5 2.5 0 0 0 14 5.5m-11-3C3 1.673 3.673 1 4.5 1S6 1.673 6 2.5S5.327 4 4.5 4S3 3.327 3 2.5m3 11c0 .827-.673 1.5-1.5 1.5S3 14.327 3 13.5S3.673 12 4.5 12s1.5.673 1.5 1.5M11.5 7c-.827 0-1.5-.673-1.5-1.5S10.673 4 11.5 4s1.5.673 1.5 1.5S12.327 7 11.5 7"/></svg>

Git Branch アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="codicon:git-branch" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="codicon:git-branch" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="codicon:git-branch" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--git-branch]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:git-branch"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="codicon:git-branch"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/codicon/git-branch.svg" alt="Git Branch アイコン" width="24" height="24">

Codicons の関連アイコン

git-branch-changes アイコン
git-branch-changes
 git-branch-compact アイコン
git-branch-compact
 git-branch-conflicts アイコン
git-branch-conflicts
 git-branch-staged-changes アイコン
git-branch-staged-changes
 git-commit アイコン
git-commit
 git-compare アイコン
git-compare
 git-fetch アイコン
git-fetch
 git-merge アイコン
git-merge
 git-pull-request アイコン
git-pull-request
 git-pull-request-closed アイコン
git-pull-request-closed
 git-pull-request-comment アイコン
git-pull-request-comment
 git-pull-request-create アイコン
git-pull-request-create
 git-pull-request-done アイコン
git-pull-request-done
 git-pull-request-draft アイコン
git-pull-request-draft
 git-pull-request-error アイコン
git-pull-request-error
 git-pull-request-go-to-changes アイコン
git-pull-request-go-to-changes
 git-pull-request-new-changes アイコン
git-pull-request-new-changes
 git-stash アイコン
git-stash
 git-stash-apply アイコン
git-stash-apply
 git-stash-pop アイコン
git-stash-pop
 github アイコン
github
 github-action アイコン
github-action
 github-alt アイコン
github-alt
 github-inverted アイコン
github-inverted

他のアイコンセットの Git Branch アイコン

Lucide の Git Branch アイコン
Lucide
 Tabler Icons の Git Branch アイコン
Tabler Icons
 Phosphor の Git Branch アイコン
Phosphor
 @icons の Git Branch アイコン
@icons
 BoxIcons v2 の Git Branch アイコン
BoxIcons v2
 Boxicons の Git Branch アイコン
Boxicons
 Charm Icons の Git Branch アイコン
Charm Icons
 Famicons の Git Branch アイコン
Famicons
 Feather Icons の Git Branch アイコン
Feather Icons
 Huge Icons の Git Branch アイコン
Huge Icons
 IconOven の Git Branch アイコン
IconOven
 Iconoir の Git Branch アイコン
Iconoir

Git Branch アイコン のよくある質問

Git Branch アイコンは商用利用でも無料ですか?

はい。Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Git Branch アイコンを使うには?

@iconify/react をインストールして <Icon icon="codicon:git-branch" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Git Branch アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/codicon/git-branch.svg" alt="Git Branch アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Codicons をすべて見る →