image flip vertical icon
image-flip-vertical from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- image-flip-vertical
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
image-01image-02image-03image-actual-sizeimage-add-01image-add-02image-compositionimage-composition-ovalimage-counter-clockwiseimage-cropimage-delete-01image-delete-02image-done-01image-done-02image-downimage-downloadimage-download-02image-flip-horizontalimage-minusimage-not-found-01image-not-found-02image-offimage-playimage-plus
Use the image flip vertical icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M13.457 5.407L9.534 3.333C7.52 2.268 6.514 1.736 5.757 2.13S5 3.58 5 5.693v2.074C5 9.056 5 9.7 5.442 10.1c.441.4 1.152.4 2.573.4h3.923c4.487 0 6.73 0 7.031-1.01c.302-1.01-1.636-2.034-5.512-4.083Zm0 13.186l-3.923 2.074c-2.014 1.065-3.02 1.597-3.777 1.203S5 20.42 5 18.307v-2.074c0-1.289 0-1.933.442-2.333c.441-.4 1.152-.4 2.573-.4h3.923c4.487 0 6.73 0 7.031 1.01c.302 1.01-1.636 2.034-5.512 4.083Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsImageFlipVertical(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M13.457 5.407L9.534 3.333C7.52 2.268 6.514 1.736 5.757 2.13S5 3.58 5 5.693v2.074C5 9.056 5 9.7 5.442 10.1c.441.4 1.152.4 2.573.4h3.923c4.487 0 6.73 0 7.031-1.01c.302-1.01-1.636-2.034-5.512-4.083Zm0 13.186l-3.923 2.074c-2.014 1.065-3.02 1.597-3.777 1.203S5 20.42 5 18.307v-2.074c0-1.289 0-1.933.442-2.333c.441-.4 1.152-.4 2.573-.4h3.923c4.487 0 6.73 0 7.031 1.01c.302 1.01-1.636 2.034-5.512 4.083Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M13.457 5.407L9.534 3.333C7.52 2.268 6.514 1.736 5.757 2.13S5 3.58 5 5.693v2.074C5 9.056 5 9.7 5.442 10.1c.441.4 1.152.4 2.573.4h3.923c4.487 0 6.73 0 7.031-1.01c.302-1.01-1.636-2.034-5.512-4.083Zm0 13.186l-3.923 2.074c-2.014 1.065-3.02 1.597-3.777 1.203S5 20.42 5 18.307v-2.074c0-1.289 0-1.933.442-2.333c.441-.4 1.152-.4 2.573-.4h3.923c4.487 0 6.73 0 7.031 1.01c.302 1.01-1.636 2.034-5.512 4.083Z"/></svg> </template>
CSS
.icon-image-flip-vertical {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.457%205.407L9.534%203.333C7.52%202.268%206.514%201.736%205.757%202.13S5%203.58%205%205.693v2.074C5%209.056%205%209.7%205.442%2010.1c.441.4%201.152.4%202.573.4h3.923c4.487%200%206.73%200%207.031-1.01c.302-1.01-1.636-2.034-5.512-4.083Zm0%2013.186l-3.923%202.074c-2.014%201.065-3.02%201.597-3.777%201.203S5%2020.42%205%2018.307v-2.074c0-1.289%200-1.933.442-2.333c.441-.4%201.152-.4%202.573-.4h3.923c4.487%200%206.73%200%207.031%201.01c.302%201.01-1.636%202.034-5.512%204.083Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M13.457%205.407L9.534%203.333C7.52%202.268%206.514%201.736%205.757%202.13S5%203.58%205%205.693v2.074C5%209.056%205%209.7%205.442%2010.1c.441.4%201.152.4%202.573.4h3.923c4.487%200%206.73%200%207.031-1.01c.302-1.01-1.636-2.034-5.512-4.083Zm0%2013.186l-3.923%202.074c-2.014%201.065-3.02%201.597-3.777%201.203S5%2020.42%205%2018.307v-2.074c0-1.289%200-1.933.442-2.333c.441-.4%201.152-.4%202.573-.4h3.923c4.487%200%206.73%200%207.031%201.01c.302%201.01-1.636%202.034-5.512%204.083Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/image-flip-vertical.svg?color=%231a73e8&size=48
