Round Transfer Diagonal Outline icon

solar:round-transfer-diagonal-outline

The Round Transfer Diagonal Outline icon (solar:round-transfer-diagonal-outline) 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
Category: Arrows
Tags: roundtransfer, transferdiagonal, diagonaloutline, roundtransferdiagonaloutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.20679 4.78839C4.09895 6.48382 2.75 9.08438 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C13.6437 21.25 15.1872 20.8213 16.5249 20.0696L10.6284 13.8755V16.5C10.6284 16.9142 10.2926 17.25 9.87843 17.25C9.46422 17.25 9.12843 16.9142 9.12843 16.5V12C9.12843 11.6932 9.31518 11.4174 9.59997 11.3036C9.88475 11.1897 10.2102 11.2607 10.4216 11.4828L17.7852 19.218C19.8977 17.5227 21.25 14.9193 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C10.3512 2.75 8.80314 3.1814 7.46256 3.93747L13.1284 10.0807V7.50011C13.1284 7.0859 13.4642 6.75011 13.8784 6.75011C14.2926 6.75011 14.6284 7.0859 14.6284 7.50011V12.0001C14.6284 12.309 14.4391 12.5863 14.1514 12.6987C13.8637 12.8111 13.5365 12.7356 13.3271 12.5086L6.20679 4.78839ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12Z" clip-rule="evenodd"/></svg>

How to use the Round Transfer Diagonal Outline icon

React

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

<Icon icon="solar:round-transfer-diagonal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:round-transfer-diagonal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:round-transfer-diagonal-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--round-transfer-diagonal-outline]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:round-transfer-diagonal-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/round-transfer-diagonal-outline.svg" alt="Round Transfer Diagonal Outline icon" width="24" height="24">

Related icons in Solar

Round Transfer Diagonal Outline icon FAQ

Is the Round Transfer Diagonal Outline 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 Round Transfer Diagonal Outline icon in React?

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

How do I add the Round Transfer Diagonal Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/round-transfer-diagonal-outline.svg" alt="Round Transfer Diagonal Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →