text select jump to end icon

text-select-jump-to-end from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.

Name: text-select-jump-to-end
Set: Material Symbols Light
Style: Regular
Category: Text
Viewbox: 24×24
License: Apache 2.0
Aliases: text-select-jump-to-end-outline, text-select-jump-to-end-outline-sharp, text-select-jump-to-end-sharp

1 other variant in Material Symbols Light

text-select-jump-to-end-rounded

The same icon in other sets

text-select-jump-to-endMaterial Symbols

Use the text select jump to end icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20v-1.23h1.23V20zM4 5.23V4h1.23v1.23zM7.692 20v-1.23h1.231V20zm0-14.77V4h1.231v1.23zM11.385 20v-1.23h1.23V20zm3.692 0v-1.23h1.23V20zm0-14.77V4h1.23v1.23zM19 20V4h1v16zm-8.442-4.712L9.85 14.6l2.075-2.1H4v-1h7.925L9.85 9.4l.708-.688L13.846 12zm.827-10.057V4h1.23v1.23z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightTextSelectJumpToEnd(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="M4 20v-1.23h1.23V20zM4 5.23V4h1.23v1.23zM7.692 20v-1.23h1.231V20zm0-14.77V4h1.231v1.23zM11.385 20v-1.23h1.23V20zm3.692 0v-1.23h1.23V20zm0-14.77V4h1.23v1.23zM19 20V4h1v16zm-8.442-4.712L9.85 14.6l2.075-2.1H4v-1h7.925L9.85 9.4l.708-.688L13.846 12zm.827-10.057V4h1.23v1.23z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20v-1.23h1.23V20zM4 5.23V4h1.23v1.23zM7.692 20v-1.23h1.231V20zm0-14.77V4h1.231v1.23zM11.385 20v-1.23h1.23V20zm3.692 0v-1.23h1.23V20zm0-14.77V4h1.23v1.23zM19 20V4h1v16zm-8.442-4.712L9.85 14.6l2.075-2.1H4v-1h7.925L9.85 9.4l.708-.688L13.846 12zm.827-10.057V4h1.23v1.23z"/></svg>
</template>

CSS

.icon-text-select-jump-to-end {
  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%22M4%2020v-1.23h1.23V20zM4%205.23V4h1.23v1.23zM7.692%2020v-1.23h1.231V20zm0-14.77V4h1.231v1.23zM11.385%2020v-1.23h1.23V20zm3.692%200v-1.23h1.23V20zm0-14.77V4h1.23v1.23zM19%2020V4h1v16zm-8.442-4.712L9.85%2014.6l2.075-2.1H4v-1h7.925L9.85%209.4l.708-.688L13.846%2012zm.827-10.057V4h1.23v1.23z%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%22M4%2020v-1.23h1.23V20zM4%205.23V4h1.23v1.23zM7.692%2020v-1.23h1.231V20zm0-14.77V4h1.231v1.23zM11.385%2020v-1.23h1.23V20zm3.692%200v-1.23h1.23V20zm0-14.77V4h1.23v1.23zM19%2020V4h1v16zm-8.442-4.712L9.85%2014.6l2.075-2.1H4v-1h7.925L9.85%209.4l.708-.688L13.846%2012zm.827-10.057V4h1.23v1.23z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/text-select-jump-to-end.svg?color=%231a73e8&size=48

text select jump to end icon

1 other variant in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the text select jump to end icon

SVG

React

Vue

CSS