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.
1.3 kB · 54 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455import { forwardRef } from "react";
import type { IconProps } from "../types";
// from nucleo-ui-outline-18 (CircleXmark); 18px grid, so the 1.5 stroke renders as 2px at size 24export const Error = 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} > <circle cx="9" cy="9" r="7.25" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} ></circle> <line x1="6.25" y1="6.25" x2="11.75" y2="11.75" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} data-color="color-2" ></line> <line x1="11.75" y1="6.25" x2="6.25" y2="11.75" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokeWidth} data-color="color-2" ></line> </svg> ),);Error.displayName = "Error";