7.4.2 • Published 10 months ago

@navikt/aksel-icons v7.4.2

Weekly downloads
-
License
MIT
Repository
github
Last release
10 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

IconsNAVAkseldesignsystemreactsvg
@everything-registry/sub-chunk-636@altinn/altinn-components@digdir/design-system-react@digdir/designsystemet-react@navikt/ds-react@navikt/ds-react-internal@kjetil-hoel/design-system-svelte@udir-design/react
7.4.2

10 months ago

7.4.1

10 months ago

7.4.0

10 months ago

7.3.1

10 months ago

7.3.0

10 months ago

7.1.2

11 months ago

7.1.1

11 months ago

7.2.1

11 months ago

7.2.0

11 months ago

7.1.0

11 months ago

7.0.1

11 months ago

6.17.0

11 months ago

7.0.0

11 months ago

6.16.3

12 months ago

6.13.0

1 year ago

6.16.1

1 year ago

6.16.2

12 months ago

6.12.0

1 year ago

6.16.0

1 year ago

6.11.0

1 year ago

6.15.0

1 year ago

6.10.1

1 year ago

6.10.0

1 year ago

6.14.0

1 year 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

2 years ago

5.18.2

2 years ago

6.0.0

2 years ago

5.18.1

2 years ago

5.18.0

2 years ago

5.17.5

2 years ago

5.17.4

2 years ago

5.17.3

2 years ago

5.17.2

2 years ago

5.16.0

2 years ago

5.17.1

2 years ago

5.17.0

2 years ago

5.15.1

2 years ago

5.15.0

2 years ago

5.14.0

2 years ago

5.13.0

2 years ago

5.12.5

2 years 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