launchshots / icons / lucide / calendar-cog

Calendar Cog

Lucide ISC License
date day month year events settings gear cog
Drop into editor

Copy the code

<!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-calendar-cog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m15.228 16.852-.923-.383" /> <path d="m15.228 19.148-.923.383" /> <path d="M16 2v4" /> <path d="m16.47 14.305.382.923" /> <path d="m16.852 20.772-.383.924" /> <path d="m19.148 15.228.383-.923" /> <path d="m19.53 21.696-.382-.924" /> <path d="m20.772 16.852.924-.383" /> <path d="m20.772 19.148.924.383" /> <path d="M21 10.592V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" /> <path d="M3 10h18" /> <path d="M8 2v4" /> <circle cx="18" cy="18" r="3" /> </svg>
<!-- Calendar Cog icon (Lucide) --> <!-- @license lucide-static v1.21.0 - ISC --> <svg class="lucide lucide-calendar-cog" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m15.228 16.852-.923-.383" /> <path d="m15.228 19.148-.923.383" /> <path d="M16 2v4" /> <path d="m16.47 14.305.382.923" /> <path d="m16.852 20.772-.383.924" /> <path d="m19.148 15.228.383-.923" /> <path d="m19.53 21.696-.382-.924" /> <path d="m20.772 16.852.924-.383" /> <path d="m20.772 19.148.924.383" /> <path d="M21 10.592V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" /> <path d="M3 10h18" /> <path d="M8 2v4" /> <circle cx="18" cy="18" r="3" /> </svg>
import { CalendarCog } from 'lucide-react'; export default function MyComponent() { return <CalendarCog size={24} strokeWidth={2} color="currentColor" />; }

Use this icon in your App Store screenshots

Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.

Open in editor →

About the Calendar Cog icon

The Calendar Cog icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Calendar Cog icon will sit visually next to any other Lucide icon without retouching.

Search keywords related to this icon: date, day, month, year, events, settings, gear, cog. If you're looking for a similar mark, the related grid below shares tags with this one.

Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.

Related icons

Calendar Chevrons Right icon calendar-chevrons-right Calendar Search icon calendar-search Calendar Check icon calendar-check Calendar Check 2 icon calendar-check-2 Calendar Clock icon calendar-clock Calendar Minus icon calendar-minus Calendar Minus 2 icon calendar-minus-2 Calendar Off icon calendar-off Calendar Plus icon calendar-plus Calendar Plus 2 icon calendar-plus-2 Calendar Range icon calendar-range Calendar X icon calendar-x

Latest from the blog

ASO
How to Read Competitor App Store Screenshots in 20 Minutes
Sep 25, 2026
Build in public
Getting Your First 100 App Users Without an Ad Budget
Sep 24, 2026
ASO
Screenshot Mistakes That Quietly Cost Installs: 10 Fixes
Sep 23, 2026
Guides
Claude Code Weekly Limit vs 5-Hour Lockout: Complete Usage & Reset Guide
Sep 22, 2026
copied