Git Diff Broken icon

solar:git-diff-broken

The Git Diff Broken icon (solar:git-diff-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Tags: gitdiff, diffbroken, gitdiffbroken

Download SVG

SVG code

<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="M8.99984 22L11.9998 19L8.99984 16M11.9998 19L7.68603 18.996C6.81401 18.996 6.25134 18.6221 5.98554 18.3894C5.87348 18.2913 5.81744 18.2422 5.79556 18.2206C5.77367 18.1989 5.72343 18.1426 5.62294 18.0299C5.3852 17.7634 5.00016 17.1958 5.00016 16.3143L5 12.1571"/><path stroke-linejoin="round" d="M15.0002 2L12.0002 5L15.0002 8M12.0002 5L16.314 5.00405C17.186 5.00405 17.7487 5.37787 18.0145 5.61058C18.1265 5.7087 18.1826 5.75776 18.2044 5.77944C18.2263 5.80112 18.2766 5.85744 18.3771 5.97008C18.6148 6.23656 18.9998 6.80422 18.9998 7.68575L19 11.8429"/></g></svg>

How to use the Git Diff Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/solar/git-diff-broken.svg" alt="Git Diff Broken icon" width="24" height="24">

Related icons in Solar

Git Diff Broken icon FAQ

Is the Git Diff Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Git Diff Broken icon in React?

Install @iconify/react and render <Icon icon="solar:git-diff-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Git Diff Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/git-diff-broken.svg" alt="Git Diff Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →