JSFiddle - React, Tailwind, and code Playground

Accedo logo svg exported

by Csaba Hellinger

HTML

<div class="container">

<svg id="SvgjsSvg1000" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="100%" height="100%" viewBox="0 0 268 195"><rect id="SvgjsRect1008" width="100%" height="100%" fill="#00a4e3" mask="url(&quot;#SvgjsMask1009&quot;)"></rect><rect id="SvgjsRect1013" width="132" height="106" rx="35" ry="35" x="114" y="88" fill="#ffd200"></rect><rect id="SvgjsRect1014" width="82" height="128" rx="35" ry="35" x="185" y="19" fill="#d82a91"></rect><rect id="SvgjsRect1016" width="132" height="106" rx="35" ry="35" x="114" y="88" fill="#72a432" mask="url(&quot;#SvgjsMask1019&quot;)"></rect><rect id="SvgjsRect1021" width="82" height="128" rx="35" ry="35" x="185" y="19" fill="#812890" mask="url(&quot;#SvgjsMask1024&quot;)"></rect><rect id="SvgjsRect1026" width="82" height="128" rx="35" ry="35" x="185" y="19" fill="#ec1b22" mask="url(&quot;#SvgjsMask1029&quot;)"></rect><rect id="SvgjsRect1031" width="132" height="106" rx="35" ry="35" x="114" y="88" fill="#80003e" mask="url(&quot;#SvgjsMask1034&quot;)"></rect><defs id="SvgjsDefs1001"><mask id="SvgjsMask1009"><ellipse id="SvgjsEllipse1010" rx="110" ry="62.5" cx="5" cy="132.5" fill="white"></ellipse><ellipse id="SvgjsEllipse1011" rx="85" ry="55" cx="-20" cy="140" fill="black"></ellipse><rect id="SvgjsRect1012" width="225" height="145" rx="35" ry="35" fill="white"></rect><path id="SvgjsPath1007" d="M26 69C16 69 16 59 26 59C44 59 52 51 52 31C52 21 63 21 63 31C63 51 71 59 87 59C97 59 97 69 87 69C71 69 63 77 63 97C63 107 52 107 52 97C52 77 46 69 26 69Z " fill="black"></path></mask><mask id="SvgjsMask1019"><rect id="SvgjsRect1018" width="100%" height="100%" fill="white" mask="url(&quot;#SvgjsMask1009&quot;)"></rect></mask><mask id="SvgjsMask1024"><rect id="SvgjsRect1023" width="100%" height="100%" fill="white" mask="url(&quot;#SvgjsMask1009&quot;)"></rect></mask><mask id="SvgjsMask1029"><rect id="SvgjsRect1028" width="132" height="106"...

CSS

body {
    background-color: white;
    padding: 20px;
}

.container {
    background-color: white;
}

svg {
    -webkit-filter: drop-shadow(2px 2px 8px rgba(0,0,0, 0.4));    
}