flip v alt icon

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

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

The same icon in other sets

flip-v-altUnicons flip-v-altUnicons Solid

More design tools icons from Unicons Monochrome

Use the flip v alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A.8.8 0 0 1 9 20a1 1 0 1 1 2 0a.99.99 0 0 1-1 1m-4.5-1a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1M3 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 2 20a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 4 20a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 3 21m.76-4.03a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 4 17a1 1 0 0 1-.24-.03m.99-4a.99.99 0 0 1-.72-1.21a1 1 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A1 1 0 0 1 5 13a1 1 0 0 1-.25-.03m1.01-4a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 6 9a1 1 0 0 1-.24-.03M7 5a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.034 1.034 0 0 1 1.41 0A1.02 1.02 0 0 1 8 4a1.007 1.007 0 0 1-1 1m3 0a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 11 4a.99.99 0 0 1-1 1M9 16a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1" opacity=".5"/><path fill="currentColor" d="M14 20h7L17 4h-3z"/><path fill="currentColor" d="M21 21h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3a1 1 0 0 1 .97.758l4 16A1 1 0 0 1 21 21m-6-2h4.719l-3.5-14H15Z"/></svg>

React

import type { SVGProps } from "react";

export function UimFlipVAlt(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="M10 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A.8.8 0 0 1 9 20a1 1 0 1 1 2 0a.99.99 0 0 1-1 1m-4.5-1a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1M3 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 2 20a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 4 20a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 3 21m.76-4.03a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 4 17a1 1 0 0 1-.24-.03m.99-4a.99.99 0 0 1-.72-1.21a1 1 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A1 1 0 0 1 5 13a1 1 0 0 1-.25-.03m1.01-4a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 6 9a1 1 0 0 1-.24-.03M7 5a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.034 1.034 0 0 1 1.41 0A1.02 1.02 0 0 1 8 4a1.007 1.007 0 0 1-1 1m3 0a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 11 4a.99.99 0 0 1-1 1M9 16a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1" opacity=".5"/><path fill="currentColor" d="M14 20h7L17 4h-3z"/><path fill="currentColor" d="M21 21h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3a1 1 0 0 1 .97.758l4 16A1 1 0 0 1 21 21m-6-2h4.719l-3.5-14H15Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A.8.8 0 0 1 9 20a1 1 0 1 1 2 0a.99.99 0 0 1-1 1m-4.5-1a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1M3 21a1 1 0 0 1-.71-.29a1.2 1.2 0 0 1-.21-.33A1 1 0 0 1 2 20a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 4 20a1 1 0 0 1-.08.38a1.2 1.2 0 0 1-.21.33A1 1 0 0 1 3 21m.76-4.03a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 4 17a1 1 0 0 1-.24-.03m.99-4a.99.99 0 0 1-.72-1.21a1 1 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A1 1 0 0 1 5 13a1 1 0 0 1-.25-.03m1.01-4a1 1 0 0 1-.73-1.21a.994.994 0 0 1 1.21-.73a1 1 0 0 1 .73 1.21A.99.99 0 0 1 6 9a1 1 0 0 1-.24-.03M7 5a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.034 1.034 0 0 1 1.41 0A1.02 1.02 0 0 1 8 4a1.007 1.007 0 0 1-1 1m3 0a.99.99 0 0 1-1-1a1.05 1.05 0 0 1 .29-.71a1.047 1.047 0 0 1 1.42 0A1.05 1.05 0 0 1 11 4a.99.99 0 0 1-1 1M9 16a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1m0-4a1.003 1.003 0 0 1 1-1a1.003 1.003 0 0 1 1 1a1.003 1.003 0 0 1-1 1a1.003 1.003 0 0 1-1-1" opacity=".5"/><path fill="currentColor" d="M14 20h7L17 4h-3z"/><path fill="currentColor" d="M21 21h-7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3a1 1 0 0 1 .97.758l4 16A1 1 0 0 1 21 21m-6-2h4.719l-3.5-14H15Z"/></svg>
</template>

CSS

.icon-flip-v-alt {
  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%22M10%2021a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A.8.8%200%200%201%209%2020a1%201%200%201%201%202%200a.99.99%200%200%201-1%201m-4.5-1a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1M3%2021a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A1%201%200%200%201%202%2020a1.05%201.05%200%200%201%20.29-.71a1.047%201.047%200%200%201%201.42%200A1.05%201.05%200%200%201%204%2020a1%201%200%200%201-.08.38a1.2%201.2%200%200%201-.21.33A1%201%200%200%201%203%2021m.76-4.03a1%201%200%200%201-.73-1.21a.994.994%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A.99.99%200%200%201%204%2017a1%201%200%200%201-.24-.03m.99-4a.99.99%200%200%201-.72-1.21a1%201%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A1%201%200%200%201%205%2013a1%201%200%200%201-.25-.03m1.01-4a1%201%200%200%201-.73-1.21a.994.994%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A.99.99%200%200%201%206%209a1%201%200%200%201-.24-.03M7%205a.99.99%200%200%201-1-1a1.05%201.05%200%200%201%20.29-.71a1.034%201.034%200%200%201%201.41%200A1.02%201.02%200%200%201%208%204a1.007%201.007%200%200%201-1%201m3%200a.99.99%200%200%201-1-1a1.05%201.05%200%200%201%20.29-.71a1.047%201.047%200%200%201%201.42%200A1.05%201.05%200%200%201%2011%204a.99.99%200%200%201-1%201M9%2016a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-4a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-4a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2020h7L17%204h-3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2021h-7a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h3a1%201%200%200%201%20.97.758l4%2016A1%201%200%200%201%2021%2021m-6-2h4.719l-3.5-14H15Z%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%22M10%2021a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A.8.8%200%200%201%209%2020a1%201%200%201%201%202%200a.99.99%200%200%201-1%201m-4.5-1a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1M3%2021a1%201%200%200%201-.71-.29a1.2%201.2%200%200%201-.21-.33A1%201%200%200%201%202%2020a1.05%201.05%200%200%201%20.29-.71a1.047%201.047%200%200%201%201.42%200A1.05%201.05%200%200%201%204%2020a1%201%200%200%201-.08.38a1.2%201.2%200%200%201-.21.33A1%201%200%200%201%203%2021m.76-4.03a1%201%200%200%201-.73-1.21a.994.994%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A.99.99%200%200%201%204%2017a1%201%200%200%201-.24-.03m.99-4a.99.99%200%200%201-.72-1.21a1%201%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A1%201%200%200%201%205%2013a1%201%200%200%201-.25-.03m1.01-4a1%201%200%200%201-.73-1.21a.994.994%200%200%201%201.21-.73a1%201%200%200%201%20.73%201.21A.99.99%200%200%201%206%209a1%201%200%200%201-.24-.03M7%205a.99.99%200%200%201-1-1a1.05%201.05%200%200%201%20.29-.71a1.034%201.034%200%200%201%201.41%200A1.02%201.02%200%200%201%208%204a1.007%201.007%200%200%201-1%201m3%200a.99.99%200%200%201-1-1a1.05%201.05%200%200%201%20.29-.71a1.047%201.047%200%200%201%201.42%200A1.05%201.05%200%200%201%2011%204a.99.99%200%200%201-1%201M9%2016a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-4a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1m0-4a1.003%201.003%200%200%201%201-1a1.003%201.003%200%200%201%201%201a1.003%201.003%200%200%201-1%201a1.003%201.003%200%200%201-1-1%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2020h7L17%204h-3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2021h-7a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1h3a1%201%200%200%201%20.97.758l4%2016A1%201%200%200%201%2021%2021m-6-2h4.719l-3.5-14H15Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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