mirror of
https://github.com/raphaelsalaja/userinterface-wiki.git
synced 2026-09-14 20:06:29 +08:00
Raphael S.
ae3b426950
- Introduced a new documentation page covering various pseudo-elements, including `::backdrop`, `::view-transition`, and `::scroll-marker`. - Added examples and practical patterns for using these pseudo-elements effectively. - Created a new CSS module for styling demo components related to pseudo-elements. Also added TypeScript interface for icon properties to improve type safety in icon components.
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const BellCheckIcon = ({
|
|
size = 24,
|
|
color = "currentColor",
|
|
...props
|
|
}: IconProps) => (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
width={size}
|
|
height={size}
|
|
{...props}
|
|
>
|
|
<title>Bell Check</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M3.69976 9.35647C4.14803 5.17264 7.79195 2 11.9997 2C16.2075 2 19.8515 5.17264 20.2998 9.35648L20.9932 14.0627C21.2602 15.8741 19.8563 17.5 18.0253 17.5H5.97423C4.14325 17.5 2.73936 15.8741 3.00628 14.0627L3.69976 9.35647ZM15.2071 9.70711C15.5976 9.31658 15.5976 8.68342 15.2071 8.29289C14.8166 7.90237 14.1834 7.90237 13.7929 8.29289L11 11.0858L10.2071 10.2929C9.81658 9.90237 9.18342 9.90237 8.79289 10.2929C8.40237 10.6834 8.40237 11.3166 8.79289 11.7071L10.2929 13.2071C10.6834 13.5976 11.3166 13.5976 11.7071 13.2071L15.2071 9.70711Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M11.9997 22C9.94941 22 8.18733 20.7659 7.41578 19H16.5837C15.8121 20.7659 14.0501 22 11.9997 22Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|