JSFiddle - React, Tailwind, and code Playground
by WILLIAM CORREA
HTML
<div style="display: flex; flex-direction: column; position: relative;"><div class="" logo-role="frame" role="frame" style="margin-left: 0px; margin-top: 0px; display: none; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; width: 400px; height: 400px;"><svg width="100%" height="100%" x="0" y="0"><rect width="394" height="394" stroke-width="6" stroke="#b3a4ca" stroke-opacity="1" fill="#e8e9ff" fill-opacity="0" x="3" y="3" rx="50%" ry="50%"></rect></svg></div><div class="" role="icon" logo-role="icon" style="display: block; width: auto; margin-bottom: 30px; align-self: center; size: 115px; left: 0px; top: 0px; position: relative; z-index: 10;">
<svg height="115" viewBox="0 0 66.66600036621094 80"><g><svg data-color="1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" viewBox="16.66699981689453 10 66.66600036621094 80" enable-background="new 0 0 100 100" xml:space="preserve" width="66.66600036621094" height="80" fill="#b3a4ca"><path d="M16.667,43.33C16.667,69.104,37.559,90,63.333,90v-6.667c-22.093,0-40-17.91-40-40.003H16.667z"></path><path d="M63.333,16.667c-14.729,0-26.666,11.94-26.666,26.664C36.667,58.06,48.604,70,63.333,70v6.667 C44.922,76.667,30,61.741,30,43.33C30,24.922,44.922,10,63.333,10V16.667z"></path><path d="M63.333,43.333v20c-11.048,0-20-8.955-20-20.003c0-11.045,8.952-19.997,20-19.997c11.049,0,20,8.952,20,19.997 L63.333,43.333z"></path></svg></g></svg>
</div><div class="" role="text" type="textSvgPath" logo-role="companyName" style="align-self: center; position: relative; left: 0px; top: 0px; z-index: 50;"><div class="textHover" style="position: absolute; width: 100%; height: 100%; transform: rotate(0deg);"></div><div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="140.16000366210938" viewBox="2.950000047683716 13.720000267028809 140.16000366210938 24.079998016357422" overflow="visible"...