35 lines
1.6 KiB
TypeScript
35 lines
1.6 KiB
TypeScript
|
type IconName =
|
||
|
|
| "home"
|
||
|
|
| "account"
|
||
|
|
| "publish"
|
||
|
|
| "persona"
|
||
|
|
| "mission"
|
||
|
|
| "patrol"
|
||
|
|
| "job"
|
||
|
|
| "settings"
|
||
|
|
| "spark"
|
||
|
|
| "more"
|
||
|
|
| "brand";
|
||
|
|
|
||
|
|
const paths: Record<IconName, string> = {
|
||
|
|
home: "M4 11.5 12 4l8 7.5V20a1 1 0 0 1-1 1h-5v-6h-4v6H5a1 1 0 0 1-1-1v-8.5Z",
|
||
|
|
account: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 9a7 7 0 0 1 14 0H5Z",
|
||
|
|
publish: "M4 19V5l16 7-16 7Zm3-4.4 7.9-2.6L7 9.4v3.1l5 1.5-5 .6Z",
|
||
|
|
persona: "M7 5h10v4H7V5Zm-2 7h14v7H5v-7Zm3 2v3h2v-3H8Zm6 0v3h2v-3h-2Z",
|
||
|
|
mission: "M5 5h14v14H5V5Zm3 4h8V7H8v2Zm0 4h8v-2H8v2Zm0 4h5v-2H8v2Z",
|
||
|
|
patrol: "M12 3 4 7v6c0 4 3.3 7 8 8 4.7-1 8-4 8-8V7l-8-4Zm0 4 4 2v4c0 2.2-1.5 4-4 5-2.5-1-4-2.8-4-5V9l4-2Z",
|
||
|
|
job: "M6 4h12v4H6V4Zm0 6h12v4H6v-4Zm0 6h12v4H6v-4Z",
|
||
|
|
settings: "M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm8.5 5.5v-3l-2.2-.4a7.7 7.7 0 0 0-.7-1.6l1.3-1.9-2.1-2.1-1.9 1.3c-.5-.3-1.1-.5-1.7-.7L12.8 3h-3l-.4 2.1c-.6.2-1.1.4-1.7.7L5.9 4.5 3.8 6.6l1.3 1.9c-.3.5-.5 1.1-.7 1.6l-2.2.4v3l2.2.4c.2.6.4 1.1.7 1.6l-1.3 1.9 2.1 2.1 1.9-1.3c.5.3 1.1.5 1.7.7l.4 2.1h3l.4-2.1c.6-.2 1.1-.4 1.7-.7l1.9 1.3 2.1-2.1-1.3-1.9c.3-.5.5-1.1.7-1.6l2.1-.4Z",
|
||
|
|
spark: "M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2Zm6 13 1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3Z",
|
||
|
|
more: "M5 12a2 2 0 1 0 0 .1V12Zm7 0a2 2 0 1 0 0 .1V12Zm7 0a2 2 0 1 0 0 .1V12Z",
|
||
|
|
brand: "M4 7h16v2l-2 2v7a1 1 0 0 1-1 1h-4v-5H9v5H5a1 1 0 0 1-1-1v-7L4 9V7Zm2 4 1 1v6h2v-4h6v4h2v-6l1-1V9H6v2Z"
|
||
|
|
};
|
||
|
|
|
||
|
|
export function AcIcon({ name, size = 22 }: { name: IconName; size?: number }) {
|
||
|
|
return (
|
||
|
|
<svg width={size} height={size} viewBox="0 0 24 24" aria-hidden="true" fill="currentColor">
|
||
|
|
<path d={paths[name]} />
|
||
|
|
</svg>
|
||
|
|
);
|
||
|
|
}
|