File: calendar-sync.md | Updated: 11/15/2025
Return to top
repeat • refresh • reconnect • transfer • backup • date • month • year • event • subscribe • recurring • schedule • reminder • automatic • auto
VanillaReactVueSveltePreactSolidAngularIcon font
js
import { createIcons, icons } from 'lucide';
createIcons({ icons });
document.body.append('<i data-lucide="calendar-sync"></i>');
tsx
import { CalendarSync } from 'lucide-react';
const App = () => {
return (
<CalendarSync />
);
};
export default App;
vue
<script setup>
import { CalendarSync } from 'lucide-vue-next';
</script>
<template>
<CalendarSync />
</template>
svelte
<script>
import { CalendarSync } from 'lucide-svelte';
</script>
<CalendarSync />
tsx
import { CalendarSync } from 'lucide-preact';
const App = () => {
return (
<CalendarSync />
);
};
export default App;
tsx
import { CalendarSync } from 'lucide-solid';
const App = () => {
return (
<CalendarSync />
);
};
export default App;
tsx
// app.module.ts
import { LucideAngularModule, CalendarSync } from 'lucide-angular';
@NgModule({
imports: [\
LucideAngularModule.pick({ CalendarSync })\
],
})
// app.component.html
<lucide-icon name="calendar-sync"></lucide-icon>
html
<div class="icon-calendar-sync"></div>
CalendarCancel
Bug
Feature
Calendar
Documents Readme Calendar 12
112
8
11
2
calendar-1
calendar-arrow-down
calendar-arrow-up
calendar-check-2
calendar-check
calendar-clock
calendar-cog
calendar-days
calendar-fold
calendar-heart
calendar-minus-2
calendar-minus
calendar-off
calendar-plus-2
calendar-plus
calendar-range
calendar-search
calendar-x-2
calendar-x
calendar
folder-sync
wifi-sync