flip v icon

flip-v from Unicons Monochrome by Iconscout · Monochrome · Design Tools · Apache-2.0 Free for personal and commercial use.

Name: flip-v
Set: Unicons Monochrome
Style: Monochrome
Category: Design Tools
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

flip-vUnicons flip-vUnicons Solid

More design tools icons from Unicons Monochrome

Use the flip v icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v18a1 1 0 0 1-1 1" opacity=".25"/><path fill="currentColor" d="m21 12l-5-5v10z"/><path fill="currentColor" d="M16 18a1 1 0 0 1-1-1V7a1 1 0 0 1 1.707-.707l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 16 18m1-8.586v5.172L19.586 12Z"/><path fill="currentColor" d="M3 13a.99.99 0 0 1-.92-1.38a1.2 1.2 0 0 1 .21-.33a1.047 1.047 0 0 1 1.42 0a1 1 0 0 1 .21.33A.84.84 0 0 1 4 12a.99.99 0 0 1-1 1m1.79 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29M8 18a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 7 17a1.05 1.05 0 0 1 .29-.71a1.04 1.04 0 0 1 1.09-.21a1.2 1.2 0 0 1 .33.21A1.05 1.05 0 0 1 9 17a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 8 18m-1-4.33a.996.996 0 0 1 1-1a.996.996 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-3.34a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a.997.997 0 0 1-1 1a.997.997 0 0 1-1-1M8 8a.99.99 0 0 1-.92-1.38a1 1 0 0 1 .21-.33a.985.985 0 0 1 1.63.33A.99.99 0 0 1 8 8m-3.21 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29" opacity=".5"/></svg>

React

import type { SVGProps } from "react";

