<i class="kx-icon kx-icon--size-base">
<svg focusable="false">
<use href="../../assets/img/icons/sprites/icons.svg#person"></use>
</svg>
</i>
{%- if type == "icon" -%}
<i class="kx-icon{% if size %} kx-icon--size-{{ size }}{% endif %}{% for class in classes %} {{ class }}{% endfor %}">
<svg focusable="false">
<use href="{{ '/assets/img/icons/sprites/icons.svg' | path }}#{% if symbol %}{{ symbol }}{% endif %}">{% if title -%}<title>{{ title }}</title>{% endif -%}</use>
</svg>
</i>
{%- else -%}
<i class="kx-icon{% if size %} kx-icon--size-{{ size }}{% endif %} kx-spinner">
<svg class="kx-spinner__icon" viewBox="0 0 50 50">
<circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="6"></circle>
</svg>
</i>
{% endif -%}
{
"size": "base",
"classes": null,
"title": null,
"symbol": "person",
"ariaHidden": null,
"type": "icon"
}
- Handle: @icon--default
- Variants (2): Default , Spinner
- Preview:
- Filesystem Path: src\components\icon\icon.njk
- Referenced by (51): @app-selector, @badge, @badge--badge-secondary, @badge--badge-success, @badge--badge-warning, @badge--badge-alarm, @badge--badge-critical, @badge--badge-icon-only, @badge--badge-icon-text, @breadcrumb, @button, @button--btn-secondary, @button--btn-neutral, @button--btn-flat, @button--btn-small, @button--btn-base, @button--btn-large, @button--btn-disabled-primary, @button--btn-disabled-secondary, @button--btn-disabled-flat, @button--icon-before-text, @button--icon-after-text, @button--icon-only, @button--fluid, @dropdown, @dropdown--dropdown-secondary-single, @input, @input--date, @input--month, @input--text, @input--time, @input--url, @listgroup, @listgroup--listgroup-icon, @listgroup--listgroup-meta-text, @listgroup--listgroup-icons-right, @listgroup--listgroup-border, @listgroup--listgroup-row-highlight, @pagination, @pagination--single-truncate, @pagination--double-truncate, @sidebar, @sidebar--sidebar-deep, @table, @table--table-narrow, @table--table-stripes, @table--table-slim-rows, @table--table-small, @tabs, @topbar, @tree
There are no notes for this item.