How to use "currentColor"

A little trick until we find something better:

  settings:
    size:
      title: Size
      type: "integer"
      minimum: 12
      maximum: 128
      multipleOf: 4
      default: 32
    color:
      title: Couleur
      type: "string"
      format: "color"
      default: "#000001"
  template: >
    <svg xmlns="http://www.w3.org/2000/svg"
      class="lokaicone"
      viewBox="0 0 24 24"
      height="{{ size|default(32) }}"
      width="{{ size|default(32) }}"
      fill="{{ color|replace({'#000001': "currentColor"}) }}"
    >
      {{ content }} 
    </svg>

Basically, you set the default colour that is not used in the site and replace it with ‘currentColor’.

First check the template generated to be sure there is no double quoted string.

Then your SVG icons must be compatible with usage of fill="currentColor", see documentation for color inheritance: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/color.