export function UimFlipV(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v18a1 1 0 0 1-1 1" opacity=".25"/><path fill="currentColor" d="m21 12l-5-5v10z"/><path fill="currentColor" d="M16 18a1 1 0 0 1-1-1V7a1 1 0 0 1 1.707-.707l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 16 18m1-8.586v5.172L19.586 12Z"/><path fill="currentColor" d="M3 13a.99.99 0 0 1-.92-1.38a1.2 1.2 0 0 1 .21-.33a1.047 1.047 0 0 1 1.42 0a1 1 0 0 1 .21.33A.84.84 0 0 1 4 12a.99.99 0 0 1-1 1m1.79 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29M8 18a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 7 17a1.05 1.05 0 0 1 .29-.71a1.04 1.04 0 0 1 1.09-.21a1.2 1.2 0 0 1 .33.21A1.05 1.05 0 0 1 9 17a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 8 18m-1-4.33a.996.996 0 0 1 1-1a.996.996 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-3.34a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a.997.997 0 0 1-1 1a.997.997 0 0 1-1-1M8 8a.99.99 0 0 1-.92-1.38a1 1 0 0 1 .21-.33a.985.985 0 0 1 1.63.33A.99.99 0 0 1 8 8m-3.21 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29" opacity=".5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v18a1 1 0 0 1-1 1" opacity=".25"/><path fill="currentColor" d="m21 12l-5-5v10z"/><path fill="currentColor" d="M16 18a1 1 0 0 1-1-1V7a1 1 0 0 1 1.707-.707l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 16 18m1-8.586v5.172L19.586 12Z"/><path fill="currentColor" d="M3 13a.99.99 0 0 1-.92-1.38a1.2 1.2 0 0 1 .21-.33a1.047 1.047 0 0 1 1.42 0a1 1 0 0 1 .21.33A.84.84 0 0 1 4 12a.99.99 0 0 1-1 1m1.79 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29M8 18a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 7 17a1.05 1.05 0 0 1 .29-.71a1.04 1.04 0 0 1 1.09-.21a1.2 1.2 0 0 1 .33.21A1.05 1.05 0 0 1 9 17a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 8 18m-1-4.33a.996.996 0 0 1 1-1a.996.996 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-3.34a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a.997.997 0 0 1-1 1a.997.997 0 0 1-1-1M8 8a.99.99 0 0 1-.92-1.38a1 1 0 0 1 .21-.33a.985.985 0 0 1 1.63.33A.99.99 0 0 1 8 8m-3.21 2.21a1.01 1.01 0 0 1 0-1.42a1.007 1.007 0 0 1 1.42 0a1.01 1.01 0 0 1 0 1.42a1.03 1.03 0 0 1-.71.29a1.03 1.03 0 0 1-.71-.29" opacity=".5"/></svg>
</template>

CSS

.icon-flip-v {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022a1%201%200%200%201-1-1V3a1%201%200%200%201%202%200v18a1%201%200%200%201-1%201%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21%2012l-5-5v10z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2018a1%201%200%200%201-1-1V7a1%201%200%200%201%201.707-.707l5%205a1%201%200%200%201%200%201.414l-5%205A1%201%200%200%201%2016%2018m1-8.586v5.172L19.586%2012Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2013a.99.99%200%200%201-.92-1.38a1.2%201.2%200%200%201%20.21-.33a1.047%201.047%200%200%201%201.42%200a1%201%200%200%201%20.21.33A.84.84%200%200%201%204%2012a.99.99%200%200%201-1%201m1.79%202.21a1.01%201.01%200%200%201%200-1.42a1.007%201.007%200%200%201%201.42%200a1.01%201.01%200%200%201%200%201.42a1.03%201.03%200%200%201-.71.29a1.03%201.03%200%200%201-.71-.29M8%2018a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A1%201%200%200%201%207%2017a1.05%201.05%200%200%201%20.29-.71a1.04%201.04%200%200%201%201.09-.21a1.2%201.2%200%200%201%20.33.21A1.05%201.05%200%200%201%209%2017a1%201%200%200%201-.08.38a1.2%201.2%200%200%201-.21.33A1%201%200%200%201%208%2018m-1-4.33a.996.996%200%200%201%201-1a.996.996%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-3.34a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a.997.997%200%200%201-1%201a.997.997%200%200%201-1-1M8%208a.99.99%200%200%201-.92-1.38a1%201%200%200%201%20.21-.33a.985.985%200%200%201%201.63.33A.99.99%200%200%201%208%208m-3.21%202.21a1.01%201.01%200%200%201%200-1.42a1.007%201.007%200%200%201%201.42%200a1.01%201.01%200%200%201%200%201.42a1.03%201.03%200%200%201-.71.29a1.03%201.03%200%200%201-.71-.29%22%20opacity%3D%22.5%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022a1%201%200%200%201-1-1V3a1%201%200%200%201%202%200v18a1%201%200%200%201-1%201%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21%2012l-5-5v10z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2018a1%201%200%200%201-1-1V7a1%201%200%200%201%201.707-.707l5%205a1%201%200%200%201%200%201.414l-5%205A1%201%200%200%201%2016%2018m1-8.586v5.172L19.586%2012Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2013a.99.99%200%200%201-.92-1.38a1.2%201.2%200%200%201%20.21-.33a1.047%201.047%200%200%201%201.42%200a1%201%200%200%201%20.21.33A.84.84%200%200%201%204%2012a.99.99%200%200%201-1%201m1.79%202.21a1.01%201.01%200%200%201%200-1.42a1.007%201.007%200%200%201%201.42%200a1.01%201.01%200%200%201%200%201.42a1.03%201.03%200%200%201-.71.29a1.03%201.03%200%200%201-.71-.29M8%2018a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A1%201%200%200%201%207%2017a1.05%201.05%200%200%201%20.29-.71a1.04%201.04%200%200%201%201.09-.21a1.2%201.2%200%200%201%20.33.21A1.05%201.05%200%200%201%209%2017a1%201%200%200%201-.08.38a1.2%201.2%200%200%201-.21.33A1%201%200%200%201%208%2018m-1-4.33a.996.996%200%200%201%201-1a.996.996%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-3.34a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a.997.997%200%200%201-1%201a.997.997%200%200%201-1-1M8%208a.99.99%200%200%201-.92-1.38a1%201%200%200%201%20.21-.33a.985.985%200%200%201%201.63.33A.99.99%200%200%201%208%208m-3.21%202.21a1.01%201.01%200%200%201%200-1.42a1.007%201.007%200%200%201%201.42%200a1.01%201.01%200%200%201%200%201.42a1.03%201.03%200%200%201-.71.29a1.03%201.03%200%200%201-.71-.29%22%20opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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