date-time · Pixel Art
Free SVG date-time icon from Pixel Art. Rendered at 24×24 in the filled style and licensed under MIT. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for MIT licensed icons.
Tags
- date
- time
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M21 23h-8v-2h8zM9 21H3v-2h6zm4 0h-2v-8h2zm10 0h-2v-8h2zM3 7h14V5h2v4H3v10H1V5h2zm15 10h2v2h-2v-1h-2v-4h2zm3-4h-8v-2h8zM7 3h6V1h2v2h2v2H3V3h2V1h2z"/></svg>
// Run: npx sant-icons get pixelart-date-time --format react
export function PixelartDateTime(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><path fill="currentColor" d="M21 23h-8v-2h8zM9 21H3v-2h6zm4 0h-2v-8h2zm10 0h-2v-8h2zM3 7h14V5h2v4H3v10H1V5h2zm15 10h2v2h-2v-1h-2v-4h2zm3-4h-8v-2h8zM7 3h6V1h2v2h2v2H3V3h2V1h2z"/></svg>
);
}npx sant-icons get pixelart-date-time
Properties
date-time in other libraries
The date-time icon ships with Pixel Art, an open-source icon set licensed under MIT. Search for it as "pixel art date-time", "date-time svg", or any of its tagged terms (date, time). 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 pixelart-date-time directly into your project. No browser context-switch.