ICONYZ
日本語
TDesign Icons の Git Repository アイコン

Git Repository アイコン

tdesign:git-repository

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

アイコンセット
TDesign Icons
作者
TDesign
ライセンス
MIT
サイズ
24 × 24
タグ
gitrepository
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path d="M20 15H8a4 4 0 0 0-3.969 3.5A4 4 0 0 1 4 18V6a4 4 0 0 1 4-4h12z"/><path d="M9 15h4v4l-2-1l-2 1z"/><path stroke="currentColor" stroke-width="2" d="M9 15h4v4l-2-1l-2 1z"/><path stroke="currentColor" stroke-width="2" d="M20 15V2H7.5A3.5 3.5 0 0 0 4 5.5v13M20 15v7H7.5A3.5 3.5 0 0 1 4 18.5M20 15H7.5A3.5 3.5 0 0 0 4 18.5M9.004 6.004H9V6h.004zm0 3H9V9h.004z"/></g></svg>

Git Repository アイコンの使い方

React

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

<Icon icon="tdesign:git-repository" width="24" />

Vue

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

<template>
  <Icon icon="tdesign:git-repository" width="24" />
</template>

Svelte

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

<Icon icon="tdesign:git-repository" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="tdesign:git-repository"></iconify-icon>

HTML 画像

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

TDesign Icons の関連アイコン

git-branch アイコン
git-branch
 git-branch-filled アイコン
git-branch-filled
 git-commit アイコン
git-commit
 git-commit-1 アイコン
git-commit-1
 git-commit-1-filled アイコン
git-commit-1-filled
 git-commit-filled アイコン
git-commit-filled
 git-merge アイコン
git-merge
 git-merge-filled アイコン
git-merge-filled
 git-pull-request アイコン
git-pull-request
 git-pull-request-filled アイコン
git-pull-request-filled
 git-repository-commits アイコン
git-repository-commits
 git-repository-commits-filled アイコン
git-repository-commits-filled
 git-repository-filled アイコン
git-repository-filled
 git-repository-private アイコン
git-repository-private
 git-repository-private-filled アイコン
git-repository-private-filled

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

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

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

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

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

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

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

TDesign Icons をすべて見る →