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.
25 lines
1.6 KiB
TypeScript
25 lines
1.6 KiB
TypeScript
import type { IconProps } from "@/icons/types";
|
|
|
|
export const Paperclip3Icon = ({
|
|
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>Paperclip 3</title>
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M14.4856 3.11824C15.2305 2.37298 16.2089 1.99999 17.1841 2C18.1593 2.00001 19.1376 2.37301 19.8825 3.11824C20.6274 3.86352 21 4.84224 21 5.81755C20.9999 6.7927 20.6273 7.77122 19.8825 8.51637L9.92671 18.477C8.9863 19.4179 7.4614 19.4179 6.52099 18.477L7.22827 17.7701L6.52099 18.477C5.58085 17.5364 5.58085 16.0116 6.52099 15.071L11.4989 10.0907C11.8893 9.70009 12.5225 9.69993 12.9131 10.0904C13.3037 10.4808 13.3039 11.114 12.9134 11.5046L7.93555 16.4849C7.776 16.6445 7.776 16.9036 7.93555 17.0632C8.09483 17.2225 8.35287 17.2225 8.51215 17.0632L18.4679 7.10251C18.8227 6.74753 18.9999 6.28418 19 5.81742C19 5.35059 18.8228 4.88714 18.4679 4.5321C18.1131 4.17712 17.6502 4.00001 17.1841 4C16.7179 3.99999 16.255 4.17711 15.9002 4.5321L5.9444 14.4928C5.3146 15.1229 4.99993 15.9468 4.99997 16.7742C5.00001 17.6014 5.31467 18.4253 5.94439 19.0553C6.57414 19.6854 7.39741 20 8.22388 20C9.05032 20 9.87358 19.6853 10.5033 19.0553L15.4812 14.075C15.8716 13.6844 16.5048 13.6842 16.8954 14.0746C17.286 14.4651 17.2862 15.0982 16.8958 15.4888L11.9179 20.4692C10.8981 21.4895 9.55939 22 8.22389 22C6.88836 22 5.54964 21.4895 4.52983 20.4692C3.51012 19.449 3.00003 18.1099 2.99997 16.7743C2.99991 15.4385 3.51 14.0992 4.52983 13.0789L14.4856 3.11824Z"
|
|
fill={color}
|
|
/>
|
|
</svg>
|
|
);
|