dsfr4drupal-1.x-dev/dsfr4drupal.icons.yml

# Icons API official documentation: https://www.drupal.org/node/3490350
dsfr:
  enabled: true
  label: 'DSFR Icon'
  description: 'DSFR Icons with their utility classes'
  links:
    - https://www.systeme-de-design.gouv.fr/fondamentaux/icone
  version: 1.14.2
  license:
    name: MIT
    url: https://github.com/GouvernementFR/dsfr/blob/main/LICENSE.md
    gpl-compatible: true
  extractor: svg
  config:
    sources:
      - /libraries/dsfr/dist/icons/{group}/{icon_id}.svg
  settings:
    size:
      title: Size
      type: string
      enum: ['xs', 'md', 'lg']
      default: md
  library: 'dsfr4drupal/utility_icons'
  template: >
    {%- if size != 'md' -%}
      {%- set attributes = attributes.addClass('fr-icon--' ~ size) -%}
    {%- endif -%}
    <span{{ attributes
      .addClass('fr-icon-' ~ icon_id|replace({'fr--': ''})|clean_class)
      .setAttribute('aria-hidden', 'true')
    }}></span>

dsfr_pictogram:
  enabled: true
  label: 'DSFR Pictogram'
  description: 'DSFR pictograms used as SVG files'
  links:
    - https://www.systeme-de-design.gouv.fr/fondamentaux/pictogramme
  version: 1.14.2
  license:
    name: MIT
    url: https://github.com/GouvernementFR/dsfr/blob/main/LICENSE.md
    gpl-compatible: true
  extractor: svg
  config:
    sources:
      - /libraries/dsfr/dist/artwork/pictograms/{group}/{icon_id}.svg
  settings:
    size:
      title: Size
      type: integer
      default: 80
  template: >
    {%- if size -%}
      {%- set attributes = attributes
        .setAttribute('width', size)
        .setAttribute('height', size)
      -%}
    {%- endif -%}
    <svg{{ attributes
      .addClass('fr-artwork')
      .setAttribute('aria-hidden', 'true')
    }}>
      <use class="fr-artwork-decorative" href="{{ source }}#artwork-decorative"></use>
      <use class="fr-artwork-minor" href="{{ source }}#artwork-minor"></use>
      <use class="fr-artwork-major" href="{{ source }}#artwork-major"></use>
    </svg>