Only display actual weather icon

I have 2 weather integrations in my system. KNMI and met.no. Now I only want the actual weather icon on a custom:mushroom-template-card but I can’t get this to work. Does anyone know how I can do this?

Firefox_Screenshot_2025-04-21T22-22-02.596Z

type: custom:mushroom-template-card
icon: weather-{{ states(entity) }}
entity: weather.YOUR_WEATHER_ENTITY
primary: ""
secondary: ""

awesome! better than chatgpt which came with helpers.

i have this code now and it works perfectly:

type: custom:mushroom-template-card
primary: |
Weather
secondary: ""
icon: >
{% set condition = states(entity) %}
{{ 'weather-' + condition if condition else 'weather-cloudy-alert' }}
layout_options:
grid_columns: 2
grid_rows: 2
fill_container: false
layout: vertical
tap_action:
action: navigate
navigation_path: "#pop-weer"
entity: weather.forecast_home

Thnx Didgeridrew!