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.
27 lines
1.2 KiB
TypeScript
27 lines
1.2 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const UnpinIcon = ({
|
|
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>Unpin</title>
|
|
<path
|
|
d="M16.1907 17.605L20.2929 21.7072C20.6834 22.0978 21.3166 22.0978 21.7071 21.7072C22.0976 21.3167 22.0976 20.6835 21.7071 20.293L3.70711 2.29302C3.31658 1.90249 2.68342 1.90249 2.29289 2.29302C1.90237 2.68354 1.90237 3.3167 2.29289 3.70723L6.39514 7.80948L5.11292 8.1469C2.87378 8.73615 2.11787 11.5322 3.75508 13.1694L6.58578 16.0001L3.29288 19.293C2.90236 19.6836 2.90236 20.3167 3.29288 20.7072C3.68341 21.0978 4.31657 21.0978 4.7071 20.7072L7.99999 17.4144L10.8307 20.2451C12.4679 21.8823 15.264 21.1264 15.8532 18.8872L16.1907 17.605Z"
|
|
fill={color}
|
|
/>
|
|
<path
|
|
d="M17.7566 12.9899C17.6165 13.0599 17.4966 13.1609 17.4045 13.2833L10.7168 6.59559C10.8392 6.50355 10.9402 6.38359 11.0103 6.24351L12.3646 3.53483C13.2804 1.70333 15.7213 1.30723 17.1692 2.75515L21.245 6.83092C22.6929 8.27885 22.2968 10.7198 20.4653 11.6355L17.7566 12.9899Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|