Git Graph Bold icon

solar:git-graph-bold

The Git Graph Bold icon (solar:git-graph-bold) 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: gitgraph, graphbold, gitgraphbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M5 1.25C7.07107 1.25 8.75 2.92893 8.75 5C8.75 6.81421 7.46166 8.32734 5.75 8.6748V15.3594C7.4617 15.7067 8.74988 17.221 8.75 19.0352C8.75 21.1062 7.07107 22.7852 5 22.7852C2.92893 22.7852 1.25 21.1062 1.25 19.0352C1.25012 17.221 2.5383 15.7067 4.25 15.3594V8.6748C2.53834 8.32734 1.25 6.81421 1.25 5C1.25 2.92893 2.92893 1.25 5 1.25ZM5 16.7852C3.75744 16.7852 2.75013 17.7926 2.75 19.0352C2.75 20.2778 3.75736 21.2852 5 21.2852C6.24264 21.2852 7.25 20.2778 7.25 19.0352C7.24987 17.7926 6.24256 16.7852 5 16.7852ZM5 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"/><path d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V2C11.25 1.58579 11.5858 1.25 12 1.25Z"/><path fill-rule="evenodd" d="M19 1.25C21.0711 1.25 22.75 2.92893 22.75 5C22.75 6.81626 21.4587 8.33057 19.7441 8.67578C19.6203 12.3463 18.4785 15.0985 16.4531 16.6328C16.123 16.8829 15.6525 16.8184 15.4023 16.4883C15.1523 16.1581 15.2168 15.6876 15.5469 15.4375C17.0695 14.2843 18.1216 12.0635 18.2441 8.67383C16.5354 8.32412 15.25 6.81215 15.25 5C15.25 2.92893 16.9289 1.25 19 1.25ZM19 2.75C17.7574 2.75 16.75 3.75736 16.75 5C16.75 6.24264 17.7574 7.25 19 7.25C20.2426 7.25 21.25 6.24264 21.25 5C21.25 3.75736 20.2426 2.75 19 2.75Z" clip-rule="evenodd"/></g></svg>

How to use the Git Graph Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/solar/git-graph-bold.svg" alt="Git Graph Bold icon" width="24" height="24">

Related icons in Solar

Git Graph Bold icon FAQ

Is the Git Graph Bold 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 Graph Bold icon in React?

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

How do I add the Git Graph Bold icon to a web page?

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

Browse all Solar icons →