Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">
	
	<g>
	  <circle cx="300" cy="300" r="0" fill="#845ec2"/>
  <g class="letters">
    <path d="M103.77,166.27c-5.44-4.16-7.13-11.5-2.31-17.81,4.86-6.35,12.38-6.65,17.82-2.49,5.48,4.19,7.17,11.53,2.31,17.88-4.83,6.31-12.35,6.61-17.83,2.42Zm11.51-15.05c-2.98-2.28-6.93-2.46-9.33,.67-2.4,3.14-1.15,6.86,1.83,9.14,3.02,2.31,6.94,2.53,9.33-.6,2.4-3.14,1.18-6.9-1.83-9.21Z"/>
    <path d="M132.36,128.75c-2.39-2.35-4.44-1.9-6.33,.03-1.75,1.79-2.12,4.16-1.81,5.92l11.6,11.38-4.45,4.53-17.25-16.91,4.45-4.53,2.25,2.21c-.24-2.4,.47-5.84,3.24-8.66,3.71-3.78,7.64-3.51,10.99-.22l12.18,11.94-4.45,4.53-10.43-10.22Z"/>
    <path d="M144.29,104.72c5.62-4.5,12.82-3.34,17.76,2.83l.87,1.09-14.02,11.21c2.22,2.13,5.72,2.59,8.93,.03,1.76-1.41,3.26-3.76,3.54-5.9l4.75,1.45c-.5,3.22-2.75,6.49-5.68,8.83-5.74,4.59-13.17,4.19-18.01-1.86-4.37-5.47-3.88-13.1,1.86-17.69Zm1.85,11.84l9.29-7.43c-1.55-1.7-4.71-3.08-7.99-.46-3.08,2.47-2.57,5.83-1.3,7.9Z"/>
    <path d="M175.39,97.85c-3.28-6.01-1.85-13.4,5.13-17.21,7.02-3.83,14.01-1.04,17.3,4.97,3.31,6.06,1.87,13.45-5.15,17.28-6.98,3.81-13.97,1.02-17.28-5.04Zm16.63-9.08c-1.8-3.29-5.33-5.07-8.8-3.17s-3.84,5.8-2.04,9.09c1.82,3.33,5.31,5.13,8.78,3.24s3.88-5.82,2.06-9.16Z"/>
    <path d="M216.82,75.18c-1.23-3.12-3.28-3.55-5.79-2.56-2.33,.92-3.63,2.93-4.07,4.67l5.96,15.12-5.91,2.33-8.85-22.47,5.91-2.33,1.15,2.93c.76-2.29,2.81-5.14,6.49-6.59,4.93-1.94,8.4-.09,10.13,4.29l6.25,15.86-5.91,2.33-5.35-13.58Z"/>
    <path d="M237.5,58.15c6.97-1.8,13.07,2.2,15.05,9.84l.35,1.35-17.38,4.5c1.15,2.85,4.16,4.71,8.13,3.68,2.18-.56,4.52-2.1,5.64-3.94l3.74,3.27c-1.77,2.73-5.16,4.8-8.79,5.74-7.11,1.84-13.73-1.56-15.67-9.06-1.75-6.78,1.82-13.54,8.93-15.38Zm-3.15,11.56l11.52-2.98c-.72-2.19-3.03-4.74-7.1-3.69-3.82,.99-4.73,4.27-4.42,6.67Z"/>
    <path d="M496.23,433.73c5.44,4.16,7.13,11.5,2.31,17.81-4.86,6.36-12.38,6.65-17.82,2.49-5.48-4.19-7.17-11.53-2.31-17.88,4.83-6.32,12.35-6.61,17.83-2.42Zm-11.51,15.05c2.98,2.28,6.93,2.46,9.33-.67,2.4-3.14,1.15-6.86-1.83-9.14-3.02-2.31-6.94-2.53-9.33,.6-2.4,3.14-1.18,6.9,1.83,9.21Z"/>
    <path d="M467.64,471.25c2.39,2.34,4.44,1.9,6.33-.03,1.75-1.79,2.12-4.16,1.82-5.92l-11.61-11.38,4.45-4.54,17.25,16.91-4.45,4.54-2.25-2.21c.24,2.4-.47,5.84-3.24,8.66-3.71,3.78-7.64,3.51-10.99,.22l-12.18-11.94,4.45-4.53,10.43,10.22Z"/>
    <path d="M455.71,495.28c-5.62,4.5-12.82,3.34-17.76-2.83l-.88-1.09,14.02-11.21c-2.22-2.13-5.72-2.59-8.93-.03-1.76,1.4-3.26,3.76-3.54,5.9l-4.75-1.45c.5-3.22,2.75-6.49,5.68-8.83,5.74-4.59,13.17-4.19,18.01,1.86,4.37,5.47,3.88,13.1-1.86,17.69Zm-1.85-11.84l-9.29,7.43c1.55,1.7,4.71,3.08,7.99,.46,3.08-2.47,2.57-5.83,1.3-7.9Z"/>
    <path d="M424.61,502.15c3.28,6.01,1.85,13.4-5.13,17.21-7.02,3.83-14.01,1.04-17.3-4.97-3.31-6.06-1.87-13.45,5.15-17.28,6.98-3.81,13.97-1.02,17.28,5.04Zm-16.63,9.08c1.8,3.29,5.33,5.07,8.8,3.17s3.84-5.8,2.04-9.09c-1.82-3.33-5.31-5.13-8.78-3.24s-3.88,5.82-2.06,9.16Z"/>
    <path d="M383.18,524.82c1.23,3.12,3.28,3.55,5.79,2.56,2.33-.92,3.63-2.93,4.07-4.67l-5.96-15.12,5.91-2.33,8.85,22.47-5.91,2.33-1.15-2.93c-.76,2.29-2.81,5.14-6.49,6.59-4.93,1.94-8.4,.08-10.13-4.29l-6.25-15.86,5.91-2.33,5.35,13.58Z"/>
    <path d="M362.5,541.86c-6.97,1.8-13.07-2.2-15.05-9.84l-.35-1.36,17.38-4.5c-1.15-2.85-4.16-4.71-8.13-3.68-2.18,.56-4.52,2.1-5.64,3.94l-3.74-3.27c1.77-2.73,5.16-4.8,8.79-5.74,7.11-1.84,13.73,1.56,15.67,9.06,1.75,6.78-1.82,13.54-8.93,15.38Zm3.15-11.56l-11.52,2.98c.72,2.19,3.03,4.74,7.1,3.69,3.82-.99,4.73-4.27,4.42-6.67Z"/>

  </g>
		  	<path class="shield" d="M404.48,187.94c-.93-.82-2.31-.91-3.34-.23-11.59,7.66-26.63,12.29-43.07,12.29-22.94,0-43.16-9.02-55.08-22.72-1.06-1.22-2.9-1.3-4.06-.18-12.16,11.78-30.87,19.34-51.86,19.34-16.39,0-31.38-4.6-42.95-12.22-.78-.51-1.76-.61-2.62-.23h0c-9.19,4.32-15.1,13.92-15.08,24.49v79.1c.82,57.97,35.78,109.33,87.77,128.95l11.15,4.23c4.69,1.85,9.65,2.84,14.66,2.93,5.14-.02,10.24-.97,15.08-2.82l11.05-4.23c51.91-19.71,86.75-71.12,87.46-129.06v-79.1c.02-8.05-3.41-15.52-9.1-20.54Z"/>
	</g>
	<g>
  <circle cx="300" cy="300" r="0" fill="#2c73d2"/>
  <g class="letters">
    <path d="M110.48,167.83l-10.2-7.39-2.35,3.24-4.49-3.26,2.35-3.24-5.34-3.87,3.76-5.18,5.34,3.87,2.88-3.97,4.49,3.26-2.88,3.97,8.83,6.4c1.21,.88,2.61,.91,3.44-.23,.56-.77,.8-1.7,.72-2.19l4.68,1.72c.13,1.27-.3,3.06-1.86,5.2-2.61,3.6-5.88,4.2-9.36,1.67Z"/>
    <path d="M122.55,136.27l8.63,14.9-4.61,5-22.73-10.97,4.48-4.85,14.99,7.71-8.35-14.91,3.83-4.15,15.54,7.12-8.89-14.33,4.48-4.85,12.76,21.78-4.58,4.96-15.55-7.41Z"/>
    <path d="M140.67,123.95c-4.32-5.32-4.25-12.85,1.92-17.86,6.21-5.05,13.59-3.57,17.91,1.74,4.35,5.35,4.29,12.88-1.92,17.93-6.17,5.02-13.55,3.54-17.91-1.81Zm14.71-11.95c-2.37-2.91-6.16-4.01-9.23-1.52-3.07,2.49-2.72,6.4-.36,9.31,2.4,2.95,6.15,4.08,9.22,1.59s2.76-6.43,.36-9.38Z"/>
    <path d="M179.86,102.62l-6.37-10.87-3.45,2.02-2.81-4.79,3.45-2.02-3.34-5.69,5.52-3.24,3.34,5.69,4.23-2.48,2.81,4.79-4.23,2.48,5.51,9.4c.76,1.29,2.03,1.88,3.24,1.17,.82-.48,1.42-1.24,1.54-1.72l3.59,3.46c-.39,1.21-1.5,2.68-3.79,4.02-3.84,2.25-7.07,1.48-9.25-2.23Z"/>
    <path d="M203.59,78.57l1.9,17.12-6.23,2.72-16.39-19.2,6.05-2.64,10.62,13.1-1.64-17.02,5.18-2.26,11.36,12.78-2.37-16.7,6.05-2.64,2.92,25.08-6.19,2.7-11.25-13.04Z"/>
    <path d="M225.13,74.6c-1.8-6.61,1.3-13.47,8.97-15.56,7.72-2.11,13.88,2.22,15.68,8.83,1.82,6.66-1.29,13.52-9,15.62-7.67,2.09-13.83-2.24-15.64-8.89Zm18.28-4.99c-.99-3.62-4.01-6.16-7.82-5.12-3.81,1.04-5.08,4.75-4.09,8.37,1,3.67,3.98,6.22,7.79,5.18,3.81-1.04,5.12-4.77,4.12-8.43Z"/>

    <path d="M489.52,432.17l10.2,7.39,2.35-3.24,4.49,3.26-2.35,3.24,5.34,3.87-3.76,5.18-5.34-3.87-2.88,3.97-4.49-3.26,2.88-3.97-8.83-6.4c-1.21-.88-2.62-.91-3.44,.23-.56,.77-.8,1.7-.72,2.19l-4.68-1.72c-.13-1.27,.3-3.06,1.86-5.2,2.61-3.6,5.88-4.2,9.36-1.67Z"/>
    <path d="M477.46,463.73l-8.63-14.9,4.61-5,22.73,10.97-4.47,4.85-14.99-7.71,8.35,14.91-3.83,4.15-15.54-7.12,8.89,14.33-4.47,4.85-12.76-21.78,4.58-4.96,15.55,7.41Z"/>
    <path d="M459.33,476.05c4.32,5.32,4.25,12.85-1.92,17.86-6.21,5.05-13.59,3.57-17.91-1.74-4.35-5.35-4.29-12.88,1.92-17.93,6.17-5.02,13.55-3.54,17.91,1.81Zm-14.71,11.95c2.37,2.91,6.16,4.01,9.23,1.52s2.72-6.4,.36-9.31c-2.4-2.95-6.15-4.08-9.22-1.59-3.06,2.49-2.76,6.43-.36,9.38Z"/>
    <path d="M420.14,497.38l6.37,10.87,3.45-2.02,2.81,4.79-3.45,2.02,3.34,5.69-5.52,3.24-3.34-5.69-4.23,2.48-2.81-4.79,4.23-2.48-5.51-9.4c-.76-1.29-2.03-1.88-3.24-1.17-.82,.48-1.42,1.24-1.54,1.72l-3.59-3.46c.39-1.21,1.5-2.68,3.79-4.02,3.84-2.25,7.07-1.48,9.25,2.23Z"/>
    <path d="M396.41,521.43l-1.9-17.12,6.23-2.72,16.39,19.2-6.05,2.64-10.62-13.1,1.64,17.02-5.18,2.26-11.36-12.78,2.37,16.7-6.05,2.64-2.92-25.08,6.19-2.7,11.25,13.04Z"/>
    <path d="M374.87,525.4c1.8,6.61-1.3,13.47-8.97,15.56-7.72,2.11-13.88-2.22-15.68-8.83-1.82-6.66,1.29-13.52,9-15.62,7.67-2.09,13.83,2.24,15.64,8.89Zm-18.28,4.99c.99,3.62,4.01,6.16,7.82,5.12,3.81-1.04,5.08-4.75,4.09-8.37-1-3.67-3.98-6.22-7.79-5.18-3.81,1.04-5.12,4.77-4.12,8.43Z"/>
  </g>
    	  	<path class="shield" d="M404.48,187.94c-.93-.82-2.31-.91-3.34-.23-11.59,7.66-26.63,12.29-43.07,12.29-22.94,0-43.16-9.02-55.08-22.72-1.06-1.22-2.9-1.3-4.06-.18-12.16,11.78-30.87,19.34-51.86,19.34-16.39,0-31.38-4.6-42.95-12.22-.78-.51-1.76-.61-2.62-.23h0c-9.19,4.32-15.1,13.92-15.08,24.49v79.1c.82,57.97,35.78,109.33,87.77,128.95l11.15,4.23c4.69,1.85,9.65,2.84,14.66,2.93,5.14-.02,10.24-.97,15.08-2.82l11.05-4.23c51.91-19.71,86.75-71.12,87.46-129.06v-79.1c.02-8.05-3.41-15.52-9.1-20.54Z"/>
