Skip to content

Upcoming Sharp

The upcoming-sharp icon denotes a scheduled event or appointment, commonly found in digital calendars and planning tools.

Exports at 24 × 24 px

Upcoming Sharp icon from Material Symbols Light
Get Pro

Code

Upcoming Sharp in your framework

In any framework. Customize it above, and the code follows.

export const UpcomingSharpIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <path fill="currentColor" d="M3 20v-7h5.23q.328 1.327 1.376 2.164T12 16q1.385 0 2.433-.836q1.048-.837 1.336-2.164H21v7zm14.408-9.315l-.708-.708l2.858-2.858l.707.708zm-10.816 0L3.735 7.826l.707-.708L7.3 9.977zM11.5 8.038v-4h1v4z"/>
  </svg>
);

Other libraries

Upcoming Sharp in 1 more libraries

Each library draws it its own way. Open one to compare.

Pricing

Material Symbols Light MCP, with Pro

Ask for Upcoming Sharp or any of 15,390 Material Symbols Light icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Upcoming Sharp icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install Upcoming Sharp from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro