@preply/ds-media-icons

@preply/ds-media-icons

SVG Icon library.

Using the Design System in your application or library?

Follow the instructions in @preply/ds-workspace.

tl;dr:

import HatSvg from `@preply/ds-media-icons/dist/hat.svg`;
import { Icon } from `@preply/ds-web-lib`;

<Icon svg={HatSvg} />;
// or
<HatSvg aria-hidden="true" focusable="false" />;

Contributing

Reach out to #design-system-public if you think you can help and keep an eye on DS Confluence for more docs, guides, work in progress, decisions, the works.

Development

Just a placeholder for now.

• yarn clean - deletes dist/ folder.
• yarn build - copies all SVG to dist/ folder.

Later:

• linting SVGs for size and patterns.
• optimization and reports.

Tooling

Details about tools and configurations in @preply/ds-workspace.

Dependencies

Do NOT add any dependencies. When we work on linting and optimization of assets we should consider whether to add devDependencies in the root of the project or locally.