send time extension icon

send-time-extension from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: send-time-extension
Set: Material Symbols Light
Style: Regular
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

send-time-extension-outline send-time-extension-outline-rounded send-time-extension-outline-sharp send-time-extension-rounded send-time-extension-sharp

The same icon in other sets

send-time-extensionMaterial Symbols

More ui actions icons from Material Symbols Light

Use the send time extension icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 21.192v-3.384L17.346 17l-3.846-.808v-3.384L21.885 17zM5 20q-.421 0-.71-.29Q4 19.422 4 19v-3.954q.854-.25 1.427-.945T6 12.5t-.573-1.601T4 9.954V6q0-.421.29-.71Q4.579 5 5 5h4q.27-.858.946-1.371q.677-.514 1.554-.514t1.554.514T14 5h4q.421 0 .71.29q.29.289.29.71v7.327l-7.308-3.654v8.358q-.961-.05-1.705.476T8.954 20z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSendTimeExtension(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="M13.5 21.192v-3.384L17.346 17l-3.846-.808v-3.384L21.885 17zM5 20q-.421 0-.71-.29Q4 19.422 4 19v-3.954q.854-.25 1.427-.945T6 12.5t-.573-1.601T4 9.954V6q0-.421.29-.71Q4.579 5 5 5h4q.27-.858.946-1.371q.677-.514 1.554-.514t1.554.514T14 5h4q.421 0 .71.29q.29.289.29.71v7.327l-7.308-3.654v8.358q-.961-.05-1.705.476T8.954 20z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 21.192v-3.384L17.346 17l-3.846-.808v-3.384L21.885 17zM5 20q-.421 0-.71-.29Q4 19.422 4 19v-3.954q.854-.25 1.427-.945T6 12.5t-.573-1.601T4 9.954V6q0-.421.29-.71Q4.579 5 5 5h4q.27-.858.946-1.371q.677-.514 1.554-.514t1.554.514T14 5h4q.421 0 .71.29q.29.289.29.71v7.327l-7.308-3.654v8.358q-.961-.05-1.705.476T8.954 20z"/></svg>
</template>

CSS

.icon-send-time-extension {
  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%22M13.5%2021.192v-3.384L17.346%2017l-3.846-.808v-3.384L21.885%2017zM5%2020q-.421%200-.71-.29Q4%2019.422%204%2019v-3.954q.854-.25%201.427-.945T6%2012.5t-.573-1.601T4%209.954V6q0-.421.29-.71Q4.579%205%205%205h4q.27-.858.946-1.371q.677-.514%201.554-.514t1.554.514T14%205h4q.421%200%20.71.29q.29.289.29.71v7.327l-7.308-3.654v8.358q-.961-.05-1.705.476T8.954%2020z%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%22M13.5%2021.192v-3.384L17.346%2017l-3.846-.808v-3.384L21.885%2017zM5%2020q-.421%200-.71-.29Q4%2019.422%204%2019v-3.954q.854-.25%201.427-.945T6%2012.5t-.573-1.601T4%209.954V6q0-.421.29-.71Q4.579%205%205%205h4q.27-.858.946-1.371q.677-.514%201.554-.514t1.554.514T14%205h4q.421%200%20.71.29q.29.289.29.71v7.327l-7.308-3.654v8.358q-.961-.05-1.705.476T8.954%2020z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/send-time-extension.svg?color=%231a73e8&size=48