Icon

<sw-icon>

ready
Renders an icon from the icon library.

Usage

Loading...
<div>
    <sw-icon name="default-action-circle-download" color="#1abc9c"></sw-icon>
    <sw-icon name="default-building-shop" color="#3498db"></sw-icon>
    <sw-icon name="default-eye-crossed" color="#9b59b6"></sw-icon>
    <sw-icon name="default-lock-fingerprint" color="#f39c12"></sw-icon>
    <sw-icon name="default-tools-ruler-pencil" color="#d35400"></sw-icon>
    <sw-icon name="default-avatar-single" color="#c0392b"></sw-icon>
    <sw-icon name="default-basic-shape-heart" color="#fc427b"></sw-icon>
    <sw-icon name="default-default-bell-bell" color="#f1c40f"></sw-icon>
</div>

Component properties

Property name Type Default
name String
color String
small Boolean false
large Boolean false
size String
title String
multicolor Boolean false
decorative Boolean false

Methods

Method name Parameters
createdComponent No parameters

Imports

  • ./sw-icon.html.twig
  • ./sw-icon.scss

Twig blocks

  • sw_icon