← Go back
Share

Calendar Up


Usage:

React Code:

npm install @mynaui/icons-react
import { CalendarUp } from "@mynaui/icons-react";

const App = () => {
  return <CalendarUp />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M16.5 5V3m-9 2V3M3.25 8h17.5m-8.747 9.5L12 12.22m2.5 1.934L12 11.5l-2.5 2.653"/><path d="M3 10.044c0-2.115 0-3.173.436-3.981a3.896 3.896 0 0 1 1.748-1.651C6.04 4 7.16 4 9.4 4h5.2c2.24 0 3.36 0 4.216.412.753.362 1.364.94 1.748 1.65.436.81.436 1.868.436 3.983v4.912c0 2.115 0 3.173-.436 3.981a3.896 3.896 0 0 1-1.748 1.651C17.96 21 16.84 21 14.6 21H9.4c-2.24 0-3.36 0-4.216-.412a3.896 3.896 0 0 1-1.748-1.65C3 18.128 3 17.07 3 14.955z"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/calendar-up.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-calendar-up"></use></svg
      >