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
Uh oh!
There was an error while loading. Please reload this page.
-
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