cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

            
              <svg version="1.1" id="chubrik"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 960 560"
	 style="enable-background:new 0 0 960 560;" xml:space="preserve">
<g>
	<g>
		<g>
			<path d="M502.255,223.873c0.629,5.978,1.259,11.956,1.888,17.934c0.2,1.904,3.203,1.923,3,0
				c-0.629-5.978-1.259-11.956-1.888-17.934C505.054,221.969,502.052,221.95,502.255,223.873L502.255,223.873z"/>
		</g>
	</g>
	<g>
		<g>
			<path d="M506.253,222.735c1.165,5.266,1.771,10.561,1.84,15.952c0.025,1.933,3.025,1.935,3,0
				c-0.073-5.656-0.725-11.228-1.947-16.75C508.727,220.049,505.835,220.85,506.253,222.735L506.253,222.735z"/>
		</g>
	</g>
	<g>
		<g>
			<g>
				<path d="M462.142,149.801c-7.344-9.566-17.411-15.874-28.881-19.382c-6.44-1.969-13.238-2.694-19.943-2.878
					c-6.296-0.173-13.736-0.183-19.707,2.1c-4.067,1.555-4.967,5.413-5.141,9.324c-0.335,7.519-0.255,15.283,0.552,22.768
					c1.418,13.154,19.361,11.851,29.07,11.184c1.919-0.132,1.932-3.133,0-3c-5.391,0.37-10.709,0.234-16.067-0.495
					c-2.821-0.383-5.623-0.86-7.926-2.731c-2.487-2.02-2.262-6.656-2.417-9.487c-0.266-4.859-0.323-9.727-0.284-14.592
					c0.023-2.89-0.351-6.734,1.657-9.135c1.894-2.263,6.894-2.234,9.44-2.497c20.869-2.16,43.731,2.978,57.057,20.334
					C460.712,152.827,463.32,151.336,462.142,149.801L462.142,149.801z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M453.128,153.945c-8.622-5.303-17.999-8.473-28.041-9.687c-7.91-0.957-18.465-1.725-22.68,6.402
					c-3.707,7.148-0.411,16.492,4.199,22.374c6.212,7.927,13.502,9.505,23.212,9.322c1.932-0.036,1.936-3.036,0-3
					c-8.115,0.153-14.546-0.754-20.116-7.199c-5.19-6.005-8.643-16.376-2.661-22.991c2.678-2.961,9.276-2.295,12.916-2.25
					c3.87,0.047,7.71,0.614,11.495,1.383c7.175,1.458,13.947,4.415,20.161,8.236C453.267,157.552,454.773,154.956,453.128,153.945
					L453.128,153.945z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M437.777,155.279c-9.859-6.767-19.663,2.498-20.552,12.53c-1.016,11.462,10.044,23.925,20.781,26.296
					c1.885,0.416,2.686-2.476,0.798-2.893c-8.58-1.895-15.102-9.555-17.832-17.638c-3.086-9.138,5.009-22.763,15.291-15.705
					C437.862,158.968,439.36,156.367,437.777,155.279L437.777,155.279z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M470.76,149.232c-8.884,2.351-16.628,7.712-20.269,16.343c-3.858,9.144,1.123,20.601,5.627,28.583
					c10.064,17.836,33.225,33.117,54.176,26.816c9.096-2.736,15.279-10.536,16.294-19.802c0.765-6.989-0.781-13.208,1.966-19.994
					c1.766-4.364,1.012-8.884-0.994-13.054c-10.939-22.732-38.788-22.707-60.282-20.264c-1.899,0.216-1.92,3.218,0,3
					c19.063-2.167,41.892-3.157,54.829,13.847c2.987,3.926,5.293,9.249,4.086,14.2c-0.999,4.099-2.543,7.348-2.693,11.676
					c-0.177,5.122,0.656,10.003-0.774,15.042c-1.504,5.301-6.175,9.123-10.871,11.515c-9.62,4.901-21.72,1.536-30.748-3.029
					c-8.063-4.077-14.856-10.427-20.049-17.76c-4.985-7.04-8.844-15.983-8.79-24.7c0.063-10.328,10.402-17.174,19.289-19.526
					C473.426,151.63,472.632,148.736,470.76,149.232L470.76,149.232z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M453.29,159.731c-4.614-1.652-11.204-3.911-15.879-1.088c-5.274,3.186-6.136,9.221-10.235,13.427
					c-1.35,1.386,0.769,3.509,2.121,2.121c2.531-2.597,3.9-5.815,5.654-8.941c3.891-6.938,11.488-4.794,17.541-2.627
					C454.318,163.278,455.097,160.379,453.29,159.731L453.29,159.731z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M469.162,149.982c4.682-3.557,4.418-9.953,6.993-14.875c3.874-7.404,11.732-11.819,19.438-14.132
					c7.948-2.385,16.729-2.346,24.94-1.786c7.78,0.531,15.59,2.698,20.877,8.734c1.277,1.458,3.39-0.673,2.121-2.121
					c-10.203-11.651-29.66-11.016-43.604-8.86c-7.703,1.191-14.83,4.41-20.679,9.544c-2.654,2.329-4.729,5.283-6.355,8.391
					c-1.984,3.792-1.674,9.802-5.245,12.514C466.129,148.546,467.621,151.153,469.162,149.982L469.162,149.982z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M476.283,148.062c5.77-13.322,21.355-12.089,33.53-11.9c6.38,0.099,12.755,0.403,19.121,0.818
					c6.582,0.429,13.943,0.554,18.749,5.71c1.322,1.418,3.439-0.708,2.121-2.121c-4.143-4.445-9.757-5.58-15.584-6.187
					c-8.719-0.907-17.562-1.114-26.321-1.249c-12.812-0.198-28.267-0.297-34.206,13.416
					C472.932,148.304,475.516,149.833,476.283,148.062L476.283,148.062z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M490.305,149.435c9.463-3.752,19.441-4.092,29.496-3.955c9.186,0.125,23.002,1.666,23.882,13.454
					c0.143,1.917,3.144,1.931,3,0c-0.728-9.763-9.691-15.011-18.667-15.985c-12.608-1.368-26.597-1.129-38.509,3.594
					C487.732,147.247,488.505,150.149,490.305,149.435L490.305,149.435z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M489.111,143.48c0.317,0.641,18.386-2.686,20.048-2.906c7.118-0.944,14.247-1.8,21.382-2.604
					c6.158-0.694,14.472-2.983,20.12,0.35c4.903,2.894,6.021,10.467,6.856,15.545c0.313,1.905,3.204,1.094,2.893-0.798
					c-0.936-5.696-2.332-12.836-7.238-16.578c-6.775-5.169-16.836-2.172-24.576-1.3c-9.863,1.112-19.707,2.385-29.536,3.761
					c-2.747,0.384-15.385,0.295-12.538,6.044C487.379,146.728,489.967,145.208,489.111,143.48L489.111,143.48z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M508.719,155.645c6.439-3.668,15.875-2.229,23.042-2.326c6.641-0.09,15.084-0.443,19.242,5.767
					c1.07,1.599,3.67,0.099,2.59-1.514c-4.225-6.311-11.69-7.205-18.748-7.285c-5.14-0.059-10.294,0.129-15.434,0.199
					c-4.328,0.058-8.385,0.393-12.206,2.569C505.524,154.012,507.035,156.604,508.719,155.645L508.719,155.645z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M480.864,141.907c-0.683-15.251,17.287-21.118,29.527-21.837c13.761-0.808,27.277,4.018,40.045,8.53
					c1.829,0.646,2.609-2.253,0.798-2.893c-15.673-5.538-31.632-10.546-48.414-7.792c-11.904,1.953-25.562,10.459-24.956,23.992
					C477.951,143.834,480.951,143.842,480.864,141.907L480.864,141.907z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M486.202,144.624c4.797-11.78,20.834-9.783,31.098-9.824c11.463-0.046,22.927-0.092,34.39-0.138
					c1.934-0.008,1.935-3.008,0-3c-14.011,0.056-28.022,0.112-42.033,0.168c-10.254,0.041-21.96,1.219-26.348,11.996
					C482.579,145.619,485.482,146.391,486.202,144.624L486.202,144.624z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M469.558,139.807c-4.573-2.346-7.024-6.592-6.275-11.788c0.817-5.663,6.243-8.139,10.959-9.899
					c8.742-3.263,18.176-4.215,27.434-3.522c1.931,0.144,1.917-2.857,0-3c-6.66-0.498-13.189-0.067-19.735,1.225
					c-5.309,1.048-12.147,2.731-16.42,6.297c-7.953,6.637-6.71,18.54,2.522,23.276C469.762,143.279,471.28,140.69,469.558,139.807
					L469.558,139.807z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M478.001,142.935c-0.997-5.499-1.803-11.07,2.112-15.679c3.229-3.801,9.261-5.769,13.8-7.287
					c9.118-3.05,19.012-3.309,28.387-1.449c1.889,0.375,2.694-2.516,0.798-2.893c-11.753-2.332-24.189-1.472-35.23,3.405
					c-4.752,2.099-9.063,4.432-11.951,8.878c-2.952,4.544-1.704,10.882-0.808,15.823
					C475.453,145.634,478.344,144.826,478.001,142.935L478.001,142.935z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M504.141,139.187c-1.915-4.007-1.451-8.099,0.746-11.871c3.038-5.216,10.105-5.517,15.393-5.807
					c9.871-0.541,19.783,0.419,29.448,2.415c1.888,0.39,2.692-2.502,0.797-2.893c-12.729-2.629-28.111-4.826-40.78-0.956
					c-8.688,2.654-11.89,12.895-8.196,20.626C502.384,142.446,504.971,140.923,504.141,139.187L504.141,139.187z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M504.966,145.352c1.268-6.908,8.487-7.976,14.214-9.125c5.991-1.202,12.01-2.163,18.108-2.606
					c11.614-0.844,23.423,1.278,32.961,8.225c1.567,1.141,3.061-1.464,1.514-2.59c-11.14-8.114-24.812-9.57-38.196-8.327
					c-7.153,0.664-14.457,1.937-21.393,3.802c-4.958,1.334-9.146,4.627-10.101,9.824
					C501.726,146.445,504.617,147.253,504.966,145.352L504.966,145.352z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M513.402,154.278c-0.75-7.551,15.616-7.007,20.515-7.4c2.799-0.225,19.03-2.473,20.162,0.831
					c0.623,1.819,3.522,1.038,2.893-0.798c-0.929-2.709-3.115-3.315-5.802-3.525c-6.299-0.491-12.885,0.14-19.166,0.645
					c-6.474,0.52-22.609,0.114-21.602,10.247C510.591,156.185,513.593,156.203,513.402,154.278L513.402,154.278z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M469.639,141.251c-5.798-13.048-17.643-21.189-30.994-25.257c-6.394-1.948-14.685-3.785-21.318-2.36
					c-5.422,1.164-7.229,8.413-8.145,12.904c-0.385,1.888,2.507,2.692,2.893,0.798c1.278-6.272,3.137-11.482,10.677-11.089
					c6.264,0.326,12.488,1.713,18.419,3.705c11.318,3.802,21.004,11.847,25.877,22.814
					C467.833,144.53,470.417,143.002,469.639,141.251L469.639,141.251z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M470.132,147.951c-13.053-8.551-30.652-9.324-45.726-11.216c-17.902-2.247-35.931-3.42-53.967-3.717
					c-1.936-0.032-1.933,2.968,0,3c16.759,0.276,33.475,1.363,50.129,3.258c8.752,0.996,17.471,2.271,26.154,3.746
					c7.723,1.312,15.269,3.178,21.896,7.519C470.241,151.605,471.743,149.006,470.132,147.951L470.132,147.951z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M451.035,152.206c-10.961-1.364-22.434-3.908-33.502-3.506c-9.232,0.336-14.003,6.581-17.673,14.287
					c-0.827,1.737,1.759,3.26,2.59,1.514c1.66-3.487,3.339-6.776,6.139-9.508c3.572-3.485,9.191-3.487,13.808-3.246
					c9.544,0.498,19.156,2.279,28.638,3.459C452.951,155.444,452.928,152.442,451.035,152.206L451.035,152.206z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M438.868,161.411c-8.353-2.601-16.145,2.772-22.722,7.373c-7.64,5.345-9.452,12.546-9.689,21.471
					c-0.051,1.936,2.949,1.931,3,0c0.209-7.877,1.641-13.95,8.203-18.881c5.616-4.22,13.16-9.328,20.41-7.071
					C439.923,164.88,440.709,161.984,438.868,161.411L438.868,161.411z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M434.94,162.404c-12.807,2.49-22.308,11.627-31.157,20.599c-1.359,1.378,0.761,3.5,2.121,2.121
					c8.503-8.622,17.516-17.433,29.833-19.827C437.635,164.928,436.83,162.036,434.94,162.404L434.94,162.404z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M456.934,149.258c-15.846-5.117-32.416-6.695-48.942-4.627c-1.893,0.237-1.916,3.24,0,3
					c16.278-2.036,32.529-0.522,48.144,4.52C457.983,152.747,458.767,149.85,456.934,149.258L456.934,149.258z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M506.614,168.868c-6.398-2.219-13.098,2.452-13.711,9.054c-0.064,0.689,0.511,1.239,1.101,1.446
					c5.623,1.976,15.47,3.448,19.571-2.162c1.553-2.124,0.084-4.852-1.56-6.314c-3.43-3.048-8.243-1.063-12.263-1.659
					c-1.892-0.281-2.706,2.61-0.798,2.893c1.982,0.294,3.811,0.244,5.812,0.069c1.08-0.12,2.161-0.11,3.241,0.03
					c1.636,0.251,5.084,2.475,1.673,4.603c-4.013,2.503-10.8,1.082-14.88-0.353c0.367,0.482,0.734,0.964,1.101,1.446
					c0.446-4.8,5.502-7.691,9.913-6.161C507.649,172.396,508.43,169.498,506.614,168.868L506.614,168.868z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M487.996,173.029c-4.016-0.783-8.665-1.62-12.563,0.094c-2.964,1.303-7.086,5.288-3.853,8.52
					c2.873,2.873,9.426,2.675,12.959,1.598c3.909-1.191,6.138-5.202,5.55-9.077c-0.092-0.606-0.846-1.158-1.446-1.101
					c-0.91,0.212-1.771,0.033-2.582-0.535c-1.672-0.981-3.181,1.612-1.514,2.59c1.336,0.784,2.539,1.092,4.096,0.945
					c-0.482-0.367-0.964-0.734-1.446-1.101c0.585,3.855-3.262,5.719-6.446,5.964c-1.347,0.103-9.08-0.238-6.542-3.457
					c2.823-3.579,9.24-2.278,12.99-1.547C489.088,176.291,489.894,173.399,487.996,173.029L487.996,173.029z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M491.51,186.405c3.352,0.043,6.401,0.817,9.358,2.395c2.669,1.425,5.562,5,3.663,8.003
					c-1.038,1.64,1.559,3.144,2.59,1.514c2.188-3.459,0.596-7.124-1.916-9.909c-3.294-3.651-8.992-4.943-13.694-5.004
					C489.575,183.38,489.577,186.38,491.51,186.405L491.51,186.405z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M486.485,205.376c7.475,4.879,16.404,6.048,24.883,3.252c1.828-0.603,1.045-3.5-0.798-2.893
					c-7.772,2.562-15.715,1.526-22.572-2.95C486.374,201.725,484.872,204.323,486.485,205.376L486.485,205.376z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M502.469,178.469c1.935,0,1.935-3,0-3S500.534,178.469,502.469,178.469L502.469,178.469z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M479.813,180.813c1.935,0,1.935-3,0-3S477.878,180.813,479.813,180.813L479.813,180.813z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M455.536,178.645c-4.958,0.369-11.041,1.593-12.126,7.3c-1.288,6.769,6.725,9.844,11.744,11.116
					c1.876,0.476,2.672-2.418,0.798-2.893c-3.984-1.01-10.517-2.862-9.48-8.31c0.672-3.533,6.31-4.008,9.065-4.213
					C457.453,181.503,457.467,178.502,455.536,178.645L455.536,178.645z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M526.394,177.018c2.006-0.299,6.348-0.823,6.605,2.224c0.171,2.028-3.476,2.459-4.818,2.591
					c-1.907,0.188-1.925,3.19,0,3c3.482-0.344,7.526-1.495,7.818-5.591c0.138-1.933-1.426-3.617-2.928-4.563
					c-2.187-1.377-5.08-0.911-7.475-0.554C523.689,174.41,524.503,177.3,526.394,177.018L526.394,177.018z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M502.416,242.008c-13.133,23.445-18.575,50.361-16.213,77.089c1.133,12.817,4.246,25.603,9.265,37.454
					c1.839,4.342,3.596,6.827,8.478,7.221c8.069,0.652,16.519-0.144,24.617-0.225c5.836-0.058,12.254,0.748,17.555-2.136
					c3.915-2.13,4.938-7.268,5.267-11.263c0.546-6.64-0.829-13.729-1.66-20.298c-0.963-7.618-2.278-15.187-3.821-22.707
					c-3.127-15.24-7.571-30.228-13.099-44.766c-3.842-10.103-9.014-20.165-18.423-26.08c-0.811-0.48-1.646-0.914-2.505-1.302
					c-1.733-0.841-3.255,1.746-1.514,2.59c9.863,4.785,15.075,14.482,19.024,24.247c4.828,11.939,8.487,24.415,11.553,36.909
					c3.264,13.303,5.479,26.853,6.848,40.477c0.521,5.186,1.249,10.55-0.273,15.628c-2.317,7.733-14.73,5.658-20.891,5.72
					c-6.466,0.065-12.932,0.129-19.398,0.194c-3.705,0.037-6.86-0.541-8.523-4.203c-1.308-2.882-2.365-5.894-3.399-8.883
					c-3.916-11.317-5.953-23.224-6.558-35.163c-1.213-23.949,4.558-48.097,16.261-68.99
					C505.953,241.832,503.361,240.32,502.416,242.008L502.416,242.008z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M500.883,244.141c2.51,5.508,6.551,10.563,13.15,10.338c4.862-0.165,8.385-5.429,6.615-9.912
					c-0.702-1.778-3.604-1.004-2.893,0.798c2.059,5.214-4.103,7.005-7.893,5.303c-3.213-1.443-5.008-5.01-6.389-8.041
					C502.672,240.869,500.087,242.395,500.883,244.141L500.883,244.141z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M493.834,261.324c-7.731,8.889-14.03,19.056-20.723,28.727c-1.643,2.374-3.446,5.229-0.607,7.666
					c3.303,2.836,7.22,6.79,11.403,8.111c3.132,0.989,4.054-3.998,4.751-5.631c2.154-5.05,6.045-9.294,8.764-14.039
					c3.568-6.225,4.297-14.816-1.179-20.096c-1.392-1.343-3.516,0.776-2.121,2.121c5.677,5.474,2.559,13.613-0.992,19.306
					c-1.759,2.819-3.77,5.47-5.519,8.299c-0.816,1.32-2.579,7.65-4.707,6.273c-3.18-2.058-10.013-6.433-7.202-10.496
					c2.133-3.082,4.267-6.165,6.4-9.247c4.441-6.416,8.725-12.975,13.854-18.873C497.219,261.993,495.106,259.861,493.834,261.324
					L493.834,261.324z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M527.271,257.969c-2.729,11.366,2.825,20.638,12.391,26.47c3.755,2.289,8.742,5.467,13.343,4.881
					c5.054-0.643,2.929-6.358,4.801-9.313c0.357-0.564,0.232-1.358-0.235-1.818c-8.271-8.143-17.565-14.975-27.816-20.422
					c-1.707-0.907-3.223,1.682-1.514,2.59c10.031,5.331,19.113,11.982,27.209,19.953c-0.078-0.606-0.156-1.212-0.235-1.818
					c-1.041,1.644-1.454,7.731-3.308,7.967c-3.255,0.414-8.009-3.065-10.731-4.611c-8.506-4.833-13.37-13.258-11.012-23.082
					C530.615,256.886,527.722,256.088,527.271,257.969L527.271,257.969z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M498.719,362.93c0.733,25.123,2.137,50.218,4.21,75.266c0.931,11.253,1.006,23.349,3.477,34.376
					c0.514,2.294,2.833,4.078,5.172,4.051c5.486-0.063,11.079-1.418,16.495-2.232c5.43-0.817,10.977-1.384,16.344-2.54
					c3.476-0.749,2.905-5.886,3.053-8.327c0.758-12.478,1.516-24.957,2.274-37.435c1.516-24.957,3.032-49.913,4.547-74.87
					c0.117-1.933-2.883-1.922-3,0c-1.276,21.016-2.553,42.032-3.829,63.049c-0.638,10.508-1.276,21.016-1.915,31.524
					c-0.319,5.254-0.638,10.508-0.957,15.762c-0.123,2.022,0.643,7.057-2.222,7.674c-3.086,0.665-6.31,0.949-9.433,1.419
					c-5.031,0.757-10.061,1.514-15.092,2.271c-3.472,0.522-8.283,1.74-8.908-3.12c-0.337-2.621-0.552-5.265-0.82-7.894
					c-1.137-11.185-2.113-22.387-2.975-33.596c-1.674-21.76-2.783-43.563-3.42-65.377C501.662,361,498.662,360.995,498.719,362.93
					L498.719,362.93z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M526.375,363.706c1.722,34.626,3.457,69.252,5.155,103.88c0.094,1.925,3.095,1.935,3,0
					c-1.699-34.628-3.433-69.253-5.155-103.88C529.28,361.78,526.279,361.771,526.375,363.706L526.375,363.706z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M535.097,474.237c4.939-1.533,12.292-3.456,14.393,3.204c2.334,7.403-6.869,6.649-11.467,6.86
					c-9.984,0.459-21.175-0.833-27.589-9.435c-1.142-1.532-3.748-0.039-2.59,1.514c9.101,12.207,26.852,12.452,40.568,10.054
					c5.863-1.025,5.003-8.484,2.767-12.642c-3.215-5.978-11.916-3.989-16.878-2.448
					C532.458,471.915,533.244,474.812,535.097,474.237L535.097,474.237z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M545.746,469.225c3.25-0.689,6.677-0.672,9.264,1.678c2.454,2.23,2.044,7.924-2.248,7.269
					c-1.892-0.288-2.705,2.602-0.798,2.893c5.342,0.814,8.977-4.402,7.161-9.297c-2.138-5.761-8.977-6.539-14.177-5.436
					C543.057,466.734,543.859,469.626,545.746,469.225L545.746,469.225z"/>
			</g>
		</g>
		<g>
			<g>
				<path d="M473.902,300.165c-1.568,5.281,4.658,8.064,6.015,12.651c1.862,6.294,2.901,12.861,4.1,19.304
					c2.4,12.895,5.193,25.844,12.788,36.796c1.094,1.578,3.696,0.08,2.59-1.514c-6.817-9.83-9.624-21.257-11.873-32.836
					c-1.153-5.937-2.179-11.893-3.515-17.793c-0.584-2.578-1.213-5.151-2.179-7.614c-0.98-2.499-5.887-5.321-5.034-8.196
					C477.347,299.103,474.451,298.315,473.902,300.165L473.902,300.165z"/>
			</g>
		</g>
	</g>
	<g>
		<g>
			<path d="M480.447,303.963c2.713,4.561,4.129,9.973,5.906,14.955c1.969,5.522,3.938,11.044,5.906,16.566
				c1.75,4.908,3.5,9.817,5.25,14.725c0.513,1.44,6.255,17.206,5.044,17.305c-1.914,0.156-1.929,3.157,0,3
				c2.498-0.203,4.347-2.261,3.534-4.944c-2.218-7.315-5.087-14.48-7.654-21.68c-2.625-7.363-5.25-14.725-7.875-22.087
				c-2.286-6.412-4.024-13.475-7.521-19.353C482.049,300.788,479.455,302.296,480.447,303.963L480.447,303.963z"/>
		</g>
	</g>
