Pen Settings

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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!-- Raw SVG -->
<figure>
	<svg class="polyonlion" version="1.1" viewBox="13 103.7 586 580" xmlns="http://www.w3.org/2000/svg">
	<g>
		<g id="polyonlion-mouth">
			<polygon fill="#231F20" points="306,524.3 388.3,551.9 311.6,502 		" data-svg-origin="347.1499938964844 526.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="223.7,551.9 306,524.3 300.4,501.8 		" data-svg-origin="264.8499984741211 526.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
		<g id="polyonlion-nose">
			<polygon fill="#333333" points="359.6,420.7 306.2,448.6 354.7,448.6 		" data-svg-origin="332.90000915527344 434.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#454545" points="306,413.9 306.2,448.6 359.6,420.7 		" data-svg-origin="332.8000030517578 431.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#707070" points="306,413.9 252.4,420.7 306.2,448.6 		" data-svg-origin="279.3000030517578 431.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#454545" points="252.4,420.7 257.5,448.6 306.2,448.6 		" data-svg-origin="279.3000030517578 434.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="257.5,448.6 306.4,484.9 306.2,448.6 		" data-svg-origin="281.9499969482422 466.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="306.4,484.9 306,524.3 318.2,476.1 		" data-svg-origin="312.1000061035156 500.1999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#231F20" points="306.2,448.6 306.4,484.9 354.7,448.6 		" data-svg-origin="330.45001220703125 466.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#231F20" points="293.8,475.5 306,524.3 306.4,484.9 		" data-svg-origin="300.09999084472656 499.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
		<g id="polyonlion-eye--left">
			<polygon fill="#454545" points="211.3,319.9 192.4,325.5 228.4,339 261.2,326.2 		" data-svg-origin="226.8000030517578 329.4499969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="261.2,326.2 228.4,339 248.7,355.1 		" data-svg-origin="244.8000030517578 340.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#231F20" points="192.4,325.5 202.7,353.9 248.7,355.1 228.4,339 		" data-svg-origin="220.54999542236328 340.3000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#231F20" points="248.7,355.1 259.2,377.6 261.2,326.2 		" data-svg-origin="254.95000457763672 351.90000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
		<g id="polyonlion-eye--right">
			<polygon fill="#454545" points="350.8,326.2 363,355.1 383.6,339 366,338.7 		" data-svg-origin="367.1999969482422 340.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="350.8,326.2 352.8,377.6 363,355.1 		" data-svg-origin="356.8999938964844 351.90000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#333333" points="400.7,319.9 350.8,326.2 366,338.7 383.6,339 419.6,325.5 " data-svg-origin="385.1999969482422 329.4499969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#231F20" points="363,355.1 383.6,339 419.6,325.5 409.3,353.9 		" data-svg-origin="391.3000030517578 340.3000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
		<g id="polyonlion-face">
			<polygon fill="#CCCCCC" points="490.1,341.9 409.3,353.9 425.5,411.7 		" data-svg-origin="449.6999969482422 376.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="419.6,325.5 409.3,353.9 490.1,341.9 		" data-svg-origin="449.6999969482422 339.6999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="415.4,278.3 400.7,319.9 419.6,325.5 490.1,341.9 		" data-svg-origin="445.40000915527344 310.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="451.4,238.6 415.4,278.3 490.1,341.9 		" data-svg-origin="452.75 290.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="451.4,238.6 353.7,279.5 415.4,278.3 		" data-svg-origin="402.5500030517578 259.0500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="415.4,278.3 353.7,279.5 400.7,319.9 		" data-svg-origin="384.5500030517578 299.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="306,219.3 353.7,279.5 451.4,238.6 		" data-svg-origin="378.6999969482422 249.4000015258789" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="306,219.3 160.6,238.6 258,279.5 		" data-svg-origin="233.3000030517578 249.4000015258789" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="306,219.3 258,279.5 306,296.6 		" data-svg-origin="282 257.9500045776367" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="306,219.3 306,296.6 353.7,279.5 		" data-svg-origin="329.8500061035156 257.9500045776367" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="353.7,279.5 306,296.6 350.8,326.2 		" data-svg-origin="329.8500061035156 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="353.7,279.5 350.8,326.2 400.7,319.9 		" data-svg-origin="375.75 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="350.8,326.2 306,382.3 352.8,377.6 		" data-svg-origin="329.3999938964844 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="261.2,326.2 306,382.3 350.8,326.2 		" data-svg-origin="306 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="194.6,278.3 211.3,319.9 258,279.5 		" data-svg-origin="226.3000030517578 299.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="258,279.5 211.3,319.9 261.2,326.2 		" data-svg-origin="236.25000762939453 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="194.6,278.3 122.2,341.9 192.4,325.5 211.3,319.9 		" data-svg-origin="166.75 310.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="160.6,238.6 122.2,341.9 194.6,278.3 		" data-svg-origin="158.4000015258789 290.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="160.6,238.6 194.6,278.3 258,279.5 		" data-svg-origin="209.3000030517578 259.0500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="202.7,353.9 186.3,411.7 259.2,377.6 		" data-svg-origin="222.75000762939453 382.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="259.2,377.6 186.3,411.7 252.4,420.7 		" data-svg-origin="222.75000762939453 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="261.2,326.2 259.2,377.6 306,382.3 		" data-svg-origin="282.6000061035156 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="409.3,353.9 352.8,377.6 425.5,411.7 		" data-svg-origin="389.1499938964844 382.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="352.8,377.6 359.6,420.7 425.5,411.7 		" data-svg-origin="389.1499938964844 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="352.8,377.6 306,382.3 359.6,420.7 		" data-svg-origin="332.8000030517578 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="306,382.3 306,413.9 359.6,420.7 		" data-svg-origin="332.8000030517578 401.5" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="306,382.3 252.4,420.7 306,413.9 		" data-svg-origin="279.1999969482422 401.5" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="259.2,377.6 252.4,420.7 306,382.3 		" data-svg-origin="279.1999969482422 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="306,296.6 261.2,326.2 350.8,326.2 		" data-svg-origin="306 311.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="258,279.5 261.2,326.2 306,296.6 		" data-svg-origin="282 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="490.1,341.9 425.5,411.7 439.7,485.8 		" data-svg-origin="457.8000030517578 413.84999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="257.5,448.6 229.4,502.2 293.8,475.5 		" data-svg-origin="261.59999084472656 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="257.5,448.6 172.6,485.8 229.4,502.2 		" data-svg-origin="215.0500030517578 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="354.7,448.6 382.6,502.2 439.7,485.8 		" data-svg-origin="397.20001220703125 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="439.7,485.8 382.6,502.2 388.3,551.9 		" data-svg-origin="411.15000915527344 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="311.6,502 388.3,551.9 382.6,502.2 		" data-svg-origin="349.9499969482422 526.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="318.2,476.1 311.6,502 382.6,502.2 		" data-svg-origin="347.1000061035156 489.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="354.7,448.6 318.2,476.1 382.6,502.2 		" data-svg-origin="350.40000915527344 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="306,524.3 306.2,566.9 388.3,551.9 		" data-svg-origin="347.1499938964844 545.6000061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="388.3,551.9 306.2,566.9 361.2,605.5 		" data-svg-origin="347.25 578.7000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="306.2,566.9 250.9,605.5 361.2,605.5 		" data-svg-origin="306.0500030517578 586.2000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="223.7,551.9 250.9,605.5 306.2,566.9 		" data-svg-origin="264.9500045776367 578.7000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="306,524.3 223.7,551.9 306.2,566.9 		" data-svg-origin="264.9500045776367 545.6000061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="300.4,501.8 229.4,502.2 223.7,551.9 		" data-svg-origin="262.0499954223633 526.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="293.8,475.5 229.4,502.2 300.4,501.8 		" data-svg-origin="264.8999938964844 488.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="172.6,485.8 223.7,551.9 229.4,502.2 		" data-svg-origin="201 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="186.3,411.7 172.6,485.8 257.5,448.6 		" data-svg-origin="215.0500030517578 448.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="122.2,341.9 172.6,485.8 186.3,411.7 		" data-svg-origin="154.25 413.84999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="425.5,411.7 354.7,448.6 439.7,485.8 		" data-svg-origin="397.20001220703125 448.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="186.3,411.7 257.5,448.6 252.4,420.7 		" data-svg-origin="221.9000015258789 430.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="122.2,341.9 186.3,411.7 202.7,353.9 		" data-svg-origin="162.4499969482422 376.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#E4E4E4" points="369.6,191.6 306,219.3 451.4,238.6 		" data-svg-origin="378.6999969482422 215.10000610351562" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="242.4,191.6 160.6,238.6 306,219.3 		" data-svg-origin="233.3000030517578 215.10000610351562" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CCCCCC" points="192.4,325.5 122.2,341.9 202.7,353.9 		" data-svg-origin="162.4499969482422 339.6999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#BFBFBF" points="425.5,411.7 359.6,420.7 354.7,448.6 		" data-svg-origin="390.1000061035156 430.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="409.3,353.9 363,355.1 352.8,377.6 		" data-svg-origin="381.04998779296875 365.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#D9D9D9" points="259.2,377.6 248.7,355.1 202.7,353.9 		" data-svg-origin="230.95000457763672 365.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
		<g id="polyonlion-mane">
			<polygon fill="#F06F28" points="369.6,191.6 242.4,191.6 306,219.3 		" data-svg-origin="306 205.45000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F79333" points="242.4,191.6 306,57.7 369.6,191.6 		" data-svg-origin="306 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="160,88.5 306,57.7 242.4,191.6 		" data-svg-origin="233 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="160.6,238.6 242.4,191.6 160,88.5 		" data-svg-origin="201.1999969482422 163.5500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F79333" points="60.2,184.7 160.6,238.6 160,88.5 		" data-svg-origin="110.40000534057617 163.5500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="60.2,184.7 122.2,341.9 160.6,238.6 		" data-svg-origin="110.40000534057617 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="60.2,184.7 13,341.9 122.2,341.9 		" data-svg-origin="67.5999984741211 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F1562F" points="13,341.9 49.4,503.7 122.2,341.9 		" data-svg-origin="67.5999984741211 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F79333" points="122.2,341.9 49.4,503.7 172.6,485.8 		" data-svg-origin="111.00000381469727 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="172.6,485.8 49.4,503.7 223.7,551.9 		" data-svg-origin="136.54999542236328 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="49.4,503.7 116.5,620 223.7,551.9 		" data-svg-origin="136.54999542236328 561.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F1562F" points="223.7,551.9 116.5,620 250.9,605.5 		" data-svg-origin="183.6999969482422 585.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FFC149" points="250.9,605.5 116.5,620 203.9,694.2 		" data-svg-origin="183.6999969482422 649.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="250.9,605.5 203.9,694.2 306,734.3 		" data-svg-origin="254.9499969482422 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="361.2,605.5 250.9,605.5 306,734.3 		" data-svg-origin="306.0500030517578 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F79333" points="361.2,605.5 306,734.3 408.3,694.2 		" data-svg-origin="357.1499938964844 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CB2E20" points="361.2,605.5 408.3,694.2 495.5,620 		" data-svg-origin="428.3500061035156 649.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="388.3,551.9 361.2,605.5 495.5,620 		" data-svg-origin="428.3500061035156 585.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="562.6,503.7 388.3,551.9 495.5,620 		" data-svg-origin="475.4499816894531 561.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="439.7,485.8 388.3,551.9 562.6,503.7 		" data-svg-origin="475.4499816894531 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F1562F" points="490.1,341.9 439.7,485.8 562.6,503.7 		" data-svg-origin="501.1499938964844 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#CB2E20" points="599,341.9 490.1,341.9 562.6,503.7 		" data-svg-origin="544.5500030517578 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F1562F" points="551.8,184.7 490.1,341.9 599,341.9 		" data-svg-origin="544.5500030517578 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F79333" points="451.4,238.6 551.8,184.7 490.1,341.9 		" data-svg-origin="501.59999084472656 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#FAB03F" points="455.8,88.8 451.4,238.6 551.8,184.7 		" data-svg-origin="501.59999084472656 163.70000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F06F28" points="455.8,88.8 369.6,191.6 451.4,238.6 		" data-svg-origin="412.6999969482422 163.70000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			<polygon fill="#F1562F" points="306,57.7 369.6,191.6 455.8,88.8 		" data-svg-origin="380.8999938964844 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
		</g>
	</g>
