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

Git Branch Compact アイコン

codicon:git-branch-compact

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="M9 2a2 2 0 0 0-1 3.731V6.5a.5.5 0 0 1-.5.5h-3q-.264.002-.5.086V3.731A2 2 0 1 0 3 4v4c-1.103 0-2 .897-2 2s.897 2 2 2s2-.897 2-2a2 2 0 0 0-.956-1.705A.5.5 0 0 1 4.5 8h3C8.327 8 9 7.327 9 6.5V6c1.103 0 2-.897 2-2s-.897-2-2-2M2 2a1.001 1.001 0 0 1 2 0a1.001 1.001 0 0 1-2 0m1 9a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2m6-6a1.001 1.001 0 0 1 0-2a1.001 1.001 0 0 1 0 2"/></svg>

Git Branch Compact アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Codicons の関連アイコン

git-branch アイコン
git-branch
 git-branch-changes アイコン
git-branch-changes
 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 Compact アイコン のよくある質問

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

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

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

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

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

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

Codicons をすべて見る →