Flip Horizontal icon in outline, twotone, bold and bulk. Free in all four styles, for editors, canvas, layers, colour, alignment, grids. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconFlipHorizontal } from "@devigner-ui/icons";
<IconFlipHorizontal className="size-6" />
<script setup>
import { IconFlipHorizontal } from "@devigner-ui/icons-vue";
</script>
<template>
<IconFlipHorizontal class="size-6" />
</template>
<script>
import { IconFlipHorizontal } from "@devigner-ui/icons-svelte";
</script>
<IconFlipHorizontal class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 18.11V5.9c0-1.7 0-2.56.54-2.84s1.24.22 2.62 1.2L6.74 5.4c.62.44.93.66 1.1.98.16.32.16.7.16 1.46v8.34c0 .76 0 1.14-.17 1.46-.16.32-.47.54-1.09.98l-1.58 1.13c-1.38 1-2.08 1.49-2.62 1.2C2 20.68 2 19.83 2 18.12" stroke="currentColor" stroke-width="1.5"></path><path d="M22 18.11V5.9c0-1.7 0-2.56-.54-2.84s-1.24.22-2.62 1.2L17.26 5.4c-.62.44-.93.66-1.1.98-.16.32-.16.7-.16 1.46v8.34c0 .76 0 1.14.17 1.46.16.32.47.54 1.09.98l1.58 1.13c1.38 1 2.08 1.49 2.62 1.2.54-.27.54-1.12.54-2.83" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M12 14v-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12 6V2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12 22v-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>