Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
2.6 kB · 115 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116import { forwardRef } from "react";
import type { IconProps } from "../types";
// from nucleo-ui-outline-18 (Loader); 18px grid, so the 1.5 stroke renders as 2px at size 24export const Loading = forwardRef<SVGSVGElement, IconProps>( ({ size = 24, strokeWidth = 1.5, ...props }, ref) => ( <svg ref={ref} xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 18 18" style={{ flexShrink: 0 }} {...props} > <line x1="9" y1="1.75" x2="9" y2="4.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="14.127" y1="3.873" x2="12.359" y2="5.641" fill="none" opacity=".88" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="16.25" y1="9" x2="13.75" y2="9" fill="none" opacity=".75" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="14.127" y1="14.127" x2="12.359" y2="12.359" fill="none" opacity=".63" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="9" y1="16.25" x2="9" y2="13.75" fill="none" opacity=".5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="3.873" y1="14.127" x2="5.641" y2="12.359" fill="none" opacity=".38" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="1.75" y1="9" x2="4.25" y2="9" fill="none" opacity=".25" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> <line x1="3.873" y1="3.873" x2="5.641" y2="5.641" fill="none" opacity=".13" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></line> </svg> ),);Loading.displayName = "Loading";