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.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const BellOffIcon = ({
|
|
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 Off</title>
|
|
<path
|
|
d="M3.70711 2.29289C3.31658 1.90237 2.68342 1.90237 2.29289 2.29289C1.90237 2.68342 1.90237 3.31658 2.29289 3.70711L4.74909 6.1633C4.19205 7.1199 3.82372 8.19952 3.69976 9.35647L3.00628 14.0627C2.73936 15.8741 4.14325 17.5 5.97423 17.5H16.0858L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L3.70711 2.29289Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M20.9932 14.0627C21.1646 15.2258 20.6471 16.3124 19.77 16.9413L6.70991 3.88115C8.16578 2.70204 10.0204 2 11.9997 2C16.2075 2 19.8515 5.17264 20.2998 9.35648L20.9932 14.0627Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M7.41578 19C8.18733 20.7659 9.94941 22 11.9997 22C14.0501 22 15.8121 20.7659 16.5837 19H7.41578Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|