Booked Meeting Icon — Icon / Clip Art

Direct Answer

A booked meeting icon is a small graphic that signals a confirmed, scheduled appointment — most often a calendar page paired with a checkmark, a clock, or a person silhouette. You'll see it in scheduling apps, email confirmations, CRM pipelines, and conference-room displays wherever a slot needs to read as "locked in" at a glance.

For RevOps and sales teams, it earns its keep in two places: pipeline reporting (marking the meeting-booked stage so SDR-to-AE handoffs are unambiguous) and slide decks (a clean visual for "we set the meeting" instead of a wall of text). Files come as PNG, SVG, or EPS. Plenty of libraries offer free icons under permissive or Creative Commons licenses; premium marketplace icons typically run a few dollars each, and exact pricing depends on the vendor's license tier. The version on this page is SVG, free to use, and recolorable to your brand below.

Booked Meeting Icon — Icon / Clip Art

A clean booked-meeting icon in the Pulse accent gradient on a dark tile. Drop it into slides, docs, dashboards, or diagrams wherever you need a "meeting set" mark.

Format: SVG (scalable vector) · Size: 800×800 px · Category: Clip Art · License: Free to use — no attribution required.

[⬇ Download this graphic](/graphics/assets/gb0198.svg)

flowchart TD A[Booked Meeting Icon] --> B[Clip Art Style] A --> C[Icon Design] B --> D[Simple Outline] B --> E[Colorful Graphic] C --> F[Calendar Symbol] C --> G[Clock Symbol] D --> H[Final Image] E --> H F --> H G --> H

flowchart TD A[Booked Meeting Icon] --> B[Calendar Icon] A --> C[Clock Icon] B --> D[Date Marker] C --> E[Time Slot] B --> F[Attendee Icon] E --> G[Confirmed Status] F --> G D --> G

Recolor it to your brand

Use the color picker above to recolor this graphic to your team or company colors, switch the background (including transparent), then download it as an SVG or PNG. No sign-up, no watermark.

How to use it

The SVG scales to any size with no quality loss — drop it straight into PowerPoint, Google Slides, Canva, Figma, or a LinkedIn banner slot. The PNG export is ready to upload anywhere that wants a raster image.

More free graphics

Browse the full [Pulse Graphics library](/graphics) — banners, slides, printables, quote cards, and clip art you can borrow for your own decks and posts.

Design Variations & Customization Options

The standard booked-meeting icon works as a universal "meeting set" indicator, but most real deployments need a tweak or two to match a brand or interface. Because this version ships as SVG, every change holds its edge at any resolution.