</svg>
	<figcaption>Raw SVG</figcaption>
</figure>

<!-- SVG w/PolyCleaner -->
<figure>
	<svg class="polyonlion" version="1.1" viewBox="13 103.7 586 580" xmlns="http://www.w3.org/2000/svg">
		<defs>
			<filter id="polycleaner" color-interpolation-filters="sRGB">
				<feComponentTransfer>
					<feFuncA type="table" tableValues="0 0.5 1 1" />
				</feComponentTransfer>
			</filter>
		</defs>
		<g filter="url(#polycleaner)">
			<g id="polyonlion-mouth">
				<polygon fill="#231F20" points="306,524.3 388.3,551.9 311.6,502 		" data-svg-origin="347.1499938964844 526.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="223.7,551.9 306,524.3 300.4,501.8 		" data-svg-origin="264.8499984741211 526.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
			<g id="polyonlion-nose">
				<polygon fill="#333333" points="359.6,420.7 306.2,448.6 354.7,448.6 		" data-svg-origin="332.90000915527344 434.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#454545" points="306,413.9 306.2,448.6 359.6,420.7 		" data-svg-origin="332.8000030517578 431.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#707070" points="306,413.9 252.4,420.7 306.2,448.6 		" data-svg-origin="279.3000030517578 431.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#454545" points="252.4,420.7 257.5,448.6 306.2,448.6 		" data-svg-origin="279.3000030517578 434.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="257.5,448.6 306.4,484.9 306.2,448.6 		" data-svg-origin="281.9499969482422 466.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="306.4,484.9 306,524.3 318.2,476.1 		" data-svg-origin="312.1000061035156 500.1999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#231F20" points="306.2,448.6 306.4,484.9 354.7,448.6 		" data-svg-origin="330.45001220703125 466.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#231F20" points="293.8,475.5 306,524.3 306.4,484.9 		" data-svg-origin="300.09999084472656 499.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
			<g id="polyonlion-eye--left">
				<polygon fill="#454545" points="211.3,319.9 192.4,325.5 228.4,339 261.2,326.2 		" data-svg-origin="226.8000030517578 329.4499969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="261.2,326.2 228.4,339 248.7,355.1 		" data-svg-origin="244.8000030517578 340.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#231F20" points="192.4,325.5 202.7,353.9 248.7,355.1 228.4,339 		" data-svg-origin="220.54999542236328 340.3000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#231F20" points="248.7,355.1 259.2,377.6 261.2,326.2 		" data-svg-origin="254.95000457763672 351.90000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
			<g id="polyonlion-eye--right">
				<polygon fill="#454545" points="350.8,326.2 363,355.1 383.6,339 366,338.7 		" data-svg-origin="367.1999969482422 340.65000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="350.8,326.2 352.8,377.6 363,355.1 		" data-svg-origin="356.8999938964844 351.90000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#333333" points="400.7,319.9 350.8,326.2 366,338.7 383.6,339 419.6,325.5 " data-svg-origin="385.1999969482422 329.4499969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#231F20" points="363,355.1 383.6,339 419.6,325.5 409.3,353.9 		" data-svg-origin="391.3000030517578 340.3000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
			<g id="polyonlion-face">
				<polygon fill="#CCCCCC" points="490.1,341.9 409.3,353.9 425.5,411.7 		" data-svg-origin="449.6999969482422 376.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="419.6,325.5 409.3,353.9 490.1,341.9 		" data-svg-origin="449.6999969482422 339.6999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="415.4,278.3 400.7,319.9 419.6,325.5 490.1,341.9 		" data-svg-origin="445.40000915527344 310.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="451.4,238.6 415.4,278.3 490.1,341.9 		" data-svg-origin="452.75 290.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="451.4,238.6 353.7,279.5 415.4,278.3 		" data-svg-origin="402.5500030517578 259.0500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="415.4,278.3 353.7,279.5 400.7,319.9 		" data-svg-origin="384.5500030517578 299.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="306,219.3 353.7,279.5 451.4,238.6 		" data-svg-origin="378.6999969482422 249.4000015258789" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="306,219.3 160.6,238.6 258,279.5 		" data-svg-origin="233.3000030517578 249.4000015258789" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="306,219.3 258,279.5 306,296.6 		" data-svg-origin="282 257.9500045776367" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="306,219.3 306,296.6 353.7,279.5 		" data-svg-origin="329.8500061035156 257.9500045776367" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="353.7,279.5 306,296.6 350.8,326.2 		" data-svg-origin="329.8500061035156 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="353.7,279.5 350.8,326.2 400.7,319.9 		" data-svg-origin="375.75 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="350.8,326.2 306,382.3 352.8,377.6 		" data-svg-origin="329.3999938964844 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="261.2,326.2 306,382.3 350.8,326.2 		" data-svg-origin="306 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="194.6,278.3 211.3,319.9 258,279.5 		" data-svg-origin="226.3000030517578 299.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="258,279.5 211.3,319.9 261.2,326.2 		" data-svg-origin="236.25000762939453 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="194.6,278.3 122.2,341.9 192.4,325.5 211.3,319.9 		" data-svg-origin="166.75 310.09999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="160.6,238.6 122.2,341.9 194.6,278.3 		" data-svg-origin="158.4000015258789 290.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="160.6,238.6 194.6,278.3 258,279.5 		" data-svg-origin="209.3000030517578 259.0500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="202.7,353.9 186.3,411.7 259.2,377.6 		" data-svg-origin="222.75000762939453 382.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="259.2,377.6 186.3,411.7 252.4,420.7 		" data-svg-origin="222.75000762939453 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="261.2,326.2 259.2,377.6 306,382.3 		" data-svg-origin="282.6000061035156 354.25" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="409.3,353.9 352.8,377.6 425.5,411.7 		" data-svg-origin="389.1499938964844 382.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="352.8,377.6 359.6,420.7 425.5,411.7 		" data-svg-origin="389.1499938964844 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="352.8,377.6 306,382.3 359.6,420.7 		" data-svg-origin="332.8000030517578 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="306,382.3 306,413.9 359.6,420.7 		" data-svg-origin="332.8000030517578 401.5" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="306,382.3 252.4,420.7 306,413.9 		" data-svg-origin="279.1999969482422 401.5" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="259.2,377.6 252.4,420.7 306,382.3 		" data-svg-origin="279.1999969482422 399.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="306,296.6 261.2,326.2 350.8,326.2 		" data-svg-origin="306 311.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="258,279.5 261.2,326.2 306,296.6 		" data-svg-origin="282 302.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="490.1,341.9 425.5,411.7 439.7,485.8 		" data-svg-origin="457.8000030517578 413.84999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="257.5,448.6 229.4,502.2 293.8,475.5 		" data-svg-origin="261.59999084472656 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="257.5,448.6 172.6,485.8 229.4,502.2 		" data-svg-origin="215.0500030517578 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="354.7,448.6 382.6,502.2 439.7,485.8 		" data-svg-origin="397.20001220703125 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="439.7,485.8 382.6,502.2 388.3,551.9 		" data-svg-origin="411.15000915527344 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="311.6,502 388.3,551.9 382.6,502.2 		" data-svg-origin="349.9499969482422 526.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="318.2,476.1 311.6,502 382.6,502.2 		" data-svg-origin="347.1000061035156 489.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="354.7,448.6 318.2,476.1 382.6,502.2 		" data-svg-origin="350.40000915527344 475.40000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="306,524.3 306.2,566.9 388.3,551.9 		" data-svg-origin="347.1499938964844 545.6000061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="388.3,551.9 306.2,566.9 361.2,605.5 		" data-svg-origin="347.25 578.7000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="306.2,566.9 250.9,605.5 361.2,605.5 		" data-svg-origin="306.0500030517578 586.2000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="223.7,551.9 250.9,605.5 306.2,566.9 		" data-svg-origin="264.9500045776367 578.7000122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="306,524.3 223.7,551.9 306.2,566.9 		" data-svg-origin="264.9500045776367 545.6000061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="300.4,501.8 229.4,502.2 223.7,551.9 		" data-svg-origin="262.0499954223633 526.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="293.8,475.5 229.4,502.2 300.4,501.8 		" data-svg-origin="264.8999938964844 488.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="172.6,485.8 223.7,551.9 229.4,502.2 		" data-svg-origin="201 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="186.3,411.7 172.6,485.8 257.5,448.6 		" data-svg-origin="215.0500030517578 448.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="122.2,341.9 172.6,485.8 186.3,411.7 		" data-svg-origin="154.25 413.84999084472656" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="425.5,411.7 354.7,448.6 439.7,485.8 		" data-svg-origin="397.20001220703125 448.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="186.3,411.7 257.5,448.6 252.4,420.7 		" data-svg-origin="221.9000015258789 430.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="122.2,341.9 186.3,411.7 202.7,353.9 		" data-svg-origin="162.4499969482422 376.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#E4E4E4" points="369.6,191.6 306,219.3 451.4,238.6 		" data-svg-origin="378.6999969482422 215.10000610351562" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="242.4,191.6 160.6,238.6 306,219.3 		" data-svg-origin="233.3000030517578 215.10000610351562" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CCCCCC" points="192.4,325.5 122.2,341.9 202.7,353.9 		" data-svg-origin="162.4499969482422 339.6999969482422" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#BFBFBF" points="425.5,411.7 359.6,420.7 354.7,448.6 		" data-svg-origin="390.1000061035156 430.15000915527344" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="409.3,353.9 363,355.1 352.8,377.6 		" data-svg-origin="381.04998779296875 365.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#D9D9D9" points="259.2,377.6 248.7,355.1 202.7,353.9 		" data-svg-origin="230.95000457763672 365.75" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
			<g id="polyonlion-mane">
				<polygon fill="#F06F28" points="369.6,191.6 242.4,191.6 306,219.3 		" data-svg-origin="306 205.45000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F79333" points="242.4,191.6 306,57.7 369.6,191.6 		" data-svg-origin="306 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="160,88.5 306,57.7 242.4,191.6 		" data-svg-origin="233 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="160.6,238.6 242.4,191.6 160,88.5 		" data-svg-origin="201.1999969482422 163.5500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F79333" points="60.2,184.7 160.6,238.6 160,88.5 		" data-svg-origin="110.40000534057617 163.5500030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="60.2,184.7 122.2,341.9 160.6,238.6 		" data-svg-origin="110.40000534057617 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="60.2,184.7 13,341.9 122.2,341.9 		" data-svg-origin="67.5999984741211 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F1562F" points="13,341.9 49.4,503.7 122.2,341.9 		" data-svg-origin="67.5999984741211 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F79333" points="122.2,341.9 49.4,503.7 172.6,485.8 		" data-svg-origin="111.00000381469727 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="172.6,485.8 49.4,503.7 223.7,551.9 		" data-svg-origin="136.54999542236328 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="49.4,503.7 116.5,620 223.7,551.9 		" data-svg-origin="136.54999542236328 561.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F1562F" points="223.7,551.9 116.5,620 250.9,605.5 		" data-svg-origin="183.6999969482422 585.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FFC149" points="250.9,605.5 116.5,620 203.9,694.2 		" data-svg-origin="183.6999969482422 649.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="250.9,605.5 203.9,694.2 306,734.3 		" data-svg-origin="254.9499969482422 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="361.2,605.5 250.9,605.5 306,734.3 		" data-svg-origin="306.0500030517578 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F79333" points="361.2,605.5 306,734.3 408.3,694.2 		" data-svg-origin="357.1499938964844 669.8999938964844" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CB2E20" points="361.2,605.5 408.3,694.2 495.5,620 		" data-svg-origin="428.3500061035156 649.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="388.3,551.9 361.2,605.5 495.5,620 		" data-svg-origin="428.3500061035156 585.9500122070312" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="562.6,503.7 388.3,551.9 495.5,620 		" data-svg-origin="475.4499816894531 561.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="439.7,485.8 388.3,551.9 562.6,503.7 		" data-svg-origin="475.4499816894531 518.8500061035156" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F1562F" points="490.1,341.9 439.7,485.8 562.6,503.7 		" data-svg-origin="501.1499938964844 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#CB2E20" points="599,341.9 490.1,341.9 562.6,503.7 		" data-svg-origin="544.5500030517578 422.8000030517578" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F1562F" points="551.8,184.7 490.1,341.9 599,341.9 		" data-svg-origin="544.5500030517578 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F79333" points="451.4,238.6 551.8,184.7 490.1,341.9 		" data-svg-origin="501.59999084472656 263.2999954223633" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#FAB03F" points="455.8,88.8 451.4,238.6 551.8,184.7 		" data-svg-origin="501.59999084472656 163.70000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F06F28" points="455.8,88.8 369.6,191.6 451.4,238.6 		" data-svg-origin="412.6999969482422 163.70000457763672" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
				<polygon fill="#F1562F" points="306,57.7 369.6,191.6 455.8,88.8 		" data-svg-origin="380.8999938964844 124.65000534057617" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transform-origin: 0px 0px 0px;"></polygon>
			</g>
		</g>
	</svg>
	<figcaption>PolyCleaner</figcaption>
</figure>
            
          
!
            
              // DEMO Styles
html,body{height: 100%;}body{display: flex;align-items: center;justify-content:center;width:100%;background:#151C2A;color:white}figure{font-family: 'Slabo 27px',serif;font-size:1.125em;text-align: center;}svg{height:130px;max-width:100%;max-width:100%;width:110px;}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console