I put together some wind compass images:
Get them here (right click, save as) https://imgur.com/a/Rr6aXWQ
Sample Lovelace Card:
type: picture-entity
show_name: false
show_state: false
entity: sensor.bom_station_wind_direction
state_image:
CALM: /local/icons/wind/CALM.png
E: /local/icons/wind/E.png
ENE: /local/icons/wind/ENE.png
ESE: /local/icons/wind/ESE.png
'N': /local/icons/wind/N.png
NE: /local/icons/wind/NE.png
NNE: /local/icons/wind/NNE.png
NNW: /local/icons/wind/NNW.png
NW: /local/icons/wind/NW.png
S: /local/icons/wind/S.png
SE: /local/icons/wind/SE.png
SSE: /local/icons/wind/SSE.png
SSW: /local/icons/wind/SSW.png
SW: /local/icons/wind/SW.png
W: /local/icons/wind/W.png
WNW: /local/icons/wind/WNW.png
WSW: /local/icons/wind/WSW.png