</g>
	  <g>
	<circle cx="300" cy="300" r="0" fill="#008f7a"/>
  <g class="letters">
    <path d="M110.48,167.83l-10.2-7.39-2.35,3.24-4.49-3.26,2.35-3.24-5.34-3.87,3.76-5.18,5.34,3.87,2.88-3.97,4.49,3.26-2.88,3.97,8.83,6.4c1.21,.88,2.61,.91,3.44-.23,.56-.77,.8-1.7,.72-2.19l4.68,1.72c.13,1.27-.3,3.06-1.86,5.2-2.61,3.6-5.88,4.2-9.36,1.67Z"/>
    <path d="M123.88,137.33c-2.51-2.22-4.45-1.61-6.28,.45-1.62,1.83-1.87,4.22-1.51,6.01l12.16,10.78-4.21,4.75-24.96-22.12,4.21-4.75,9.24,8.19c-.36-2.39,.21-5.89,2.83-8.85,3.51-3.97,7.38-3.95,10.89-.83l12.83,11.37-4.21,4.75-11-9.75Z"/>
    <path d="M126.73,120.87l4.67-4.31,2.24,2.43c-.21-2.73,.84-6.02,3.05-8.05l4.21,4.56c-.4,.23-.91,.57-1.42,1.04-1.54,1.42-2.79,4.21-2.51,6.06l10.82,11.72-4.67,4.31-16.38-17.75Z"/>
    <path d="M149.58,100.62c5.74-4.35,12.9-3,17.67,3.3l.85,1.12-14.31,10.83c2.16,2.19,5.65,2.74,8.92,.27,1.79-1.36,3.36-3.68,3.69-5.81l4.71,1.58c-.58,3.2-2.92,6.41-5.91,8.68-5.86,4.44-13.27,3.84-17.95-2.34-4.23-5.58-3.53-13.19,2.33-17.63Zm1.54,11.88l9.49-7.18c-1.51-1.74-4.62-3.21-7.97-.67-3.15,2.38-2.72,5.76-1.51,7.86Z"/>
    <path d="M174.15,84.24c6.21-3.64,13.17-1.46,17.16,5.36l.71,1.21-15.49,9.07c1.89,2.43,5.29,3.39,8.83,1.32,1.94-1.14,3.77-3.25,4.35-5.33l4.49,2.12c-.96,3.11-3.66,6.02-6.89,7.92-6.34,3.71-13.63,2.25-17.55-4.44-3.54-6.04-1.95-13.52,4.39-17.23Zm.12,11.98l10.27-6.01c-1.29-1.91-4.21-3.73-7.84-1.61-3.41,2-3.38,5.4-2.43,7.62Z"/>
    <path d="M210.8,86.82l-4.66-11.7-3.72,1.48-2.05-5.16,3.72-1.48-2.44-6.13,5.95-2.37,2.44,6.13,4.55-1.81,2.05,5.16-4.55,1.81,4.03,10.13c.56,1.39,1.72,2.17,3.02,1.65,.88-.35,1.59-1.01,1.78-1.46l3.03,3.96c-.57,1.14-1.89,2.42-4.35,3.4-4.13,1.65-7.21,.4-8.81-3.6Z"/>
    <path d="M238.44,68.23c-.93-3.22-2.9-3.74-5.54-2.98-2.35,.68-3.84,2.56-4.5,4.26l4.49,15.62-6.1,1.76-9.22-32.05,6.1-1.76,3.41,11.87c.98-2.21,3.34-4.86,7.13-5.95,5.09-1.47,8.35,.62,9.65,5.13l4.74,16.48-6.1,1.76-4.06-14.13Z"/>
    <path d="M249.69,55.86l6.25-1.13,.59,3.25c1.29-2.42,3.94-4.63,6.89-5.16l1.1,6.1c-.46-.02-1.07-.01-1.76,.11-2.07,.37-4.61,2.05-5.37,3.77l2.84,15.7-6.25,1.13-4.3-23.77Z"/>
    <path d="M279.85,51.05c7.18-.58,12.5,4.4,13.14,12.28l.11,1.4-17.89,1.45c.65,3.01,3.29,5.35,7.38,5.02,2.24-.18,4.81-1.29,6.23-2.91l3.12,3.86c-2.21,2.39-5.91,3.84-9.65,4.14-7.33,.59-13.26-3.89-13.88-11.61-.57-6.98,4.11-13.02,11.44-13.62Zm-5.09,10.85l11.86-.96c-.34-2.28-2.18-5.19-6.36-4.85-3.94,.32-5.39,3.4-5.5,5.81Z"/>
    <path d="M309.36,50.42c7.2,.26,11.9,5.83,11.62,13.72l-.05,1.4-17.94-.64c.29,3.06,2.65,5.7,6.75,5.85,2.25,.08,4.93-.72,6.53-2.17l2.65,4.2c-2.48,2.11-6.32,3.13-10.06,2.99-7.35-.26-12.72-5.41-12.44-13.15,.25-7,5.6-12.46,12.94-12.2Zm-6.32,10.18l11.89,.42c-.07-2.3-1.56-5.41-5.76-5.56-3.95-.14-5.75,2.75-6.14,5.13Z"/>
    <path d="M489.52,432.17l10.2,7.39,2.35-3.24,4.49,3.26-2.35,3.24,5.34,3.87-3.76,5.18-5.34-3.87-2.88,3.97-4.49-3.26,2.88-3.97-8.83-6.4c-1.21-.88-2.62-.91-3.44,.23-.56,.77-.8,1.7-.72,2.19l-4.68-1.72c-.13-1.27,.3-3.06,1.86-5.2,2.61-3.6,5.88-4.2,9.36-1.67Z"/>
    <path d="M476.12,462.67c2.51,2.22,4.45,1.61,6.28-.45,1.62-1.83,1.87-4.22,1.51-6.01l-12.16-10.78,4.21-4.75,24.96,22.12-4.21,4.75-9.24-8.19c.36,2.39-.21,5.89-2.83,8.85-3.51,3.97-7.38,3.95-10.89,.83l-12.83-11.37,4.21-4.75,11,9.75Z"/>
    <path d="M473.27,479.13l-4.67,4.31-2.24-2.43c.21,2.73-.84,6.02-3.05,8.05l-4.21-4.56c.4-.23,.91-.57,1.42-1.04,1.54-1.42,2.79-4.21,2.51-6.06l-10.82-11.72,4.67-4.31,16.38,17.75Z"/>
    <path d="M450.42,499.38c-5.74,4.35-12.9,3-17.67-3.3l-.84-1.12,14.31-10.83c-2.16-2.19-5.65-2.74-8.92-.27-1.79,1.36-3.36,3.68-3.69,5.81l-4.71-1.58c.58-3.2,2.92-6.41,5.91-8.68,5.86-4.44,13.27-3.84,17.95,2.34,4.22,5.58,3.53,13.19-2.33,17.63Zm-1.54-11.88l-9.49,7.18c1.51,1.74,4.62,3.21,7.97,.67,3.15-2.38,2.72-5.76,1.51-7.86Z"/>
    <path d="M425.85,515.76c-6.21,3.64-13.17,1.46-17.16-5.36l-.71-1.21,15.49-9.07c-1.89-2.43-5.29-3.39-8.83-1.32-1.94,1.14-3.77,3.25-4.35,5.33l-4.49-2.12c.96-3.11,3.66-6.02,6.89-7.92,6.34-3.71,13.63-2.25,17.55,4.44,3.54,6.04,1.95,13.52-4.39,17.23Zm-.12-11.98l-10.27,6.01c1.29,1.91,4.21,3.73,7.84,1.61,3.41-2,3.38-5.4,2.43-7.62Z"/>
    <path d="M389.2,513.18l4.66,11.7,3.72-1.48,2.05,5.16-3.72,1.48,2.44,6.13-5.95,2.37-2.44-6.13-4.55,1.81-2.05-5.16,4.55-1.81-4.03-10.12c-.56-1.39-1.72-2.17-3.02-1.65-.88,.35-1.59,1.01-1.79,1.46l-3.03-3.96c.57-1.14,1.89-2.42,4.35-3.4,4.13-1.65,7.21-.4,8.81,3.6Z"/>
    <path d="M361.56,531.77c.93,3.22,2.9,3.75,5.54,2.98,2.35-.68,3.84-2.56,4.5-4.26l-4.49-15.62,6.1-1.76,9.22,32.05-6.1,1.75-3.42-11.87c-.98,2.21-3.33,4.86-7.13,5.95-5.09,1.47-8.35-.62-9.64-5.13l-4.74-16.48,6.1-1.76,4.06,14.13Z"/>
    <path d="M350.31,544.14l-6.25,1.13-.59-3.25c-1.29,2.42-3.94,4.62-6.89,5.16l-1.1-6.1c.46,.02,1.07,0,1.76-.11,2.07-.37,4.61-2.05,5.37-3.76l-2.84-15.7,6.25-1.13,4.3,23.77Z"/>
    <path d="M320.15,548.95c-7.18,.58-12.5-4.4-13.14-12.28l-.11-1.4,17.89-1.45c-.65-3.01-3.29-5.35-7.38-5.02-2.24,.18-4.81,1.29-6.23,2.91l-3.12-3.86c2.21-2.39,5.91-3.84,9.65-4.14,7.33-.6,13.26,3.89,13.88,11.61,.57,6.98-4.11,13.02-11.44,13.62Zm5.09-10.85l-11.86,.96c.34,2.28,2.18,5.19,6.36,4.85,3.94-.32,5.39-3.4,5.5-5.81Z"/>
    <path d="M290.64,549.58c-7.2-.26-11.9-5.83-11.62-13.72l.05-1.4,17.94,.64c-.29-3.06-2.65-5.7-6.75-5.84-2.25-.08-4.93,.72-6.53,2.17l-2.65-4.2c2.48-2.11,6.32-3.13,10.06-2.99,7.35,.26,12.72,5.41,12.44,13.15-.25,7-5.6,12.46-12.95,12.2Zm6.32-10.18l-11.89-.42c.07,2.3,1.56,5.41,5.76,5.56,3.95,.14,5.75-2.75,6.14-5.13Z"/>
  </g>
      	  	<path class="shield" d="M404.48,187.94c-.93-.82-2.31-.91-3.34-.23-11.59,7.66-26.63,12.29-43.07,12.29-22.94,0-43.16-9.02-55.08-22.72-1.06-1.22-2.9-1.3-4.06-.18-12.16,11.78-30.87,19.34-51.86,19.34-16.39,0-31.38-4.6-42.95-12.22-.78-.51-1.76-.61-2.62-.23h0c-9.19,4.32-15.1,13.92-15.08,24.49v79.1c.82,57.97,35.78,109.33,87.77,128.95l11.15,4.23c4.69,1.85,9.65,2.84,14.66,2.93,5.14-.02,10.24-.97,15.08-2.82l11.05-4.23c51.91-19.71,86.75-71.12,87.46-129.06v-79.1c.02-8.05-3.41-15.52-9.1-20.54Z"/>
	  </g>
	
	
</svg>
              
            
!

CSS

              
                body {
  font-family: "proxima-nova", sans-serif;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}


.letters path, .shield {
  fill: white;
}

svg {
  overflow: visible;

}





              
            
!

JS

              
                console.clear();
const targets = gsap.utils.toArray("svg > g");
let ih = window.innerHeight;
let iw = window.innerWidth;
let coverRadius = 0.5 * Math.sqrt(iw * iw + ih * ih);

targets.forEach((target, i) => {
  let circle = target.querySelector("circle");
  let letters = target.querySelector(".letters");
  let shield = target.querySelector(".shield");

  let tl = gsap.timeline({ delay: i * 7, repeat: -1, repeatDelay: 13 });
  tl.to(circle, { duration: 3, attr: { r: coverRadius } }, 0);
  tl.from(target, { duration: 1, autoAlpha: 0 }, 0);
  tl.from(
    [shield, letters],
    { duration: 2, scale: 0.25, svgOrigin: "300 300" },
    0
  );
  tl.to(
    letters,
    { duration: 8, rotation: 360, ease: "none", svgOrigin: "300 300" },
    0
  );
  tl.to(target, { duration: 2, autoAlpha: 0, ease: "none" }, "-=2");
});

              
            
!
999px

Console