@sikt/sds-icons
v3.0.0
Published
Sikt designsystem uses [Phosphor Icons](https://phosphoricons.com/).
Downloads
7,071
Readme
@sikt/sds-icons
Sikt designsystem uses Phosphor Icons.
Consume
npm i -s @sikt/sds-icons
React
import { <IconName>Icon } from "@sikt/sds-icons";
import "@sikt/sds-icons/dist/index.css";
<<IconName>Icon />;
Custom icon
import { <IconName> } from "@phosphor-icons/react";
<<IconName> className="sds-icon" aria-hidden="true" />;
Stylesheets & custom markup
Import stylesheet:
@import url("@sikt/sds-icons");
Create custom markup:
<img
class="sds-icon"
aria-hidden="true"
src="@sikt/sds-icons/dist/assets/<icon-name>.svg"
/>
Or use sprite:
<svg class="sds-icon" aria-hidden="true">
<use href="@sikt/sds-icons/dist/sds-icons.svg#<icon-name>"></use>
</svg>
Custom icon
<img
class="sds-icon"
aria-hidden="true"
src="@phosphor-icons/core/assets/regular/<icon-name>.svg"
/>
Contribute
Add new icons by adding name to src/icons.config.js
.