Git Arrow Right icon

keyline-icons:git-arrow-right

The Git Arrow Right icon (keyline-icons:git-arrow-right) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: gitarrow, arrowright, gitarrowright

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.2071 15.5L20.8535 17.1464C21.0488 17.3417 21.0488 17.6583 20.8535 17.8536L19.2071 19.5M6 21V9M18 11.5V10C18 7.79086 16.2091 6 14 6H13M20 17.5H16C14.3431 17.5 13 18.8431 13 20.5V21M6 3C7.65685 3 9 4.34315 9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3Z"/></svg>

How to use the Git Arrow Right icon

React

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

<Icon icon="keyline-icons:git-arrow-right" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:git-arrow-right" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:git-arrow-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--git-arrow-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:git-arrow-right"></div>

Web component

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

<iconify-icon icon="keyline-icons:git-arrow-right"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/git-arrow-right.svg" alt="Git Arrow Right icon" width="24" height="24">

Related icons in Keyline Icons

Git Arrow Right icon FAQ

Is the Git Arrow Right icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Git Arrow Right icon in React?

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

How do I add the Git Arrow Right icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/git-arrow-right.svg" alt="Git Arrow Right icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →