Flip Horizontal Duotone icon

keyline-icons:flip-horizontal-duotone

The Flip Horizontal Duotone icon (keyline-icons:flip-horizontal-duotone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: fliphorizontal, horizontalduotone, fliphorizontalduotone

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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M0.9999 8C0.9995 6.8953 1.8949 5.9996 2.9996 5.9996C3.5302 5.9996 4.0391 6.2105 4.4142 6.5858L8.4142 10.5858C8.7892 10.9609 9 11.4696 9 12C9 12.5304 8.7892 13.0391 8.4142 13.4142L4.4142 17.4142C4.0391 17.7895 3.5302 18.0004 2.9996 18.0004C1.8949 18.0004 0.9995 17.1047 0.9999 16L0.9999 8ZM23.0001 8C23.0005 6.8953 22.1051 5.9996 21.0004 5.9996C20.4698 5.9996 19.9609 6.2105 19.5858 6.5858L15.5858 10.5858C15.2108 10.9609 15 11.4696 15 12C15 12.5304 15.2108 13.0391 15.5858 13.4142L19.5858 17.4142C19.9609 17.7895 20.4698 18.0004 21.0004 18.0004C22.1051 18.0004 23.0005 17.1047 23.0001 16L23.0001 8Z" clip-rule="evenodd" stroke="none"/><path d="M12 2L12 4M12 8L12 10M12 14L12 16M12 20L12 22"/></g></svg>

How to use the Flip Horizontal Duotone icon

React

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

<Icon icon="keyline-icons:flip-horizontal-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flip-horizontal-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flip-horizontal-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flip-horizontal-duotone]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:flip-horizontal-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/flip-horizontal-duotone.svg" alt="Flip Horizontal Duotone icon" width="24" height="24">

Related icons in Keyline Icons

Flip Horizontal Duotone icon in other icon sets

Flip Horizontal Duotone icon FAQ

Is the Flip Horizontal Duotone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Flip Horizontal Duotone icon in React?

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

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

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

Browse all Keyline Icons →