Calendar Edit icon

Calendar Edit 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.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconCalendarEdit } from "@devigner-ui/icons";

<IconCalendarEdit className="size-6" />

Vue

<script setup>
import { IconCalendarEdit } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconCalendarEdit class="size-6" />
</template>

Svelte

<script>
  import { IconCalendarEdit } from "@devigner-ui/icons-svelte";
</script>

<IconCalendarEdit class="size-6" />

SVG

<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 opacity="1" d="M4.17 9.09h17" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="m19.88 15.77-3.54 3.54c-.14.14-.27.4-.3.59l-.19 1.35c-.07.49.27.83.76.76l1.35-.19c.19-.03.46-.16.59-.3l3.54-3.54c.61-.61.9-1.32 0-2.22-.89-.89-1.6-.6-2.21.01" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.37 16.28a3.2 3.2 0 0 0 2.22 2.22" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.67 22h-4c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V12" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.67 13.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M8.96 13.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M8.96 16.7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>

Category

Time & Calendar

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

calendar, scheduling, alarms, timers, history

Also called

calendar, edit, path, curved, smooth, arc, curve, closed, date, event, schedule, time, day, pencil, write, modify, change, update, pen

More Time & Calendar icons

• Alarm Add
• Alarm Pause
• Alarm Play
• Alarm Remove
• Alarm Sleep
• Alarm Turn Off
• Calendar
• Calendar2
• Calendar8
• Calendar Add
• Calendar Add2
• Calendar Check
• Calendar Circle
• Calendar Date
• Calendar Mark
• Calendar Minimalistic
• Calendar Remove
• Calendar Search
• Calendar Search2
• Calendar Tick
• Clock
• Clock Circle
• Clock Square
• History

All Time & Calendar icons

Browse all 8,584 icons