Back to Explorer
16 - 512
0.5 - 4.0
Save to
contentoutline
md upcoming
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdUpcomingIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><path d="M17.6,10.81L16.19,9.4l3.56-3.55l1.41,1.41C21.05,7.29,17.6,10.81,17.6,10.81z M13,3h-2v5h2V3z M6.4,10.81L7.81,9.4 L4.26,5.84L2.84,7.26C2.95,7.29,6.4,10.81,6.4,10.81z M20,14h-3.42c-0.77,1.76-2.54,3-4.58,3s-3.81-1.24-4.58-3H4v5h16V14 M20,12 c1.1,0,2,0.9,2,2v5c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2v-5c0-1.1,0.9-2,2-2h5c0,1.66,1.34,3,3,3s3-1.34,3-3H20z"/></g>
</svg>
);SVG Optimizer
Before
0.55 KB
↓
After
0.54 KB
Tags
agendaalarmanticipationappointmentcalendarcomingcoming soondateeventsevents listforecastforthcomingfuturefuture eventshorizonlaterlater datelistmailmessagenew eventsnextnot yetnotificationpendingplanspreviewschedulestill to cometimelineupcoming
Compare Alternatives
See how other libraries approach this concept.