@talenra/icons v7.0.0
talenra – Icons library
Icons for talenra.
This document contains information on how to use the library. If you're looking for instructions for library developers (including creating and adding new icons), please check the developers guide.
Table of Contents
Installation and usage
Install the package.
npm i @talenra/iconsImport stylesheet
@use '@talenra/icons/styles';The snippet above shows how to import the stylesheet in a SCSS setup. As the stylesheet is pure CSS and can be used in any environment.
Apply the talenra-icon classes
Add a HTML element (typically span or i) and assign the base class talenra-icon plus the modifier class used for the icon you need to display (e.g. talenra-icon--add for the "add" icon).
<body>
<i class="talenra-icon talenra-icon--add"></i>
</body>Using duplex icons (two colors)
Follow the steps above and add the extra class talenra-icon-duplex. Note that duplex icons use the suffix -duplex in their modifier class name.
<i class="talenra-icon talenra-icon-duplex talenra-icon--person-checkmark-duplex"></i>You can set the colors globally for all duplex icons…
.talenra-icon-duplex {
--color-primary: #000;
--color-secondary: #999;
}… or individually per icon using the style attribute.
<i
class="talenra-icon talenra-icon-duplex talenra-icon--person-checkmark-duplex"
style="--color-primary: #000; --color-secondary: #999;"
></i>Appendix
Icon requests
Get in touch with us, if you're looking for an icon that's not part of this library.
Version history
Please refer to the Changelog for a complete version history.
License
This project is licensed under the ISC License - see the LICENSE file for details.
Contact
4 months ago
3 months ago
3 months ago
2 months ago
2 months ago
2 months ago
4 months ago
5 months ago
9 months ago
9 months ago
9 months ago
6 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
3 years ago