@interactivetraining/icons

IT icon component

Usage no npm install needed!

<script type="module">
  import interactivetrainingIcons from 'https://cdn.skypack.dev/@interactivetraining/icons';
</script>

README

it-icon

Example

codepen.io

<script src="https://unpkg.com/@interactivetraining/icons@latest/dist/it-icon.js"></script>

<it-icon name="api"></it-icon>
<it-icon name="consulting" size="small"></it-icon>
<it-icon name="offline-remote" size="medium"></it-icon>
<it-icon name="course-conversion" size="large"></it-icon>

Properties

Property Attribute Description Type Default
color color "danger" \| "dark" \| "light" \| "medium" \| "primary" \| "secondary" \| "success" \| "tertiary" \| "warning" undefined
name name "api" \| "consulting" \| "course-conversion" \| "course-developement" \| "custom-solutions" \| "digital-tools" \| "gamification" \| "launch-tools" \| "offline-remote" \| "polls" \| "reporting" \| "scorm-hosting" undefined
secondaryColor secondary-color "danger" \| "dark" \| "light" \| "medium" \| "primary" \| "secondary" \| "success" \| "tertiary" \| "warning" undefined
size size "large" \| "medium" \| "small" \| "x-large" undefined
src src string undefined

Built with StencilJS