@ndla/icons NPM | npm.io

8.0.58-alpha.0 • Published 8 months ago

Install

Weekly downloads

304

License

GPL-3.0

Repository

Last release

8 months ago

ndla-icons

A package containing icons used in NDLA frontends.

Installation

yarn add @ndla/icons

npm install @ndla/icons --save

Usage

import { VoicePrintLine } from "@ndla/icons/common";
import { CameraFill } from "@ndla/icons/editor";

const IconList = () => (
  <ul>
    <li>
      <VoicePrintLine /> Audio icon
    </li>
    <li>
      <CameraFill /> Camera icon
    </li>
  </ul>
);

or

import { VoicePrintLine } from "@ndla/icons/lib/common/VoicePrintLine";

<VoicePrintLine />;

Icons are currently grouped into four folders

common
license
editor
contentType

Development

TLDR: Change/Add/Remove svg file(s). Run node scripts/createTsIconComponents.mjs. Commit.

Add new svg file:

Add svg file to an appropiate folder in ndla-icons/svg.
Ensure that data-license and data-source attributes are on the <svg> element.
Run node scripts/createTsIconComponents.mjs from root folder.
Commit changes.

Edit svg file:

Edit existing svg file.
Run node scripts/createTsIconComponents.mjs from root folder.
Commit changes.

Delete svg file:

Delete svg file.
Run node scripts/createTsIconComponents.mjs from root folder.
Commit changes.

Rename or add new folders

Do changes.
Run node scripts/createTsIconComponents.mjs from root folder.
Update files array in packages.json.

@ndla/styled-system

@infinitebrahmanuniverse/nolb-_nd @everything-registry/sub-chunk-637 @ndla/listview @ndla/modal @ndla/notion @ndla/select @ndla/forms @ndla/howto @ndla/image-search @ndla/ui @ndla/video-search @ndla/accordion @ndla/audio-search @ndla/button @ndla/carousel @ndla/code

8 months ago

1 year ago

1 year ago

1 year ago

9 months ago

1 year ago

1 year ago

11 months ago

1 year ago

1 year ago

8 months ago

1 year ago

1 year ago

9 months ago

11 months ago

1 year ago

8 months ago

1 year ago

1 year ago

1 year ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

2 years ago

1 year ago

2 years ago

2 years ago

1 year ago

2 years ago

1 year ago

2 years ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

3 years ago

4 years ago

4 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago