FrostByte/client-solid/src/Icons.tsx

118 lines
2.9 KiB
TypeScript
Raw Normal View History

2023-11-13 12:00:46 +01:00
import { JSXElement } from "solid-js";
export function Arrow(): JSXElement {
2023-11-13 09:34:32 +01:00
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
2023-11-15 07:29:59 +01:00
class="h-6 w-6"
2023-11-13 09:34:32 +01:00
>
<path
stroke-linecap="round"
stroke-linejoin="round"
2023-11-14 02:25:56 +01:00
d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
/>
2023-11-13 09:34:32 +01:00
</svg>
);
}
export function loadSpinner(): JSXElement {
2023-11-15 07:29:59 +01:00
return <span class="loading loading-spinner loading-lg self-center" />;
}
2023-11-14 02:25:56 +01:00
// Hamburger menu icon
export function Bars(): JSXElement {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
2023-11-15 07:29:59 +01:00
class="h-6 w-6"
2023-11-14 02:25:56 +01:00
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
/>
</svg>
);
}
2023-11-14 13:34:14 +01:00
export function UserCircle(): JSXElement {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
2023-11-15 07:29:59 +01:00
class="h-6 w-6"
2023-11-14 13:34:14 +01:00
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
);
}
export function Flake(): JSXElement {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
stroke-width="1"
stroke="currentColor"
viewBox="0 0 24 24"
2023-11-15 07:29:59 +01:00
class="h-8 w-8"
2023-11-14 13:34:14 +01:00
data-testid="AcUnitIcon"
>
<path d="M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.42-1.41L13 15v-2h2l4.66 4.66 1.41-1.42L17.83 13H22z" />
</svg>
);
}
export function Plus(): JSXElement {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
2023-11-15 07:29:59 +01:00
class="h-6 w-6"
2023-11-14 13:34:14 +01:00
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 4.5v15m7.5-7.5h-15"
/>
</svg>
);
}
export function Home(): JSXElement {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
2023-11-15 07:29:59 +01:00
class="h-6 w-6"
2023-11-14 13:34:14 +01:00
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
/>
</svg>
);
}