move selection up icon

move-selection-up-rounded from Material Symbols by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: move-selection-up-rounded
Set: Material Symbols
Style: Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols

move-selection-up move-selection-up-outline move-selection-up-outline-rounded

The same icon in other sets

move-selection-upMaterial Symbols Light

More ui actions icons from Material Symbols

Use the move selection up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 14q-.825 0-1.412-.587T6 12V4q0-.825.588-1.412T8 2h8q.825 0 1.413.588T18 4v8q0 .825-.587 1.413T16 14zm-1.713 3.713Q6 17.425 6 17t.288-.712T7 16t.713.288T8 17t-.288.713T7 18t-.712-.288m0 4Q6 21.426 6 21t.288-.712T7 20t.713.288T8 21t-.288.713T7 22t-.712-.288m5 0Q11 21.426 11 21t.288-.712T12 20t.713.288T13 21t-.288.713T12 22t-.712-.288m5 0Q16 21.426 16 21t.288-.712T17 20t.713.288T18 21t-.288.713T17 22t-.712-.288m0-4Q16 17.426 16 17t.288-.712T17 16t.713.288T18 17t-.288.713T17 18t-.712-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsMoveSelectionUpRounded(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="M8 14q-.825 0-1.412-.587T6 12V4q0-.825.588-1.412T8 2h8q.825 0 1.413.588T18 4v8q0 .825-.587 1.413T16 14zm-1.713 3.713Q6 17.425 6 17t.288-.712T7 16t.713.288T8 17t-.288.713T7 18t-.712-.288m0 4Q6 21.426 6 21t.288-.712T7 20t.713.288T8 21t-.288.713T7 22t-.712-.288m5 0Q11 21.426 11 21t.288-.712T12 20t.713.288T13 21t-.288.713T12 22t-.712-.288m5 0Q16 21.426 16 21t.288-.712T17 20t.713.288T18 21t-.288.713T17 22t-.712-.288m0-4Q16 17.426 16 17t.288-.712T17 16t.713.288T18 17t-.288.713T17 18t-.712-.288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 14q-.825 0-1.412-.587T6 12V4q0-.825.588-1.412T8 2h8q.825 0 1.413.588T18 4v8q0 .825-.587 1.413T16 14zm-1.713 3.713Q6 17.425 6 17t.288-.712T7 16t.713.288T8 17t-.288.713T7 18t-.712-.288m0 4Q6 21.426 6 21t.288-.712T7 20t.713.288T8 21t-.288.713T7 22t-.712-.288m5 0Q11 21.426 11 21t.288-.712T12 20t.713.288T13 21t-.288.713T12 22t-.712-.288m5 0Q16 21.426 16 21t.288-.712T17 20t.713.288T18 21t-.288.713T17 22t-.712-.288m0-4Q16 17.426 16 17t.288-.712T17 16t.713.288T18 17t-.288.713T17 18t-.712-.288"/></svg>
</template>

CSS

.icon-move-selection-up-rounded {
  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%22M8%2014q-.825%200-1.412-.587T6%2012V4q0-.825.588-1.412T8%202h8q.825%200%201.413.588T18%204v8q0%20.825-.587%201.413T16%2014zm-1.713%203.713Q6%2017.425%206%2017t.288-.712T7%2016t.713.288T8%2017t-.288.713T7%2018t-.712-.288m0%204Q6%2021.426%206%2021t.288-.712T7%2020t.713.288T8%2021t-.288.713T7%2022t-.712-.288m5%200Q11%2021.426%2011%2021t.288-.712T12%2020t.713.288T13%2021t-.288.713T12%2022t-.712-.288m5%200Q16%2021.426%2016%2021t.288-.712T17%2020t.713.288T18%2021t-.288.713T17%2022t-.712-.288m0-4Q16%2017.426%2016%2017t.288-.712T17%2016t.713.288T18%2017t-.288.713T17%2018t-.712-.288%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%22M8%2014q-.825%200-1.412-.587T6%2012V4q0-.825.588-1.412T8%202h8q.825%200%201.413.588T18%204v8q0%20.825-.587%201.413T16%2014zm-1.713%203.713Q6%2017.425%206%2017t.288-.712T7%2016t.713.288T8%2017t-.288.713T7%2018t-.712-.288m0%204Q6%2021.426%206%2021t.288-.712T7%2020t.713.288T8%2021t-.288.713T7%2022t-.712-.288m5%200Q11%2021.426%2011%2021t.288-.712T12%2020t.713.288T13%2021t-.288.713T12%2022t-.712-.288m5%200Q16%2021.426%2016%2021t.288-.712T17%2020t.713.288T18%2021t-.288.713T17%2022t-.712-.288m0-4Q16%2017.426%2016%2017t.288-.712T17%2016t.713.288T18%2017t-.288.713T17%2018t-.712-.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/move-selection-up-rounded.svg?color=%231a73e8&size=48