Icons
Installation​
For detailed instructions, view our install section in this documentation. Make sure all of the dependencies and polyfills are loaded to make the component cross-browser compatible.
CDN​
<script src="https://unpkg.com/@pearson-ux/icon"></script>
NPM​
npm i @pearson-ux/icon --save
Demo​
<pearson-icon icon="menu" size="18"></pearson-icon>
Structure​
To add an icon, just add the markup in your app where you want it displayed.
Styling​
pearson-icon {
fill: red;
}
API​
Required​
All attributes in this API are required.
| Attribute | Type | Default | Description |
|---|---|---|---|
icon | String | unset | The name of the icon you want to appear. Please visit our CSS icon page for a full list of icons |
size | String | unset | The value can be either 18 or 24 and sets the size of the SVG icon |
CSS Icons​
Do you prefer to use our SVG sprite library instead of a web component? No problem, Please visit our CSS icon page for detailed instructions on how to use our SVG Icon library.