moment/src/qml/Base/HIcon.qml

import QtQuick 2.12
import QtGraphicalEffects 1.12

Image {
    id: icon
    cache: true
    asynchronous: true
    fillMode: Image.PreserveAspectFit
    visible: Boolean(svgName)

    source: svgName ? `../../icons/${iconPack}/${svgName}.svg` : ""
    sourceSize.width: svgName ? dimension : 0
    sourceSize.height: svgName ? dimension : 0


    property string svgName: ""

    property bool small: false
    property int dimension:
        theme ?
        (small ? theme.icons.smallDimension : theme.icons.dimension) :
        (small ? 16 : 22)

    property color colorize: theme.icons.colorize
    property string iconPack: theme ? theme.icons.preferredPack : "thin"


    layer.enabled: ! Qt.colorEqual(colorize, "transparent")
    layer.effect: ColorOverlay {
        color: icon.colorize
        cached: icon.cache

        Behavior on color { HColorAnimation {} }
    }
}