Flip Vertical Line Duotone icon

solar:flip-vertical-line-duotone

The Flip Vertical Line Duotone icon (solar:flip-vertical-line-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: Tools
Tags: flipvertical, verticalline, lineduotone, flipverticallineduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5.88641 2L18.1137 2C19.8158 2 20.6669 2 20.946 2.54242C21.2251 3.08484 20.7305 3.77738 19.7411 5.16247L18.6117 6.74372C18.1718 7.35957 17.9518 7.6675 17.6288 7.83375C17.3057 8 16.9273 8 16.1705 8L7.8296 8C7.07276 8 6.69435 8 6.3713 7.83375C6.04824 7.6675 5.82829 7.35957 5.3884 6.74372L4.25894 5.16248C3.26959 3.77738 2.77491 3.08484 3.05405 2.54242C3.33319 2 4.18426 2 5.88641 2Z"/><path d="M5.88641 22L18.1136 22C19.8158 22 20.6669 22 20.946 21.4576C21.2251 20.9152 20.7305 20.2226 19.7411 18.8375L18.6117 17.2563C18.1718 16.6404 17.9518 16.3325 17.6288 16.1662C17.3057 16 16.9273 16 16.1705 16L7.8296 16C7.07276 16 6.69435 16 6.3713 16.1662C6.04824 16.3325 5.8283 16.6404 5.3884 17.2563L4.25894 18.8375C3.26959 20.2226 2.77491 20.9152 3.05405 21.4576C3.33319 22 4.18426 22 5.88641 22Z"/><path stroke-linecap="round" d="M10 12L14 12" opacity=".5"/><path stroke-linecap="round" d="M18 12L22 12" opacity=".5"/><path stroke-linecap="round" d="M2 12L6 12" opacity=".5"/></g></svg>

How to use the Flip Vertical Line Duotone icon

React

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

<Icon icon="solar:flip-vertical-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:flip-vertical-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:flip-vertical-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--flip-vertical-line-duotone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:flip-vertical-line-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/flip-vertical-line-duotone.svg" alt="Flip Vertical Line Duotone icon" width="24" height="24">

Related icons in Solar

Flip Vertical Line Duotone icon FAQ

Is the Flip Vertical Line 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 Flip Vertical Line Duotone icon in React?

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

How do I add the Flip Vertical Line Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/flip-vertical-line-duotone.svg" alt="Flip Vertical Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →