flip vertical icon

flip-vertical-linear from Solar by 480 Design · Linear · Tools · CC-BY-4.0 Attribution required.

Name
flip-vertical-linear
Set
Solar
Style
Linear
Category
Tools
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

flip-vertical-boldflip-vertical-bold-duotoneflip-vertical-brokenflip-vertical-line-duotoneflip-vertical-outline

The same icon in other sets

flip-vertical-16-filledFluent UI System Iconsflip-verticalHuge Iconsflip-verticalMaterial Design Iconsflip-vertical-fillMingCute Iconflip-verticalPhosphorflip-vertical-fillRemix Iconflip-verticalTabler Iconsflip-vertical-outlineTeenyicons

More tools icons from Solar

align-bottom-boldalign-horizontal-center-boldalign-horizontal-spacing-boldalign-left-boldalign-right-boldalign-top-boldalign-vertical-center-boldalign-vertical-spacing-boldcolour-tuning-boldcrop-boldcrop-minimalistic-boldfilters-boldflip-horizontal-boldframe-boldlayers-boldlayers-minimalistic-boldmirror-left-boldmirror-right-boldpaint-brush-boldpaint-roller-boldpalette-2-boldpalette-boldpalette-round-boldpipette-bold

Use the flip vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function SolarFlipVerticalLinear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="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 strokeLinecap="round" d="M10 12L14 12"/><path strokeLinecap="round" d="M18 12L22 12"/><path strokeLinecap="round" d="M2 12L6 12"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-flip-vertical-linear {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.88616%202L18.1134%202C19.8156%202%2020.6666%202%2020.9458%202.54242C21.2249%203.08484%2020.7302%203.77738%2019.7409%205.16247L18.6114%206.74372C18.1715%207.35957%2017.9516%207.6675%2017.6285%207.83375C17.3055%208%2016.927%208%2016.1702%208L7.82935%208C7.07252%208%206.6941%208%206.37105%207.83375C6.048%207.6675%205.82805%207.35957%205.38815%206.74372L4.2587%205.16248C3.26934%203.77738%202.77467%203.08484%203.05381%202.54242C3.33294%202%204.18402%202%205.88616%202Z%22%2F%3E%3Cpath%20d%3D%22M5.88616%2022L18.1134%2022C19.8156%2022%2020.6666%2022%2020.9458%2021.4576C21.2249%2020.9152%2020.7302%2020.2226%2019.7409%2018.8375L18.6114%2017.2563C18.1715%2016.6404%2017.9516%2016.3325%2017.6285%2016.1662C17.3055%2016%2016.927%2016%2016.1702%2016L7.82935%2016C7.07252%2016%206.69411%2016%206.37105%2016.1662C6.048%2016.3325%205.82805%2016.6404%205.38815%2017.2563L4.2587%2018.8375C3.26934%2020.2226%202.77467%2020.9152%203.05381%2021.4576C3.33294%2022%204.18402%2022%205.88616%2022Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2012L14%2012%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18%2012L22%2012%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2012L6%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.88616%202L18.1134%202C19.8156%202%2020.6666%202%2020.9458%202.54242C21.2249%203.08484%2020.7302%203.77738%2019.7409%205.16247L18.6114%206.74372C18.1715%207.35957%2017.9516%207.6675%2017.6285%207.83375C17.3055%208%2016.927%208%2016.1702%208L7.82935%208C7.07252%208%206.6941%208%206.37105%207.83375C6.048%207.6675%205.82805%207.35957%205.38815%206.74372L4.2587%205.16248C3.26934%203.77738%202.77467%203.08484%203.05381%202.54242C3.33294%202%204.18402%202%205.88616%202Z%22%2F%3E%3Cpath%20d%3D%22M5.88616%2022L18.1134%2022C19.8156%2022%2020.6666%2022%2020.9458%2021.4576C21.2249%2020.9152%2020.7302%2020.2226%2019.7409%2018.8375L18.6114%2017.2563C18.1715%2016.6404%2017.9516%2016.3325%2017.6285%2016.1662C17.3055%2016%2016.927%2016%2016.1702%2016L7.82935%2016C7.07252%2016%206.69411%2016%206.37105%2016.1662C6.048%2016.3325%205.82805%2016.6404%205.38815%2017.2563L4.2587%2018.8375C3.26934%2020.2226%202.77467%2020.9152%203.05381%2021.4576C3.33294%2022%204.18402%2022%205.88616%2022Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2012L14%2012%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18%2012L22%2012%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2012L6%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/flip-vertical-linear.svg?color=%231a73e8&size=48