Icon
View on:
An element that represents an icon from a predefined set of open sourced icons.
Import
import '@kemet-ui/icon';<script type="module" src="https://unpkg.com/kemet-ui@latest/dist/elements/icon.js"></script>import { KemetIcon } from 'kemet-ui/react';Examples
Section titled “Examples”Use the size attribute to change the size of the icon.
Library
Section titled “Library”The default library is Bootstrap Icons. You can switch the library to Font Awesome by setting the library attribute to fontawesome.
Family
Section titled “Family”Some libraries, like Font Awesome, support families. Use it to determine which subset of Icons to load. For example, load the brand fonts:
Auto Color Inheriting
Section titled “Auto Color Inheriting”By setting the color of the parent element, the icon will automatically inherit that color.
Attributes
Section titled “Attributes”Events
Section titled “Events”Methods
Section titled “Methods”CSS Properties
Section titled “CSS Properties”CSS Parts
Section titled “CSS Parts”The gods are nature. Nature is completely free.
Version 5.0.0