Calendar dots

calendar-dots

A 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
Time
Tags
daysmonth viewscheduleeventsdate

Calendar dots in five styles

Linear at 16, 20, 24 and 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-dots --style linear
dist/linear/calendar-dots.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"/>
  <circle cx="8.25" cy="13.875" r="1.125" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="13.875" r="1.125" fill="currentColor" stroke="none"/>
  <circle cx="15.75" cy="13.875" r="1.125" fill="currentColor" stroke="none"/>
  <circle cx="8.25" cy="17.625" r="1.125" fill="currentColor" stroke="none"/>
  <circle cx="12" cy="17.625" r="1.125" fill="currentColor" stroke="none"/>
  <circle cx="15.75" cy="17.625" r="1.125" fill="currentColor" stroke="none"/>
</svg>

More in Time

Open in the icon browserBrowse all 1,260 icons