Lucide

import { PawPrint, Star, StarHalf } from 'lucide-react';
 
export default function Demo() {
  return (
    <div className="flex flex-col items-center gap-1 space-y-2">
      <div className="flex justify-center">
        <PawPrint
          size={32}
          className="text-muted-foreground fill-current drop-shadow"
        />
      </div>
      <div className="flex items-end gap-2">
        <PawPrint className="text-muted-foreground fill-current" />
        <PawPrint className="text-muted-foreground" />
        <PawPrint className="text-muted-foreground stroke-1" />
        <PawPrint className="text-muted-foreground/80 stroke-1 [stroke-dasharray:3]" />
      </div>
    </div>
  );
}