Transfer Vertical Outline icon

solar:transfer-vertical-outline

The Transfer Vertical Outline icon (solar:transfer-vertical-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: transfervertical, verticaloutline, transferverticaloutline

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="M13.698 3.3135C13.9703 3.19374 14.2875 3.24617 14.5068 3.44715L20.5068 8.94715C20.8121 9.22704 20.8328 9.70147 20.5529 10.0068C20.273 10.3121 19.7985 10.3328 19.4932 10.0529L14.75 5.70494L14.75 20C14.75 20.4142 14.4142 20.75 14 20.75C13.5858 20.75 13.25 20.4142 13.25 20L13.25 4.00002C13.25 3.70259 13.4258 3.43327 13.698 3.3135ZM10 3.25002C10.4142 3.25002 10.75 3.5858 10.75 4.00002L10.75 20C10.75 20.2974 10.5743 20.5668 10.302 20.6865C10.0298 20.8063 9.71246 20.7539 9.49321 20.5529L3.49321 15.0529C3.18787 14.773 3.16724 14.2986 3.44714 13.9932C3.72703 13.6879 4.20146 13.6673 4.5068 13.9471L9.25001 18.2951L9.25 4.00002C9.25 3.5858 9.58579 3.25002 10 3.25002Z" clip-rule="evenodd"/></svg>

How to use the Transfer Vertical Outline icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Transfer Vertical Outline icon FAQ

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

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

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

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

Browse all Solar icons →