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

Git Diff Outline アイコン

solar:git-diff-outline

Git Diff Outline アイコン(solar:git-diff-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
タグ
gitdiff、diffoutline、gitdiffoutline
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 Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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