Road icon

1import { createIcon } from "@behivetech/icons.base";
2
3/** The road icon: a stroke glyph on a 24 by 24 grid that inherits the text colour. */
4export const RoadIcon = /*#__PURE__*/ createIcon(
5  "RoadIcon",
6  <>
7    <path d="M4 19l4-14" />
8    <path d="M16 5l4 14" />
9    <path d="M12 8v-2" />
10    <path d="M12 13v-2" />
11    <path d="M12 18v-2" />
12  </>,
13);
14
15export default RoadIcon;

1export { RoadIcon, default } from "./road.js";

1import { RoadIcon } from "./road.js";
2
3/** The icon at each size; it takes its colour from the surrounding text. */
4export const RoadIconSizes = () => (
5  <>
6    <RoadIcon size="sm" />
7    <RoadIcon />
8    <RoadIcon size="lg" />
9    <RoadIcon size="xl" />
10  </>
11);
12
13/** Named with `titleAccess`, so assistive technology announces it. */
14export const NamedRoadIcon = () => <RoadIcon titleAccess="Road" />;