Round Transfer Diagonal Bold Duotone icon

solar:round-transfer-diagonal-bold-duotone

The Round Transfer Diagonal Bold Duotone icon (solar:round-transfer-diagonal-bold-duotone) 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, diagonalbold, boldduotone, roundtransferdiagonalboldduotone

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 d="M2 12C2 17.5228 6.47715 22 12 22C13.8526 22 15.5875 21.4962 17.0752 20.6182C17.0775 20.6169 17.0797 20.6156 17.0819 20.6143C17.5169 20.3571 17.9308 20.0679 18.3202 19.7499C20.5661 17.9162 22 15.1255 22 12C22 6.47715 17.5228 2 12 2C10.1443 2 8.40658 2.50549 6.91715 3.38628C6.88285 3.40657 6.84867 3.42705 6.81464 3.44773C6.41584 3.69005 6.03533 3.95947 5.67568 4.25345C3.43217 6.08725 2 8.87638 2 12Z" opacity=".5"/><path d="M13.1285 7.50055V10.0881L6.91725 3.38672C6.48105 3.64467 6.06613 3.93482 5.67578 4.25389L13.3285 12.5104C13.5382 12.7367 13.8651 12.8114 14.1524 12.6988C14.4396 12.5861 14.6285 12.3091 14.6285 12.0005V7.50055C14.6285 7.08633 14.2928 6.75055 13.8785 6.75055C13.4643 6.75055 13.1285 7.08633 13.1285 7.50055Z"/><path d="M10.4208 11.4823C10.2091 11.2607 9.88389 11.1902 9.59944 11.3043C9.31499 11.4183 9.12854 11.6939 9.12854 12.0004V16.5004C9.12854 16.9146 9.46432 17.2504 9.87854 17.2504C10.2928 17.2504 10.6285 16.9146 10.6285 16.5004V13.8711L17.0753 20.6187C17.5128 20.3605 17.9289 20.0699 18.3203 19.7503L10.4208 11.4823Z"/></g></svg>

How to use the Round Transfer Diagonal Bold Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:round-transfer-diagonal-bold-duotone"></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-bold-duotone"></iconify-icon>

HTML image

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

Related icons in Solar

Round Transfer Diagonal Bold Duotone icon FAQ

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

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

How do I add the Round Transfer Diagonal Bold Duotone 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-bold-duotone.svg" alt="Round Transfer Diagonal Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →