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

Git Diff Bold アイコン

solar:git-diff-bold

Git Diff Bold アイコン(solar:git-diff-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
タグ
gitdiff、diffbold、gitdiffbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.4697 1.46973C14.7626 1.17683 15.2374 1.17683 15.5303 1.46973C15.8231 1.76262 15.8232 2.23739 15.5303 2.53027L13.8096 4.25098L16.3145 4.25391C17.417 4.25409 18.1484 4.7304 18.5088 5.0459C18.6059 5.13094 18.689 5.2041 18.7324 5.24707C18.7759 5.29017 18.8496 5.37326 18.9365 5.4707C19.2577 5.83077 19.7499 6.5687 19.75 7.68555V15.3281C21.4618 15.6755 22.75 17.1896 22.75 19.0039C22.75 21.075 21.0711 22.7539 19 22.7539C16.9289 22.7539 15.25 21.075 15.25 19.0039C15.25 17.1896 16.5382 15.6755 18.25 15.3281V7.68555C18.2499 7.03997 17.9717 6.64276 17.8174 6.46973C17.7665 6.4127 17.7302 6.37166 17.7041 6.34277L17.6816 6.31738C17.6816 6.31738 17.6794 6.31576 17.6758 6.3125C17.6694 6.30667 17.6597 6.29775 17.6455 6.28516C17.6168 6.25974 17.5771 6.22437 17.5205 6.1748C17.3493 6.02493 16.9546 5.75391 16.3135 5.75391L13.8125 5.75098L15.5303 7.46973C15.8231 7.76262 15.8232 8.23739 15.5303 8.53027C15.2374 8.82313 14.7626 8.82313 14.4697 8.53027L11.4697 5.53027C11.1768 5.23739 11.1769 4.76262 11.4697 4.46973L14.4697 1.46973ZM19 16.7539C17.7574 16.7539 16.75 17.7613 16.75 19.0039C16.75 20.2465 17.7574 21.2539 19 21.2539C20.2426 21.2539 21.25 20.2465 21.25 19.0039C21.25 17.7613 20.2426 16.7539 19 16.7539Z"/><path d="M5 1.25C7.07107 1.25 8.75 2.92893 8.75 5C8.75 6.81421 7.46166 8.32734 5.75 8.6748V16.3145C5.75006 16.96 6.02833 17.3572 6.18262 17.5303C6.23349 17.5873 6.26983 17.6283 6.2959 17.6572L6.31836 17.6826C6.31836 17.6826 6.32064 17.6842 6.32422 17.6875C6.33062 17.6933 6.34027 17.7022 6.35449 17.7148C6.38319 17.7403 6.42288 17.7756 6.47949 17.8252C6.65068 17.9751 7.04536 18.2461 7.68652 18.2461L10.1875 18.249L8.46973 16.5303C8.17686 16.2374 8.17684 15.7626 8.46973 15.4697C8.76261 15.1769 9.23739 15.1769 9.53027 15.4697L12.5303 18.4697C12.8232 18.7626 12.8231 19.2374 12.5303 19.5303L9.53027 22.5303C9.23738 22.8232 8.76262 22.8232 8.46973 22.5303C8.17686 22.2374 8.17684 21.7626 8.46973 21.4697L10.1904 19.749L7.68555 19.7461C6.58303 19.7459 5.85156 19.2696 5.49121 18.9541C5.39408 18.8691 5.31096 18.7959 5.26758 18.7529C5.22414 18.7098 5.15041 18.6267 5.06348 18.5293C4.74225 18.1692 4.25006 17.4313 4.25 16.3145V8.6748C2.53834 8.32734 1.25 6.81421 1.25 5C1.25 2.92893 2.92893 1.25 5 1.25ZM5 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"/></g></svg>

Git Diff Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/git-diff-bold.svg" alt="Git Diff 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-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 Diff Bold アイコン

Phosphor の Git Diff Bold アイコン
Phosphor

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

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

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

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

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

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

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

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