Git Diff Linear アイコン
solar:git-diff-linear
Git Diff Linear アイコン(solar:git-diff-linear)は、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、difflinear、gitdifflinear
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M8 5C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5Z"/><path d="M22 19.0039C22 20.6608 20.6569 22.0039 19 22.0039C17.3431 22.0039 16 20.6608 16 19.0039C16 17.3471 17.3431 16.0039 19 16.0039C20.6569 16.0039 22 17.3471 22 19.0039Z"/><path stroke-linejoin="round" d="M12 19L7.68619 18.996C6.81417 18.996 6.2515 18.6221 5.9857 18.3894C5.87363 18.2913 5.8176 18.2422 5.79572 18.2206C5.77383 18.1989 5.72359 18.1426 5.6231 18.0299C5.38535 17.7634 5.00032 17.1958 5.00032 16.3143L5 8M9 16L12 19L9 22"/><path stroke-linejoin="round" d="M12 5L16.3138 5.00405C17.1858 5.00405 17.7485 5.37787 18.0143 5.61058C18.1264 5.7087 18.1824 5.75776 18.2043 5.77944C18.2262 5.80112 18.2764 5.85744 18.3769 5.97008C18.6146 6.23656 18.9997 6.80422 18.9997 7.68575L19 16M15 8L12 5L15 2"/></g></svg>Git Diff Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:git-diff-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:git-diff-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:git-diff-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--git-diff-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:git-diff-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:git-diff-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/git-diff-linear.svg" alt="Git Diff Linear アイコン" width="24" height="24">Solar の関連アイコン
git-branch-bold
git-branch-bold-duotone
git-branch-broken
git-branch-line-duotone
git-branch-linear
git-branch-outline
git-commit-bold
git-commit-bold-duotone
git-commit-broken
git-commit-line-duotone
git-commit-linear
git-commit-outline
git-diff-bold
git-diff-bold-duotone
git-diff-broken
git-diff-line-duotone
git-diff-outline
git-fork-bold
git-fork-bold-duotone
git-fork-broken
git-fork-line-duotone
git-fork-linear
git-fork-outline
git-graph-bold
Git Diff Linear アイコン のよくある質問
Git Diff Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Git Diff Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:git-diff-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Git Diff Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/git-diff-linear.svg" alt="Git Diff Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。