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

Git Diff Bold Duotone アイコン

solar:git-diff-bold-duotone

Git Diff Bold Duotone アイコン(solar:git-diff-bold-duotone)は、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、boldduotone、gitdiffboldduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><g opacity=".5"><path d="M5 7.24994C5.4142 7.24994 5.74998 7.58574 5.75 7.99994V16.3144C5.75006 16.96 6.02834 17.3572 6.18262 17.5302C6.23351 17.5873 6.26983 17.6283 6.2959 17.6572L6.31836 17.6826C6.31836 17.6826 6.32062 17.6842 6.32422 17.6874C6.33062 17.6933 6.34026 17.7022 6.35449 17.7148C6.3832 17.7402 6.42287 17.7756 6.47949 17.8251C6.65068 17.975 7.04536 18.246 7.68652 18.246L10.1875 18.249L8.46973 16.5302C8.17683 16.2373 8.17683 15.7626 8.46973 15.4697C8.76262 15.1768 9.23738 15.1768 9.53027 15.4697L12.5303 18.4697C12.8232 18.7626 12.8232 19.2373 12.5303 19.5302L9.53027 22.5302C9.23738 22.8231 8.76262 22.8231 8.46973 22.5302C8.17683 22.2373 8.17683 21.7626 8.46973 21.4697L10.1904 19.749L7.68555 19.746C6.58303 19.7459 5.85156 19.2695 5.49121 18.954C5.39407 18.869 5.31096 18.7959 5.26758 18.7529C5.22414 18.7098 5.15043 18.6267 5.06348 18.5292C4.74225 18.1692 4.25006 17.4313 4.25 16.3144V7.99994C4.25 7.58574 4.5858 7.24996 5 7.24994Z"/><path d="M14.4697 1.46967C14.7626 1.17678 15.2374 1.17678 15.5303 1.46967C15.8231 1.76257 15.8231 2.23734 15.5303 2.53022L13.8096 4.25092L16.3145 4.25385C17.4169 4.25405 18.1484 4.73035 18.5088 5.04584C18.6059 5.13087 18.689 5.20404 18.7324 5.24701C18.7759 5.29012 18.8496 5.37322 18.9365 5.47065C19.2577 5.83072 19.7499 6.56867 19.75 7.68549V15.9999C19.75 16.4141 19.4142 16.7499 19 16.7499C18.5858 16.7499 18.25 16.4141 18.25 15.9999V7.68549C18.2499 7.03994 17.9717 6.64271 17.8174 6.46967C17.7665 6.41266 17.7302 6.3716 17.7041 6.34272L17.6816 6.31733C17.6816 6.31733 17.6793 6.31568 17.6758 6.31244C17.6694 6.30662 17.6597 6.29768 17.6455 6.2851C17.6168 6.25968 17.5771 6.2243 17.5205 6.17475C17.3493 6.02487 16.9546 5.75387 16.3135 5.75385L13.8125 5.75092L15.5303 7.46967C15.8231 7.76257 15.8231 8.23734 15.5303 8.53022C15.2374 8.82309 14.7626 8.82305 14.4697 8.53022L11.4697 5.53022C11.1768 5.23732 11.1768 4.76256 11.4697 4.46967L14.4697 1.46967Z"/></g><path fill-rule="evenodd" d="M19 15.2539C21.0711 15.2539 22.75 16.9328 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 16.9328 16.9289 15.2539 19 15.2539ZM19 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" clip-rule="evenodd"/><path fill-rule="evenodd" d="M5 1.25C7.07107 1.25 8.75 2.92893 8.75 5C8.75 7.07107 7.07107 8.75 5 8.75C2.92893 8.75 1.25 7.07107 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" clip-rule="evenodd"/></g></svg>

Git Diff Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:git-diff-bold-duotone"></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-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/git-diff-bold-duotone.svg" alt="Git Diff Bold Duotone アイコン" 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-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 Duotone アイコン のよくある質問

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

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

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

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

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

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

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