Calendar8 icon in outline, twotone, bold and bulk. Free in all four styles, for calendar, scheduling, alarms, timers, history. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconCalendar8 } from "@devigner-ui/icons";
<IconCalendar8 className="size-6" />
<script setup>
import { IconCalendar8 } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCalendar8 class="size-6" />
</template>
<script>
import { IconCalendar8 } from "@devigner-ui/icons-svelte";
</script>
<IconCalendar8 class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.67 2v3" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.67 2v3" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.67 3.5c3.33.18 5 1.45 5 6.15v6.18c0 4.12-1 6.18-6 6.18h-6c-5 0-6-2.06-6-6.18V9.65c0-4.7 1.67-5.96 5-6.15z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M21.42 17.6H3.92" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.67 8.25c-1.23 0-2.27.67-2.27 1.97 0 .62.29 1.09.73 1.39-.61.36-.96.94-.96 1.62 0 1.24.95 2.01 2.5 2.01 1.54 0 2.5-.77 2.5-2.01 0-.68-.35-1.27-.97-1.62.45-.31.73-.77.73-1.39 0-1.3-1.03-1.97-2.26-1.97m0 2.84c-.52 0-.9-.31-.9-.8s.38-.79.9-.79.9.29.9.79c0 .49-.38.8-.9.8m0 2.91c-.66 0-1.14-.33-1.14-.93s.48-.92 1.14-.92 1.14.33 1.14.92-.48.93-1.14.93" fill="currentColor"></path></svg>