Calendar
calendarA 24px icon in Bloom’s Time category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Calendar in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get calendar --style linear- Linear
dist/linear/calendar.svgsvg/linear/calendar.svg - Line Duotone
dist/line-duotone/calendar.svgsvg/line-duotone/calendar.svg - Outline
dist/outline/calendar.svgsvg/outline/calendar.svg - Bold
dist/bold/calendar.svgsvg/bold/calendar.svg - Bold Duotone
dist/bold-duotone/calendar.svgsvg/bold-duotone/calendar.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M11.25 5.25L12.75 5.25C16.286 5.25 18.053 5.25 19.152 6.348C20.25 7.447 20.25 9.214 20.25 12.75L20.25 14.25C20.25 17.786 20.25 19.553 19.152 20.652C18.053 21.75 16.286 21.75 12.75 21.75L11.25 21.75C7.714 21.75 5.947 21.75 4.848 20.652C3.75 19.553 3.75 17.786 3.75 14.25L3.75 12.75C3.75 9.214 3.75 7.447 4.848 6.348C5.947 5.25 7.714 5.25 11.25 5.25Z"/>
<path d="M4.5 9.75H19.5"/>
<path d="M8.25 2.25V6.75"/>
<path d="M15.75 2.25V6.75"/>
</svg>