ICONYZ
日本語
Solar の Git Commit Outline アイコン

Git Commit Outline アイコン

solar:git-commit-outline

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

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
タグ
gitcommit、commitoutline、gitcommitoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 8.24707C13.8159 8.24707 15.3302 9.53786 15.6758 11.252H22C22.4142 11.252 22.75 11.5877 22.75 12.002C22.75 12.4162 22.4142 12.752 22 12.752H15.6738C15.3245 14.4612 13.8125 15.7471 12 15.7471C10.1858 15.7471 8.67266 14.4587 8.3252 12.7471H2C1.58579 12.7471 1.25 12.4113 1.25 11.9971C1.25 11.5829 1.58579 11.2471 2 11.2471H8.3252C8.67266 9.53541 10.1858 8.24707 12 8.24707ZM12 9.74707C10.7574 9.74707 9.75 10.7544 9.75 11.9971C9.75 13.2397 10.7574 14.2471 12 14.2471C13.2426 14.2471 14.25 13.2397 14.25 11.9971C14.25 10.7544 13.2426 9.74707 12 9.74707Z" clip-rule="evenodd"/></svg>

Git Commit Outline アイコンの使い方

React

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

<Icon icon="solar:git-commit-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:git-commit-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:git-commit-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--git-commit-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:git-commit-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:git-commit-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/git-commit-outline.svg" alt="Git Commit Outline アイコン" width="24" height="24">

Solar の関連アイコン

git-branch-bold アイコン
git-branch-bold
 git-branch-bold-duotone アイコン
git-branch-bold-duotone
 git-branch-broken アイコン
git-branch-broken
 git-branch-line-duotone アイコン
git-branch-line-duotone
 git-branch-linear アイコン
git-branch-linear
 git-branch-outline アイコン
git-branch-outline
 git-commit-bold アイコン
git-commit-bold
 git-commit-bold-duotone アイコン
git-commit-bold-duotone
 git-commit-broken アイコン
git-commit-broken
 git-commit-line-duotone アイコン
git-commit-line-duotone
 git-commit-linear アイコン
git-commit-linear
 git-diff-bold アイコン
git-diff-bold
 git-diff-bold-duotone アイコン
git-diff-bold-duotone
 git-diff-broken アイコン
git-diff-broken
 git-diff-line-duotone アイコン
git-diff-line-duotone
 git-diff-linear アイコン
git-diff-linear
 git-diff-outline アイコン
git-diff-outline
 git-fork-bold アイコン
git-fork-bold
 git-fork-bold-duotone アイコン
git-fork-bold-duotone
 git-fork-broken アイコン
git-fork-broken
 git-fork-line-duotone アイコン
git-fork-line-duotone
 git-fork-linear アイコン
git-fork-linear
 git-fork-outline アイコン
git-fork-outline
 git-graph-bold アイコン
git-graph-bold

他のアイコンセットの Git Commit Outline アイコン

Famicons の Git Commit Outline アイコン
Famicons
 IonIcons の Git Commit Outline アイコン
IonIcons
 Teenyicons の Git Commit Outline アイコン
Teenyicons

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

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

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

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

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

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

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

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