@aneo-org/design-icons

Aneo icon library

Icons from the Aneo design system.

Install

npm i @aneo-org/design-icons

Use

import { CloseIcon } from "@aneo-org/design-icons";

function App() {
  return <CloseIcon title="close" fontSize="1.5rem" />;
}

Tip: Use the title prop for accessible icons.

Sizing

Each icons width and height is default 1em. This allows you to use the native fontSize-prop to adjust sizing. We recommend using at least 1.5rem/24px for best possible visual representation.

<CloseIcon fontSize="1.5rem" />

Direct svg-import

All icons are available in raw SVG-format behind /svg. Note that svg-files do not have the suffix Icon.

import CloseIcon from "@aneo-org/design-icons/svg/Star.svg";