Replies: 1 comment
-
I figured out how to do |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I would like to change the ps5 svg icon with an xbox icon, can anyone help me achieve this?
This is xbox icon:
Here is the ps5 svg icon:
icon_ps5:
styles:
custom_fields:
icon:
- width: 89%
- margin-left: -2%
- margin-top: -9%
custom_fields:
icon: >
[[[
if (variables.state_on && variables.timeout < 2000) {
return
<svg viewBox="0 0 50 50"> <style> @keyframes on { 50% { transform: translateY(-45%); } 100% { transform: translateY(0); } } .on { animation: on 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } </style> <g style="clip-path: url(#mask);"> <g class="on"> <path fill="#00aa9e" d="M49.2 38.9l-75.6-25.1v7.4l75.6 25.2z"/> <path fill="#f3c202" d="M49.2 46.4l-75.6-25.2v7.5l75.6 25.1z"/> <path fill="#326db3" d="M49.2 53.8l-75.6-25.1V51l75.6 25.1zm0-22.3L-26.4 6.4v7.4l75.6 25.1z"/> </g> </g> <defs> <clipPath id="mask"> <path d="M47.5 33.2c-.5-2.2-3.9-3.5-9.1-3.9-3.8-.3-7.5.6-11.1 1.9l-.6.2v-5.7l-5.7.8-4.6 1.6L6 31.9h-.1c-1.9.7-3.8 2.2-3.7 4.2.1 2.1 4.7 2.6 8.2 3.2 3.3.6 6.2.2 8.9-.7l7.3 4.8L33 41l10.7-4h.1c2.8-1 4-2.5 3.7-3.8zm-31.3 2l-3.6 1.3c-2.2.8-4.1-1.1-2.1-1.9l1.7-.6 7.2-2.7v2.8l-3.2 1.1zm22.5-1.1l-1.9.7-10.2 3.7V36l6.5-2.4 3.8-1.3c4-.9 5.6.5 1.8 1.8z"/> </clipPath> </defs> <path fill="#de0029" d="M26.7 14.6v28.7l-7.3-2.5V7.1l9.3 2.6c6 1.7 9.6 5 9.6 10.7-.1 6.7-3 9.4-8.7 7.6V14.9c-.1-1.6-2.9-1.7-2.9-.3h0z"/> </svg>
;}
Beta Was this translation helpful? Give feedback.
All reactions