upcoming icon

upcoming-outline-rounded from Material Symbols Light by Google · Outline Rounded · Communicate · Apache-2.0 Free for personal and commercial use.

Name
upcoming-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Communicate
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

upcomingupcoming-outlineupcoming-outline-sharpupcoming-roundedupcoming-sharp

The same icon in other sets

upcomingMaterial Symbols

More communicate icons from Material Symbols Light

3padd-calladd-commentall-inboxalternate-emailattach-emailattributionauto-read-pauseauto-read-playbusiness-messagescalendar-add-oncalendar-apps-scriptcallcall-endcall-logcall-madecall-mergecall-missedcall-missed-outgoingcall-qualitycall-receivedcall-splitcancel-presentationcancel-schedule-send

Use the upcoming icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 20q-.672 0-1.144-.472T3 18.385v-3.77q0-.67.472-1.143Q3.944 13 4.616 13h2.957q.26 0 .458.154t.286.388q.433 1.1 1.452 1.78Q10.79 16 12 16q1.23 0 2.25-.679t1.433-1.779q.088-.234.296-.388t.467-.154h2.938q.672 0 1.144.472T21 14.616v3.769q0 .67-.472 1.143q-.472.472-1.143.472zm0-1h14.769q.23 0 .423-.192t.192-.424v-3.768q0-.231-.192-.424T19.385 14H16.6q-.644 1.375-1.872 2.188Q13.5 17 12 17t-2.728-.812T7.4 14H4.615q-.23 0-.423.192T4 14.616v3.769q0 .23.192.423t.423.192m12.439-8.67q-.16-.159-.16-.353t.16-.354l2.15-2.15q.14-.14.344-.15t.364.15t.16.354t-.16.354l-2.15 2.15q-.14.14-.345.15t-.363-.15m-10.108 0q-.16.16-.354.16t-.354-.16l-2.15-2.15q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l2.15 2.15q.14.14.15.344t-.15.364m4.697-2.436q-.143-.143-.143-.356v-3q0-.214.143-.357T12 4.039t.357.143t.143.357v3q0 .213-.143.356T12 8.04t-.357-.144M4.615 19H4h16z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightUpcomingOutlineRounded(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.616 20q-.672 0-1.144-.472T3 18.385v-3.77q0-.67.472-1.143Q3.944 13 4.616 13h2.957q.26 0 .458.154t.286.388q.433 1.1 1.452 1.78Q10.79 16 12 16q1.23 0 2.25-.679t1.433-1.779q.088-.234.296-.388t.467-.154h2.938q.672 0 1.144.472T21 14.616v3.769q0 .67-.472 1.143q-.472.472-1.143.472zm0-1h14.769q.23 0 .423-.192t.192-.424v-3.768q0-.231-.192-.424T19.385 14H16.6q-.644 1.375-1.872 2.188Q13.5 17 12 17t-2.728-.812T7.4 14H4.615q-.23 0-.423.192T4 14.616v3.769q0 .23.192.423t.423.192m12.439-8.67q-.16-.159-.16-.353t.16-.354l2.15-2.15q.14-.14.344-.15t.364.15t.16.354t-.16.354l-2.15 2.15q-.14.14-.345.15t-.363-.15m-10.108 0q-.16.16-.354.16t-.354-.16l-2.15-2.15q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l2.15 2.15q.14.14.15.344t-.15.364m4.697-2.436q-.143-.143-.143-.356v-3q0-.214.143-.357T12 4.039t.357.143t.143.357v3q0 .213-.143.356T12 8.04t-.357-.144M4.615 19H4h16z"/></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.616 20q-.672 0-1.144-.472T3 18.385v-3.77q0-.67.472-1.143Q3.944 13 4.616 13h2.957q.26 0 .458.154t.286.388q.433 1.1 1.452 1.78Q10.79 16 12 16q1.23 0 2.25-.679t1.433-1.779q.088-.234.296-.388t.467-.154h2.938q.672 0 1.144.472T21 14.616v3.769q0 .67-.472 1.143q-.472.472-1.143.472zm0-1h14.769q.23 0 .423-.192t.192-.424v-3.768q0-.231-.192-.424T19.385 14H16.6q-.644 1.375-1.872 2.188Q13.5 17 12 17t-2.728-.812T7.4 14H4.615q-.23 0-.423.192T4 14.616v3.769q0 .23.192.423t.423.192m12.439-8.67q-.16-.159-.16-.353t.16-.354l2.15-2.15q.14-.14.344-.15t.364.15t.16.354t-.16.354l-2.15 2.15q-.14.14-.345.15t-.363-.15m-10.108 0q-.16.16-.354.16t-.354-.16l-2.15-2.15q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l2.15 2.15q.14.14.15.344t-.15.364m4.697-2.436q-.143-.143-.143-.356v-3q0-.214.143-.357T12 4.039t.357.143t.143.357v3q0 .213-.143.356T12 8.04t-.357-.144M4.615 19H4h16z"/></svg>
</template>

CSS

.icon-upcoming-outline-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%22M4.616%2020q-.672%200-1.144-.472T3%2018.385v-3.77q0-.67.472-1.143Q3.944%2013%204.616%2013h2.957q.26%200%20.458.154t.286.388q.433%201.1%201.452%201.78Q10.79%2016%2012%2016q1.23%200%202.25-.679t1.433-1.779q.088-.234.296-.388t.467-.154h2.938q.672%200%201.144.472T21%2014.616v3.769q0%20.67-.472%201.143q-.472.472-1.143.472zm0-1h14.769q.23%200%20.423-.192t.192-.424v-3.768q0-.231-.192-.424T19.385%2014H16.6q-.644%201.375-1.872%202.188Q13.5%2017%2012%2017t-2.728-.812T7.4%2014H4.615q-.23%200-.423.192T4%2014.616v3.769q0%20.23.192.423t.423.192m12.439-8.67q-.16-.159-.16-.353t.16-.354l2.15-2.15q.14-.14.344-.15t.364.15t.16.354t-.16.354l-2.15%202.15q-.14.14-.345.15t-.363-.15m-10.108%200q-.16.16-.354.16t-.354-.16l-2.15-2.15q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l2.15%202.15q.14.14.15.344t-.15.364m4.697-2.436q-.143-.143-.143-.356v-3q0-.214.143-.357T12%204.039t.357.143t.143.357v3q0%20.213-.143.356T12%208.04t-.357-.144M4.615%2019H4h16z%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.616%2020q-.672%200-1.144-.472T3%2018.385v-3.77q0-.67.472-1.143Q3.944%2013%204.616%2013h2.957q.26%200%20.458.154t.286.388q.433%201.1%201.452%201.78Q10.79%2016%2012%2016q1.23%200%202.25-.679t1.433-1.779q.088-.234.296-.388t.467-.154h2.938q.672%200%201.144.472T21%2014.616v3.769q0%20.67-.472%201.143q-.472.472-1.143.472zm0-1h14.769q.23%200%20.423-.192t.192-.424v-3.768q0-.231-.192-.424T19.385%2014H16.6q-.644%201.375-1.872%202.188Q13.5%2017%2012%2017t-2.728-.812T7.4%2014H4.615q-.23%200-.423.192T4%2014.616v3.769q0%20.23.192.423t.423.192m12.439-8.67q-.16-.159-.16-.353t.16-.354l2.15-2.15q.14-.14.344-.15t.364.15t.16.354t-.16.354l-2.15%202.15q-.14.14-.345.15t-.363-.15m-10.108%200q-.16.16-.354.16t-.354-.16l-2.15-2.15q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l2.15%202.15q.14.14.15.344t-.15.364m4.697-2.436q-.143-.143-.143-.356v-3q0-.214.143-.357T12%204.039t.357.143t.143.357v3q0%20.213-.143.356T12%208.04t-.357-.144M4.615%2019H4h16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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