ICONYZ
日本語
Solar の Git Graph Bold アイコン

Git Graph Bold アイコン

solar:git-graph-bold

Git Graph Bold アイコン(solar:git-graph-bold)は、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
タグ
gitgraph、graphbold、gitgraphbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M5 1.25C7.07107 1.25 8.75 2.92893 8.75 5C8.75 6.81421 7.46166 8.32734 5.75 8.6748V15.3594C7.4617 15.7067 8.74988 17.221 8.75 19.0352C8.75 21.1062 7.07107 22.7852 5 22.7852C2.92893 22.7852 1.25 21.1062 1.25 19.0352C1.25012 17.221 2.5383 15.7067 4.25 15.3594V8.6748C2.53834 8.32734 1.25 6.81421 1.25 5C1.25 2.92893 2.92893 1.25 5 1.25ZM5 16.7852C3.75744 16.7852 2.75013 17.7926 2.75 19.0352C2.75 20.2778 3.75736 21.2852 5 21.2852C6.24264 21.2852 7.25 20.2778 7.25 19.0352C7.24987 17.7926 6.24256 16.7852 5 16.7852ZM5 2.75C3.75736 2.75 2.75 3.75736 2.75 5C2.75 6.24264 3.75736 7.25 5 7.25C6.24264 7.25 7.25 6.24264 7.25 5C7.25 3.75736 6.24264 2.75 5 2.75Z" clip-rule="evenodd"/><path d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V2C11.25 1.58579 11.5858 1.25 12 1.25Z"/><path fill-rule="evenodd" d="M19 1.25C21.0711 1.25 22.75 2.92893 22.75 5C22.75 6.81626 21.4587 8.33057 19.7441 8.67578C19.6203 12.3463 18.4785 15.0985 16.4531 16.6328C16.123 16.8829 15.6525 16.8184 15.4023 16.4883C15.1523 16.1581 15.2168 15.6876 15.5469 15.4375C17.0695 14.2843 18.1216 12.0635 18.2441 8.67383C16.5354 8.32412 15.25 6.81215 15.25 5C15.25 2.92893 16.9289 1.25 19 1.25ZM19 2.75C17.7574 2.75 16.75 3.75736 16.75 5C16.75 6.24264 17.7574 7.25 19 7.25C20.2426 7.25 21.25 6.24264 21.25 5C21.25 3.75736 20.2426 2.75 19 2.75Z" clip-rule="evenodd"/></g></svg>

Git Graph Bold アイコンの使い方

React

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

<Icon icon="solar:git-graph-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:git-graph-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:git-graph-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:git-graph-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/git-graph-bold.svg" alt="Git Graph Bold アイコン" 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-commit-outline アイコン
git-commit-outline
 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 アイコンは商用利用でも無料ですか?

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

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

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

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

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

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