@ndla/icons NPM

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>
);

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

@ndla/core @ndla/styled-system

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

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

1 year ago

12 months ago

1 year ago

12 months ago

12 months ago

1 year ago

11 months ago

11 months ago

1 year ago

1 year ago

11 months ago

12 months ago

1 year ago

11 months ago

1 year ago

12 months ago

11 months ago

1 year ago

12 months ago

1 year ago

11 months ago

11 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

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

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

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

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

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

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