Color is the most common change. Swap the Pulse accent gradient for any brand palette — a monochrome navy (#1B2A4A) or charcoal (#2D2D2D) reads cleanly in corporate decks, while a blue-to-purple gradient (#2563EB → #7C3AED) leans modern/tech. For accessibility, keep at least a 4.5:1 contrast ratio against the background; WebAIM's contrast checker will confirm it.

Size should match the slot rather than be scaled down in-document:

• Presentation slides: ~120–180 px for inline marks, ~300–400 px for section dividers
• Dashboard widgets: 24–48 px for status indicators, 64–96 px for clickable buttons
• Print: 1.5–2.5 in at 300 DPI (~450–750 px) for cards or flyers
• Email signatures: 32–48 px to avoid breaking mobile layouts

Export at the target dimension instead of resizing inside your document — that avoids the fuzzy edges you get from anti-aliasing a scaled raster. Illustrator, Figma, and Inkscape all do pixel-precise exports.

Stroke weight changes the icon's visual heft: 2–3 px for minimalist UI, 4–6 px as a balanced default, and 7–10 px for hero sections or accessibility-first layouts.

Background: on light backgrounds, a subtle drop shadow (2–4 px offset, ~30% black) adds depth; over photos or patterns, drop the icon into a semi-transparent pill or add a thin white stroke for separation. For web apps, CSS filters let you restyle without touching the file — filter: hue-rotate(120deg) shifts the palette and filter: brightness(0.8) dims it for disabled states, all from one source SVG.

Practical Use Cases

The icon's clean, recognizable form makes it useful well beyond a single calendar app:

• Corporate meeting management: distinguish confirmed meetings from pending requests in booking tools, or show real-time room status on digital signage driven by a calendar API.
• Healthcare scheduling: flag confirmed appointment slots in EHR interfaces, with color coding (e.g., one hue for telehealth, another for in-person) to keep busy front desks oriented.
• Education & training: mark reserved classroom or training slots in registrar systems and LMS platforms; pair with a clock for timed assessments or a person icon for one-on-one sessions.
• Events & hospitality: mark reserved tables in floor-plan diagrams or booked ballrooms on venue signage.
• Remote work: indicate active or scheduled calls in tools like Slack and Microsoft Teams so teammates know when not to interrupt.
• Sales & RevOps: denote the "meeting booked" stage in pipeline views and SDR dashboards so handoffs to AEs are unambiguous.

The throughline: one consistent visual cuts down on the back-and-forth that text-only schedules invite.

Technical Implementation & Best Practices

A few details keep the icon fast and reliable across platforms:

• Optimize the SVG. Tools like SVGO strip editor metadata, redundant path data, and unused defs — often a meaningful size reduction with no visible quality loss. A lean icon SVG typically lands in the low single-digit kilobytes.
• Make it responsive. Set viewBox="0 0 800 800" on the root (rather than fixed width/height) and wrap it in a container with max-width: 100%; height: auto. For email signatures, fixed pixel dimensions are safer since many clients strip responsive CSS.
• Handle accessibility. When the icon conveys meaning, add role="img" and a descriptive aria-label (e.g., aria-label="Booked meeting indicator"). When it's purely decorative, set aria-hidden="true" so screen readers skip it. Target WCAG 2.1 AA contrast (4.5:1 for text, 3:1 for UI components).
• Plan for fallbacks. SVG support is near-universal, but Outlook for Windows (Word's rendering engine) doesn't render SVG — provide a PNG fallback for email. A <picture> element or <object> with a PNG source covers older browsers.
• Tune delivery. Lazy-load below-the-fold icons with loading="lazy", inline above-the-fold icons to save a request, and set long cache-control headers (e.g., max-age=31536000) for static SVGs.
• Version it. Keep the source in a shared design-system repo with a changelog, so stroke-weight or variant updates stay consistent across projects.

Design Best Practices for Booked Meeting Icons

When selecting or creating a booked meeting icon for your brand, prioritize clarity over decoration. The most effective icons use a consistent stroke weight (typically 1.5–3px for web use) and a maximum of two visual elements — for example, a calendar base plus a checkmark. Avoid adding clocks, people, and arrows simultaneously; that level of detail shrinks poorly and confuses at small sizes. For responsive interfaces, test your icon at 16×16px (favicon size) and 48×48px (toolbar size) to ensure the checkmark or confirmation symbol remains legible. If you're recoloring the SVG from this page, stick to a single accent color for the confirmation element (green or your primary brand hue) and a neutral gray or white for the calendar body — high contrast ensures the "booked" signal reads instantly, even on mobile screens.

Where to Place the Icon for Maximum Impact

Beyond pipeline reports and slide decks, the booked meeting icon performs best in three specific UI contexts:

1. Confirmation modals — Place the icon above the "Meeting Confirmed" headline, centered, at 48–64px. This gives users an immediate positive reinforcement before they read the details.
2. Calendar integration panels — Use a 20–24px version next to each confirmed slot in a sidebar list. The icon should replace the generic "busy" indicator, making it clear which time blocks are locked versus tentative.
3. Email footers — Embed a small (16px) version next to the meeting link in automated confirmations. This visual cue reduces confusion when recipients scan their inbox for "did I confirm that call?"

Avoid using the icon as a standalone button label or in notification badges — those contexts need more explicit text (e.g., "Booked" or "Confirmed") to prevent ambiguity with generic checkmark icons used for task completion.

Licensing and Customization Considerations

The SVG provided on this page is free to use, but if you source icons from other libraries, watch for these license traps:

• Attribution requirements — Some Creative Commons icons require you to credit the creator in your app's about page or documentation. For internal tools, this is manageable; for client-facing products, it can clutter your UI.
• Modification restrictions — "No derivatives" licenses prevent recoloring or resizing the icon's internal elements. If you need to match your brand palette exactly, choose an MIT, Apache 2.0, or CC0 (public domain) license instead.
• Commercial use caps — Premium marketplaces often cap usage at a certain number of app installs or website visitors (e.g., 500,000 monthly views). Exceeding that requires a higher-tier license, typically $10–$50 per icon depending on the vendor.

For teams scaling across multiple products, consider commissioning a custom icon set (3–5 variations of the booked meeting icon) from a designer for roughly $150–$400 — this gives you unlimited usage, consistent brand alignment, and no license audits down the road.

Design Variations and Use Cases

Beyond the standard calendar-checkmark combo, booked meeting icons often incorporate subtle design variations that signal different contexts. A clock face with a checkmark works well for time-slot confirmations in booking tools like Calendly or HubSpot Meetings. A person silhouette inside a calendar square indicates a one-on-one meeting, while overlapping calendar pages suggest recurring or multi-attendee events. For conference room displays, an icon combining a calendar with a location pin or screen icon clarifies whether the meeting is in-person or virtual. These variations help users immediately grasp the meeting type without reading additional text.

Best Practices for Icon Placement

When using a booked meeting icon in dashboards or reports, consistency in size and color is critical. For pipeline stages, keep the icon under 24x24 pixels to avoid visual clutter, and use a single brand color (e.g., green for "confirmed") across all meeting-related icons. In slide decks, place the icon next to the meeting title or in a corner of the slide to reinforce the message without distracting from content. Avoid resizing SVG icons beyond 200% of their original dimensions to prevent pixelation in raster exports. For email signatures or confirmation pages, pair the icon with a clear call-to-action like "View Details" or "Add to Calendar" to maximize utility.

Licensing and Sourcing Options

Free booked meeting icons are widely available from libraries like The Noun Project (Creative Commons), Flaticon (free with attribution), or SVG Repo (public domain). Premium options from Envato Elements or Iconscout typically cost $2–$10 per icon for commercial use, with subscription plans offering unlimited downloads. Always verify the license terms—some free icons require attribution in slide decks or public-facing documents, while others are completely royalty-free. For enterprise use, consider purchasing a multi-seat license to cover all team members and avoid legal issues.

Sources

• The Noun Project — large library of user-contributed and curated icons, including meeting and calendar symbols
• Flaticon — vector icon platform with extensive clip art and scheduling-related sets
• Google Material Symbols & Icons — open-source icon collection (Apache 2.0), including event and event_available
• Microsoft 365 / Fluent UI Icons — official open-source icon set used across Microsoft products
• Adobe Stock — licensed stock marketplace for icons and clip art
• Wikimedia Commons — repository of free-use and public-domain images, including icons

Related on PULSE

• [“Sell the meeting, not the demo.” — Quote Card](/knowledge/gb0144)
• [“Sell the meeting, not the demo.” — LinkedIn Banner](/knowledge/gb0289)
• [Pipeline Stages — Icon / Clip Art](/knowledge/gb0019)
• [Revenue Gauge (KPI) — Icon / Clip Art](/knowledge/gb0018)
• [Sales Funnel — Icon / Clip Art](/knowledge/gb0017)
• [Pipeline Growth Arrow Icon — Icon / Clip Art](/knowledge/gb0205)

FAQ

What is a booked meeting icon? It's a small graphic — usually a calendar with a checkmark, or a clock symbol — that signals a meeting has been scheduled and confirmed. You'll see it in scheduling apps, email confirmations, booking platforms, and CRM pipeline stages.

Where can I use a booked meeting clip art image? In presentations, websites, event materials, and internal dashboards to mark confirmed appointments. It's also useful in interfaces that need to show a "booked" status without spelling it out in text.

Is the icon free to download? The version on this page is free to use with no attribution required. Across the wider web it varies: many libraries offer free icons under permissive or Creative Commons licenses, while premium marketplaces charge per icon or per license tier. Always check the specific source's terms before commercial use.

Can I edit the icon's color or size? Yes. SVG icons recolor and resize without quality loss in tools like Illustrator, Figma, Inkscape, or free editors like GIMP — and you can recolor this one in the picker above. PNGs scale too, but lose sharpness when enlarged, so prefer SVG when you can.

Does the icon work on mobile devices? Yes, if you use a scalable format. SVG stays crisp on any screen, and a properly sized PNG works as well. Test across breakpoints so the icon doesn't render pixelated or too small to read.

How do I add the icon to my website? Upload the file to your site's media library (or reference the SVG directly) and place it with an <img> tag — or inline the SVG for icons above the fold. Add a descriptive alt attribute like "Booked meeting icon" for accessibility, and provide a PNG fallback if you'll use it in email.