Calendar Mention icon
Used in calendar scenarios. The Calendar Mention icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 16 to 20 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 16 px
ic_fluent_calendar_mention_16_regular.svg
Calendar Mention icon in React
npm install @fluentui/react-icons
import { CalendarMention16Regular } from "@fluentui/react-icons";
export function Example() {
return <CalendarMention16Regular aria-label="Calendar Mention" />;
}Use the Calendar Mention icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { CalendarMention16Regular, CalendarMention16Filled } from "@fluentui/react-icons";
export function Example() {
return <CalendarMention16Regular aria-label="Calendar Mention" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_calendar_mention_20_regular.svg" width="20" height="20" alt="Calendar Mention"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M14.5 3A2.5 2.5 0 0 1 17 5.5v3.84q-.48-.17-1-.26V7H4v7.5c0 .83.67 1.5 1.5 1.5h3.58q.1.52.26 1H5.5A2.5 2.5 0 0 1 3 14.5v-9A2.5 2.5 0 0 1 5.5 3zm0 1h-9C4.67 4 4 4.67 4 5.5V6h12v-.5c0-.83-.67-1.5-1.5-1.5m.5 7a4 4 0 1 0 1.33 7.77.5.5 0 0 1 .34.95A5 5 0 1 1 20 15c0 1.45-.9 2.44-1.97 2.5a1.8 1.8 0 0 1-1.6-.84c-.4.5-.99.84-1.68.84-1.3 0-2.25-1.18-2.25-2.5s.95-2.5 2.25-2.5q.72.02 1.26.42A.5.5 0 0 1 17 13v2c0 .62.16 1 .35 1.22q.28.3.62.28c.43-.03 1.03-.45 1.03-1.5a4 4 0 0 0-4-4m-.25 5.5c.63 0 1.25-.6 1.25-1.5s-.62-1.5-1.25-1.5-1.25.6-1.25 1.5.62 1.5 1.25 1.5"/></svg>Details
| Name | Calendar Mention |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px |
| Regular (outlined) file | ic_fluent_calendar_mention_20_regular.svg |
| Filled file | ic_fluent_calendar_mention_20_filled.svg |
| React (Regular) | CalendarMention16Regular, CalendarMention20Regular |
| React (Filled) | CalendarMention16Filled, CalendarMention20Filled |
| License | MIT (© Microsoft Corporation) |