icons/IconaMoon/calendar-addOpen in browser →

calendar-add · IconaMoon

Free SVG calendar-add icon from IconaMoon. Rendered at 24×24 in the stroke style and licensed under CC-BY-4.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for CC-BY-4.0 licensed icons.

calendar-add icon — IconaMoonFree calendar-add SVG icon from IconaMoon, stroke style, CC-BY-4.0 licensed.

Tags

  • calendar
  • add

Code

HTML / SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2"/></svg>
React
// Run: npx sant-icons get iconamoon-calendar-add --format react
export function IconamoonCalendarAdd(props) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4h16v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm8 8v4m-2-2h4M4 8h16m-4-5v2M8 3v2"/></svg>
  );
}
CLI
npx sant-icons get iconamoon-calendar-add

Properties

Name
calendar-add
Library
IconaMoon
Style
stroke
License
CC-BY-4.0
Version
1.2.2
Identifier
iconamoon-calendar-add

calendar-add in other libraries

Related from IconaMoon

The calendar-add icon ships with IconaMoon, an open-source icon set licensed under CC-BY-4.0. Search for it as "iconamoon calendar-add", "calendar-add svg", or any of its tagged terms (calendar, add). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.

Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch iconamoon-calendar-add directly into your project. No browser context-switch.