JSFiddle - React, Tailwind, and code Playground

by elcoyote67

HTML

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="439px" height="78px" viewBox="0 0 494.56 112.817" enable-background="new 0 0 494.56 112.817"
	 xml:space="preserve">
<g>
        <animate attributeName="opacity"
             values=".0;1;1" dur="3000ms" repeatCount="indefinite"  />
    <animateMotion path="M -50 0 H 0 0" dur="3000ms" repeatCount="indefinite" />
    
	<path fill="#ffffff" d="M259.325,65.453l-16.813-0.044L240,70.762l-10.659-0.027l0.002-1.583l19.295-41.555l4.69,0.011
		l19.146,41.651l-0.005,1.586l-10.662-0.027L259.325,65.453z M250.91,44.9l-4.841,11.199l9.746,0.024L250.91,44.9z"/>
	<path fill="#ffffff" d="M69,48.709c0.074-29.481,43.812-29.372,43.736,0.113C112.662,78.364,68.925,78.255,69,48.709z
		 M101.59,48.792c0.04-15.35-21.343-15.407-21.383-0.052C80.168,64.211,101.549,64.266,101.59,48.792z"/>
	<path fill="#1AA5D1" d="M312.191,49.328c0.074-29.481,43.81-29.369,43.736,0.112C355.852,78.984,312.114,78.874,312.191,49.328z
		 M344.78,49.413c0.04-15.352-21.343-15.404-21.382-0.055C323.358,64.833,344.739,64.889,344.78,49.413z"/>
	<path fill="#ffffff" d="M127.063,49.461l-0.054,20.955c-3.777-0.011-7.553-0.019-11.269-0.031l0.108-42.824l3.96,0.014l21.51,21.13
		l0.053-20.894c3.716,0.007,7.432,0.015,11.148,0.029l-0.109,42.7l-3.899-0.011L127.063,49.461z"/>
	<path fill="#ffffff" d="M155.616,37.654c0.007-3.292,0.017-6.516,0.023-9.747l31.679,0.083c-0.01,3.227-0.018,6.458-0.025,9.744
		l-10.418-0.024l-0.084,32.895c-3.593-0.012-7.189-0.023-10.78-0.027l0.082-32.895L155.616,37.654z"/>
	<path fill="#ffffff" d="M226.426,69.144l-0.005,1.583l-12.182-0.031l-7.277-12.565l-5.667-0.014l-0.032,12.546
		c-3.656-0.005-7.372-0.019-10.904-0.027c0.034-14.188,0.072-28.384,0.106-42.642c6.154,0.014,12.49,0.034,18.704,0.05
		c16.75,0.104,19.747,20.274,8.944,27.556L226.426,69.144z...

CSS

body {background-color :#10293f;
     
}