Flip Horizontal Linear icon

solar:flip-horizontal-linear

The Flip Horizontal Linear icon (solar:flip-horizontal-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: fliphorizontal, horizontallinear, fliphorizontallinear

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="M2 18.1136V5.88641C2 4.18426 2 3.33319 2.54242 3.05405C3.08484 2.77491 3.77738 3.26959 5.16247 4.25894L6.74371 5.3884C7.35957 5.8283 7.6675 6.04825 7.83375 6.3713C8 6.69435 8 7.07277 8 7.8296V16.1705C8 16.9273 8 17.3057 7.83375 17.6288C7.6675 17.9518 7.35957 18.1718 6.74372 18.6117L5.16248 19.7411C3.77738 20.7305 3.08484 21.2251 2.54242 20.946C2 20.6669 2 19.8158 2 18.1136Z"/><path d="M22 18.1136V5.88641C22 4.18426 22 3.33319 21.4576 3.05405C20.9152 2.77491 20.2226 3.26959 18.8375 4.25894L17.2563 5.3884C16.6404 5.8283 16.3325 6.04825 16.1662 6.3713C16 6.69435 16 7.07277 16 7.8296V16.1705C16 16.9273 16 17.3057 16.1662 17.6288C16.3325 17.9518 16.6404 18.1718 17.2563 18.6117L18.8375 19.7411C20.2226 20.7305 20.9152 21.2251 21.4576 20.946C22 20.6669 22 19.8158 22 18.1136Z"/><path stroke-linecap="round" d="M12 14V10"/><path stroke-linecap="round" d="M12 6V2"/><path stroke-linecap="round" d="M12 22V18"/></g></svg>

How to use the Flip Horizontal Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Flip Horizontal Linear icon FAQ

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

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

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

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

Browse all Solar icons →