Universal Remote Card - Buttons, Touchpads, Sliders, and Keyboards for Multiple Platforms

I don’t know if there’s a tutorial. The custom svg paths was something added in the project this card was forked from that I’ve continued to use but haven’t expanded much upon. You do need to copy just the path fields from within the SVG XML.

where would i copy the svg xml. sorry not understanding how? noobie to this?

The SVG XML has a bunch of elements named path with attributes named d. The The d attribute contains the commands that draw the SVG icon. You need to copy all of the path commands into the editor and then modify it as needed. To be honest it probably won’t work well with that icon, as this card’s custom icon feature was made to work with binary icons. You may be better off using a background image, like in this example.

Easiest way I’ve found to build custom icons/svg is with Adobe Illustrator.
Took me 2mins to build this one from your low-res screenshot:

Link to the svg file:

https://www.dropbox.com/scl/fi/xgdpbnqhl2h1png2a9tzg/plex-test2.svg?rlkey=yifoi6fdb2rmi5sgjp6lplgj7&st=ijcg8m66&dl=0

More details here:

1 Like

Hi.
i love this card and its working nicely.
i would like to know how is it possible to run and a button from this card using script
for example how i can run this in a script:

type: button
name: freetv
icon: mdi:television-box
tap_action:
action: source
source: tv.freetv.androidtv

key and source are shortcuts for different actions. As of 4.1.1, these actions vary by platform. For Android TV, it uses the remote.turn_on action as described in the Home Assistant Android TV Remote integration documentation.

action: remote.turn_on
data:
  activity: tv.freetv.androidtv
target:
  entity_id: remote.android_tv