18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

Phosphor · UI

ph:calendar-star-fill

Phosphor draws the same glyph in thin, light, regular, bold, fill, and duotone. The name suffix is the weight. License: MIT.

View collection

License: MIT · /r/ph/calendar-star-fill.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function CalendarStarFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256"><path fill="currentColor" d="M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M72 64v-8a8 8 0 0 1 16 0v8a8 8 0 0 1-16 0m106.55 60.7l-24.46 20.19l7.46 30.11a4 4 0 0 1-1.49 4.17a4.05 4.05 0 0 1-2.39.79a4 4 0 0 1-2-.55L128 163.18l-27.64 16.27a4 4 0 0 1-5.91-4.45l7.46-30.15l-24.46-20.15a4 4 0 0 1 2.24-7.08l32.24-2.49l12.4-28.71a4 4 0 0 1 7.34 0l12.4 28.71l32.24 2.49a4 4 0 0 1 2.24 7.08M184 64a8 8 0 0 1-16 0v-8a8 8 0 0 1 16 0Z"/></svg>
  );
}

More in this set

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

Phosphor icon

Phosphor

Phosphor

ph