Flip Vertical Linear icon

solar:flip-vertical-linear

The Flip Vertical Linear icon (solar:flip-vertical-linear) 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, verticallinear, flipverticallinear

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.88616 2L18.1134 2C19.8156 2 20.6666 2 20.9458 2.54242C21.2249 3.08484 20.7302 3.77738 19.7409 5.16247L18.6114 6.74372C18.1715 7.35957 17.9516 7.6675 17.6285 7.83375C17.3055 8 16.927 8 16.1702 8L7.82935 8C7.07252 8 6.6941 8 6.37105 7.83375C6.048 7.6675 5.82805 7.35957 5.38815 6.74372L4.2587 5.16248C3.26934 3.77738 2.77467 3.08484 3.05381 2.54242C3.33294 2 4.18402 2 5.88616 2Z"/><path d="M5.88616 22L18.1134 22C19.8156 22 20.6666 22 20.9458 21.4576C21.2249 20.9152 20.7302 20.2226 19.7409 18.8375L18.6114 17.2563C18.1715 16.6404 17.9516 16.3325 17.6285 16.1662C17.3055 16 16.927 16 16.1702 16L7.82935 16C7.07252 16 6.69411 16 6.37105 16.1662C6.048 16.3325 5.82805 16.6404 5.38815 17.2563L4.2587 18.8375C3.26934 20.2226 2.77467 20.9152 3.05381 21.4576C3.33294 22 4.18402 22 5.88616 22Z"/><path stroke-linecap="round" d="M10 12L14 12"/><path stroke-linecap="round" d="M18 12L22 12"/><path stroke-linecap="round" d="M2 12L6 12"/></g></svg>

How to use the Flip Vertical Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:flip-vertical-linear"></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-linear"></iconify-icon>

HTML image

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

Related icons in Solar

Flip Vertical Linear icon FAQ

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

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

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

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

Browse all Solar icons →