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

Git Branch アイコン

ph:git-branch

Git Branch アイコン(ph:git-branch)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Phosphor
作者
Phosphor Icons
ライセンス
MIT
サイズ
256 × 256
タグ
updated、github、vcs、source control、version control、versioning、branches、gitbranch
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232 64a32 32 0 1 0-40 31v17a8 8 0 0 1-8 8H96a23.8 23.8 0 0 0-8 1.38V95a32 32 0 1 0-16 0v66a32 32 0 1 0 16 0v-17a8 8 0 0 1 8-8h88a24 24 0 0 0 24-24V95a32.06 32.06 0 0 0 24-31M64 64a16 16 0 1 1 16 16a16 16 0 0 1-16-16m32 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16M200 80a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>

Git Branch アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Phosphor の関連アイコン

git-branch-bold アイコン
git-branch-bold
 git-branch-duotone アイコン
git-branch-duotone
 git-branch-fill アイコン
git-branch-fill
 git-branch-light アイコン
git-branch-light
 git-branch-thin アイコン
git-branch-thin
 git-commit アイコン
git-commit
 git-commit-bold アイコン
git-commit-bold
 git-commit-duotone アイコン
git-commit-duotone
 git-commit-fill アイコン
git-commit-fill
 git-commit-light アイコン
git-commit-light
 git-commit-thin アイコン
git-commit-thin
 git-diff アイコン
git-diff
 git-diff-bold アイコン
git-diff-bold
 git-diff-duotone アイコン
git-diff-duotone
 git-diff-fill アイコン
git-diff-fill
 git-diff-light アイコン
git-diff-light
 git-diff-thin アイコン
git-diff-thin
 git-fork アイコン
git-fork
 git-fork-bold アイコン
git-fork-bold
 git-fork-duotone アイコン
git-fork-duotone
 git-fork-fill アイコン
git-fork-fill
 git-fork-light アイコン
git-fork-light
 git-fork-thin アイコン
git-fork-thin
 git-merge アイコン
git-merge

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

Lucide の Git Branch アイコン
Lucide
 Tabler Icons の Git Branch アイコン
Tabler Icons
 @icons の Git Branch アイコン
@icons
 BoxIcons v2 の Git Branch アイコン
BoxIcons v2
 Boxicons の Git Branch アイコン
Boxicons
 Charm Icons の Git Branch アイコン
Charm Icons
 Codicons の Git Branch アイコン
Codicons
 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 アイコンは商用利用でも無料ですか?

はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Phosphor アイコン をすべて見る →