7.4.2 • Published 8 months ago

@navikt/aksel-icons v7.4.2

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

Aksel icons

800+ open source icons made by Aksel, NAVs designsystem-team

  • Designed for 24x24px
  • Available in React and SVG
  • Accessible with use of title-prop
  • Suffixed with Icon

Install

  yarn add @navikt/aksel-icons
  npm install @navikt/aksel-icons

Use

For previous users of @navikt/ds-icons, this package utilizes the same API. The only difference is that the icons are suffixed with Icon to avoid naming conflicts and visual changes to the icons themselves.

import { StarIcon } from "@navikt/aksel-icons";

function App() {
  return <StarIcon title="star" 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.

<StarIcon 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 StarIcon from "@navikt/aksel-icons/svg/Star.svg";

If using typescript, TS might complain about not finding types related to the svg-format. Add a *.d.ts file with this declaration to fix this. (This was copied from next/image-types/global.d.ts since next solves this internally, but should work elsewhere)

declare module "*.svg" {
  /**
   * Use `any` to avoid conflicts with
   * `@svgr/webpack` plugin or
   * `babel-plugin-inline-react-svg` plugin.
   */
  const content: any;

  export default content;
}

Learn more

License

MIT

7.4.2

8 months ago

7.4.1

8 months ago

7.4.0

9 months ago

7.3.1

9 months ago

7.3.0

9 months ago

7.1.2

9 months ago

7.1.1

9 months ago

7.2.1

9 months ago

7.2.0

9 months ago

7.1.0

10 months ago

7.0.1

10 months ago

6.17.0

10 months ago

7.0.0

10 months ago

6.16.3

10 months ago

6.13.0

1 year ago

6.16.1

11 months ago

6.16.2

11 months ago

6.12.0

1 year ago

6.16.0

11 months ago

6.11.0

1 year ago

6.15.0

11 months ago

6.10.1

1 year ago

6.10.0

1 year ago

6.14.0

11 months ago

6.9.0

1 year ago

6.8.0

1 year ago

6.7.1

1 year ago

6.7.0

1 year ago

6.6.1

1 year ago

6.6.0

1 year ago

6.5.0

1 year ago

6.4.1

1 year ago

6.4.0

1 year ago

6.3.4

1 year ago

6.3.6

1 year ago

6.3.5

1 year ago

6.3.3

1 year ago

6.3.2

1 year ago

6.3.0

1 year ago

6.3.1

1 year ago

6.2.0

1 year ago

6.1.1

1 year ago

6.1.0

1 year ago

5.18.3

1 year ago

5.18.2

1 year ago

6.0.0

1 year ago

5.18.1

1 year ago

5.18.0

1 year ago

5.17.5

1 year ago

5.17.4

1 year ago

5.17.3

1 year ago

5.17.2

1 year ago

5.16.0

1 year ago

5.17.1

1 year ago

5.17.0

1 year ago

5.15.1

1 year ago

5.15.0

1 year ago

5.14.0

1 year ago

5.13.0

1 year ago

5.12.5

1 year ago

5.12.4

2 years ago

5.12.3

2 years ago

5.12.2

2 years ago

5.12.1

2 years ago

5.12.0

2 years ago

5.11.5

2 years ago

5.11.4

2 years ago

5.3.3

2 years ago

5.3.2

2 years ago

5.3.1

2 years ago

5.3.0

2 years ago

4.9.0

2 years ago

4.9.1

2 years ago

5.11.3

2 years ago

5.11.2

2 years ago

5.11.1

2 years ago

5.11.0

2 years ago

4.10.1

2 years ago

4.10.2

2 years ago

5.8.0

2 years ago

4.10.0

2 years ago

5.4.1

2 years ago

5.4.0

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

4.8.0

2 years ago

4.7.0

2 years ago

5.9.2

2 years ago

5.9.1

2 years ago

5.9.0

2 years ago

5.5.0

2 years ago

5.1.0

2 years ago

4.7.2

2 years ago

4.7.1

2 years ago

4.7.4

2 years ago

4.7.3

2 years ago

4.6.1

2 years ago

4.6.0

2 years ago

4.12.0

2 years ago

4.12.1

2 years ago

5.6.5

2 years ago

5.6.4

2 years ago

5.6.3

2 years ago

5.6.1

2 years ago

5.6.0

2 years ago

5.2.1

2 years ago

5.2.0

2 years ago

5.10.4

2 years ago

5.10.3

2 years ago

5.10.2

2 years ago

5.10.1

2 years ago

5.10.0

2 years ago

4.5.0

2 years ago

4.11.0

2 years ago

5.7.6

2 years ago

4.11.1

2 years ago

5.7.5

2 years ago

4.11.2

2 years ago

5.7.4

2 years ago

5.7.3

2 years ago

5.7.2

2 years ago

5.7.1

2 years ago

5.3.5

2 years ago

5.7.0

2 years ago

5.3.4

2 years ago

4.4.1

2 years ago

4.4.2

2 years ago

4.1.7

2 years ago

3.4.0

2 years ago

3.2.2

2 years ago

3.2.1

2 years ago

3.2.0

2 years ago

3.0.1

2 years ago

3.4.2

2 years ago

3.2.4

2 years ago

3.4.1

2 years ago

3.2.3

2 years ago

2.9.4

2 years ago

3.0.0

2 years ago

2.9.6

2 years ago

2.9.5

2 years ago

2.9.8

2 years ago

2.9.7

2 years ago

4.4.0

2 years ago

4.0.0

2 years ago

4.2.0

2 years ago

3.3.1

2 years ago

3.1.3

2 years ago

3.3.0

2 years ago

3.1.2

2 years ago

3.1.1

2 years ago

3.1.0

2 years ago

4.1.4

2 years ago

4.1.3

2 years ago

4.1.6

2 years ago

4.1.5

2 years ago

4.1.0

2 years ago

4.3.0

2 years ago

4.1.2

2 years ago

4.1.1

2 years ago

2.9.3

2 years ago

2.9.2

2 years ago

2.9.1

2 years ago

2.9.0

2 years ago

2.8.16

2 years ago

2.8.15

2 years ago

2.8.14

2 years ago

2.8.13

2 years ago

2.8.12

2 years ago

2.8.11

2 years ago

2.8.10

2 years ago

2.8.9

2 years ago

2.8.8

2 years ago

2.8.7

2 years ago

2.8.6

2 years ago

2.8.5

2 years ago

2.8.4

2 years ago

2.8.3

2 years ago

2.8.2

2 years ago

2.8.1

2 years ago

2.8.0

2 years ago

2.7.8

2 years ago

2.7.7

2 years ago

2.7.6

2 years ago

2.7.5

2 years ago

2.7.4

2 years ago

2.7.3

2 years ago

2.7.2

2 years ago

2.7.1

2 years ago

2.7.0

2 years ago

0.1.0

2 years ago