Cambiar svg por png Buenas tardes, hace tiempo que no pasaba por aquí.
Me gustaría saber, si alguien me ayuda a cambiar el svg de este css, por una imagen png, por ejemplo bola.png
:root {
--michat-ico: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");
--michat-font: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif
}
.michat {
--bottom: 20px;
--sep: 20px;
--s: 60px;
--header: calc(var(--s)*1.16667);
--vh: 100vh;
--red: 37;
--green: 211;
--blue: 102;
--rgb: var(--red) var(--green) var(--blue);
--color: rgb(var(--rgb));
--dark: rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75));
--hover: rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50));
--bg: rgb(var(--rgb)/4%);
--tolerance: 210;
--bw: calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-10000000);
--text: hsl(0deg 0% calc(var(--bw)*1%)/clamp(70%,calc(var(--bw)*1%),100%));
--msg: var(--color);
color: var(--text);
display: none;
position: fixed;
z-index: 9000;
right: var(--sep);
bottom: var(--bottom);
font: normal normal normal 16px/1.625em var(--michat-font);
letter-spacing: 0;
animation: michat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;
transform: scale3d(0,0,0);
transform-origin: calc(var(--s)/-2) calc(var(--s)/-4);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: manipulation;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgb(0 0 0/0)
}