</g>
</svg>
<svg version="1.1" id="ruka"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 960 560"
	 style="enable-background:new 0 0 960 560;" xml:space="preserve">
<g>
	<g>
		<g>
			<path d="M556.701,286.781c6.806-2.165,13.705-3.577,20.824-4.211c5.123-0.456,7.244,0.452,8.319-5.211
				c0.987-5.206-1.679-11.407-2.36-16.501c-1.069-8.003-0.424-16.165,1.327-24.016c0.42-1.885-2.472-2.685-2.893-0.798
				c-2.537,11.373-2.38,22.742,0.257,34.079c0.344,1.479,2.305,9.137-1.04,9.233c-3.014,0.087-6.015,0.415-9.002,0.801
				c-5.523,0.714-10.93,2.043-16.23,3.73C554.067,284.473,554.852,287.369,556.701,286.781L556.701,286.781z"/>
		</g>
	</g>
	<g>
		<g>
			<path d="M555.932,282.988c6.756-5.611,17.457-5.53,20.744-15.027c3.446-9.956-1.286-21.238,3.883-30.653
				c0.931-1.697-1.659-3.21-2.59-1.514c-4.702,8.565-1.785,18.044-3.081,27.255c-1.661,11.805-13.523,11.544-21.077,17.818
				C552.32,282.104,554.455,284.214,555.932,282.988L555.932,282.988z"/>
		</g>
	</g>
	<g>
		<g>
			<path d="M577.974,234.019c-6.152-3.182-12.073-7.967-12.719-15.343c-0.752,0.432-1.505,0.863-2.257,1.295
				c3.73,2.713,6.847,5.865,9.525,9.62c0.878,1.232,2.678,0.776,2.795-0.757c0.607-7.908,0.754-15.807,0.444-23.733
				c-0.633,0.482-1.266,0.964-1.899,1.446c1.931,0.595,0.408,16.703,0.349,18.833c-0.055,1.979,2.78,1.868,3,0
				c0.756-6.436,1.972-12.756,3.614-19.022c-0.982-0.133-1.964-0.266-2.946-0.399c-0.674,6.418-0.484,12.715,0.484,19.091
				c0.256,1.683,3.025,1.271,2.946-0.399c-0.315-6.677,0.753-13.063,3.362-19.226c-0.914-0.119-1.828-0.239-2.742-0.358
				c1.09,6.738,1.717,13.492,1.918,20.313c0.982-0.133,1.964-0.266,2.946-0.399c-0.661-4.809-0.063-9.325,1.638-13.854
				c-0.982-0.133-1.964-0.266-2.946-0.399c0.263,3.004,2.947,23.844-1.096,24.236c-1.908,0.185-1.926,3.187,0,3
				c2.964-0.288,4.515-2.482,4.764-5.464c0.6-7.179-0.041-14.614-0.668-21.772c-0.15-1.716-2.343-2.006-2.946-0.399
				c-1.91,5.086-2.375,10.08-1.638,15.449c0.233,1.694,2.995,1.262,2.946-0.399c-0.208-7.09-0.893-14.11-2.025-21.11
				c-0.198-1.226-2.248-1.525-2.742-0.358c-2.826,6.676-4.114,13.491-3.771,20.74c0.982-0.133,1.964-0.266,2.946-0.399
				c-0.928-6.109-1.022-12.153-0.377-18.293c0.18-1.713-2.527-1.999-2.946-0.399c-1.711,6.527-2.934,13.12-3.721,19.82c1,0,2,0,3,0
				c0.161-5.797,0.243-11.593,0.247-17.392c0.001-2.09-0.797-3.718-2.798-4.335c-0.91-0.28-1.936,0.487-1.899,1.446
				c0.31,7.926,0.163,15.824-0.444,23.733c0.932-0.252,1.863-0.505,2.795-0.757c-2.979-4.178-6.452-7.679-10.601-10.696
				c-0.89-0.647-2.352,0.214-2.257,1.295c0.744,8.492,6.985,14.199,14.205,17.933C578.176,237.497,579.693,234.908,577.974,234.019
				L577.974,234.019z"/>
		</g>
	</g>
</g>
</svg>

            
          
!
            
              body{
  
}
svg {
  position: absolute;
}
#ruka{
  transform-origin: left left;
	animation: move 1.5s linear infinite;
}
@keyframes move {
	0% { transform: rotate(-3deg) ; }
  25% { transform: rotate(0deg) ; }
	50% { transform: rotate(3deg) ; }
  75% { transform: rotate(0deg) ; }
  100% { transform: rotate(-3deg) ; }
  }
            
          
!
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.
Loading ..................

Console