cssAudio - ActiveCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmloctocatspinnerstartv

GwqzK

A Pen By Captain Anonymous

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   width="500px" height="100px" viewBox="0 0 500 100" enable-background="new 0 0 500 100" xml:space="preserve">
<g>
	<g>
		<path d="M145.134,7.583v50.138c0,4.89,0.179,10.046,0.358,12.979h-12.098l-0.627-6.4h-0.179
			c-2.778,4.889-8.065,7.378-13.711,7.378c-10.396,0-18.729-8.801-18.729-22.313c-0.09-14.668,9.141-23.113,19.625-23.113
			c5.377,0,9.589,1.867,11.56,4.889h0.179V7.583H145.134z M131.513,45.631c0-0.711-0.089-1.689-0.179-2.4
			c-0.806-3.645-3.764-6.667-7.976-6.667c-6.184,0-9.41,5.512-9.41,12.357c0,7.378,3.674,12.001,9.32,12.001
			c3.943,0,7.08-2.667,7.886-6.49c0.269-0.978,0.358-1.955,0.358-3.111V45.631z"/>
		<path d="M193.168,48.476c0,15.913-11.381,23.202-23.121,23.202c-12.815,0-22.672-8.356-22.672-22.402
			c0-14.046,9.32-23.024,23.389-23.024C184.207,26.251,193.168,35.408,193.168,48.476z M161.445,48.92
			c0,7.467,3.137,13.068,8.961,13.068c5.287,0,8.693-5.245,8.693-13.068c0-6.49-2.509-13.068-8.693-13.068
			C163.864,35.853,161.445,42.52,161.445,48.92z"/>
		<path d="M238.961,48.476c0,15.913-11.381,23.202-23.121,23.202c-12.815,0-22.672-8.356-22.672-22.402
			c0-14.046,9.32-23.024,23.389-23.024C230,26.251,238.961,35.408,238.961,48.476z M207.238,48.92
			c0,7.467,3.137,13.068,8.961,13.068c5.287,0,8.693-5.245,8.693-13.068c0-6.49-2.509-13.068-8.693-13.068
			C209.657,35.853,207.238,42.52,207.238,48.92z"/>
		<path d="M241.202,41.542c0-6.401-0.179-10.579-0.358-14.313h11.739l0.448,8.001h0.358c2.24-6.312,7.617-8.979,11.829-8.979
			c1.255,0,1.882,0,2.868,0.178v12.712c-0.986-0.178-2.15-0.355-3.675-0.355c-5.018,0-8.423,2.667-9.319,6.845
			c-0.18,0.889-0.269,1.956-0.269,3.022V70.7h-13.622V41.542z"/>
		<path d="M267.638,70.7v-5.281l6.184-6.552c14.876-15.451,21.598-23.666,21.688-33.25c0-6.454-2.868-12.419-11.561-12.419
			c-5.287,0-9.679,2.934-12.367,5.378l-2.509-6.063c4.032-3.716,9.768-6.455,16.489-6.455c12.546,0,17.833,9.388,17.833,18.483
			c0,11.735-7.797,21.221-20.074,34.13l-4.659,4.693v0.196h26.167V70.7H267.638z"/>
		<path d="M347.396,7.583v52.005c0,3.822,0.09,8.179,0.358,11.112h-7.08l-0.358-7.468h-0.179c-2.42,4.801-7.707,8.445-14.786,8.445
			c-10.485,0-18.551-8.801-18.551-21.869c-0.09-14.313,8.872-23.113,19.446-23.113c6.632,0,11.112,3.111,13.084,6.579h0.18V7.583
			H347.396z M339.51,45.187c0-0.978-0.09-2.312-0.359-3.289c-1.164-4.979-5.466-9.068-11.381-9.068
			c-8.154,0-12.994,7.112-12.994,16.624c0,8.712,4.302,15.913,12.815,15.913c5.287,0,10.126-3.467,11.56-9.334
			c0.27-1.067,0.359-2.134,0.359-3.378V45.187z"/>
		<path d="M393.547,48.832c0,15.913-11.112,22.846-21.597,22.846c-11.74,0-20.791-8.534-20.791-22.135
			c0-14.401,9.499-22.847,21.508-22.847C385.123,26.696,393.547,35.674,393.547,48.832z M359.135,49.276
			c0,9.423,5.467,16.535,13.174,16.535c7.527,0,13.173-7.022,13.173-16.712c0-7.29-3.674-16.535-12.994-16.535
			C363.168,32.563,359.135,41.097,359.135,49.276z"/>
		<path d="M436.563,48.832c0,15.913-11.112,22.846-21.597,22.846c-11.74,0-20.791-8.534-20.791-22.135
			c0-14.401,9.499-22.847,21.508-22.847C428.139,26.696,436.563,35.674,436.563,48.832z M402.15,49.276
			c0,9.423,5.467,16.535,13.174,16.535c7.527,0,13.173-7.022,13.173-16.712c0-7.29-3.674-16.535-12.994-16.535
			C406.184,32.563,402.15,41.097,402.15,49.276z"/>
		<path d="M440.327,41.097c0-5.067-0.09-9.423-0.358-13.423h6.9l0.269,8.445h0.358c1.972-5.778,6.722-9.423,12.009-9.423
			c0.896,0,1.523,0.089,2.24,0.267v7.378c-0.807-0.178-1.613-0.267-2.688-0.267c-5.557,0-9.499,4.178-10.574,10.045
			c-0.18,1.067-0.359,2.312-0.359,3.645V70.7h-7.796V41.097z"/>
		<path d="M461.781,64.182l-1.845,6.519h-2.371l6.034-20.723h2.767l6.062,20.723h-2.451l-1.897-6.519H461.781z M467.605,62.091
			l-1.739-5.965c-0.396-1.353-0.659-2.582-0.923-3.781h-0.053c-0.264,1.229-0.553,2.49-0.896,3.751l-1.739,5.995H467.605z"/>
		<path d="M472.399,50.254c1.396-0.246,3.057-0.431,4.875-0.431c3.294,0,5.64,0.892,7.194,2.583c1.581,1.69,2.503,4.089,2.503,7.44
			c0,3.382-0.896,6.149-2.556,8.056c-1.66,1.937-4.401,2.982-7.854,2.982c-1.634,0-3.004-0.093-4.163-0.246V50.254z M474.691,68.579
			c0.58,0.123,1.424,0.153,2.319,0.153c4.901,0,7.563-3.197,7.563-8.794c0.026-4.889-2.346-7.993-7.194-7.993
			c-1.186,0-2.082,0.122-2.688,0.276V68.579z"/>
		<path d="M486.101,69.132l9.855-16.818v-0.092h-9.013v-2.245h11.99v1.629l-9.803,16.757v0.093h9.935V70.7h-12.965V69.132z"/>
	</g>
	<g>
		<path d="M103.44,81.69c1.096-0.176,2.523-0.273,4.03-0.273c2.504,0,4.127,0.45,5.399,1.408c1.37,1.018,2.23,2.641,2.23,4.969
			c0,2.523-0.919,4.265-2.191,5.341c-1.389,1.153-3.501,1.701-6.083,1.701c-1.545,0-2.641-0.098-3.384-0.195V81.69z M106.434,92.449
			c0.254,0.059,0.665,0.059,1.037,0.059c2.7,0.021,4.46-1.467,4.46-4.616c0.02-2.738-1.584-4.187-4.147-4.187
			c-0.665,0-1.096,0.06-1.35,0.118V92.449z"/>
		<path d="M129.125,87.97c0,4.323-2.622,6.944-6.475,6.944c-3.913,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.417-6.905
			C126.915,81.3,129.125,84.331,129.125,87.97z M119.598,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.189-4.401C120.772,83.666,119.598,85.583,119.598,88.146z"/>
		<path d="M143.15,87.97c0,4.323-2.622,6.944-6.475,6.944c-3.912,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.417-6.905
			C140.939,81.3,143.15,84.331,143.15,87.97z M133.623,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.189-4.401C134.797,83.666,133.623,85.583,133.623,88.146z"/>
		<path d="M145.105,81.69c0.958-0.156,2.387-0.273,3.971-0.273c1.956,0,3.325,0.293,4.264,1.036
			c0.783,0.626,1.213,1.546,1.213,2.759c0,1.683-1.193,2.836-2.328,3.247v0.059c0.919,0.372,1.428,1.252,1.76,2.465
			c0.411,1.486,0.822,3.208,1.076,3.717h-3.052c-0.215-0.372-0.528-1.447-0.919-3.071c-0.352-1.644-0.919-2.093-2.132-2.112h-0.899
			v5.184h-2.954V81.69z M148.06,87.363h1.173c1.487,0,2.367-0.743,2.367-1.897c0-1.213-0.822-1.819-2.191-1.839
			c-0.724,0-1.135,0.059-1.35,0.098V87.363z"/>
		<path d="M163.199,84.019h-3.541v-2.504h10.133v2.504h-3.599v10.681h-2.993V84.019z"/>
		<path d="M183.445,87.97c0,4.323-2.622,6.944-6.475,6.944c-3.913,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.417-6.905
			C181.235,81.3,183.445,84.331,183.445,87.97z M173.918,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.189-4.401C175.092,83.666,173.918,85.583,173.918,88.146z"/>
		<path d="M189.352,81.69c1.096-0.176,2.523-0.273,4.03-0.273c2.504,0,4.127,0.45,5.399,1.408c1.37,1.018,2.23,2.641,2.23,4.969
			c0,2.523-0.919,4.265-2.191,5.341c-1.389,1.153-3.501,1.701-6.083,1.701c-1.545,0-2.641-0.098-3.384-0.195V81.69z M192.345,92.449
			c0.254,0.059,0.665,0.059,1.037,0.059c2.7,0.021,4.46-1.467,4.46-4.616c0.02-2.738-1.584-4.187-4.147-4.187
			c-0.665,0-1.095,0.06-1.35,0.118V92.449z"/>
		<path d="M215.037,87.97c0,4.323-2.622,6.944-6.475,6.944c-3.912,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.417-6.905
			C212.826,81.3,215.037,84.331,215.037,87.97z M205.51,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.189-4.401C206.684,83.666,205.51,85.583,205.51,88.146z"/>
		<path d="M229.062,87.97c0,4.323-2.622,6.944-6.475,6.944c-3.912,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.417-6.905
			C226.852,81.3,229.062,84.331,229.062,87.97z M219.535,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.189-4.401C220.709,83.666,219.535,85.583,219.535,88.146z"/>
		<path d="M231.018,81.69c0.958-0.156,2.387-0.273,3.971-0.273c1.956,0,3.325,0.293,4.264,1.036
			c0.783,0.626,1.213,1.546,1.213,2.759c0,1.683-1.193,2.836-2.328,3.247v0.059c0.919,0.372,1.428,1.252,1.76,2.465
			c0.411,1.486,0.822,3.208,1.076,3.717h-3.052c-0.215-0.372-0.528-1.447-0.919-3.071c-0.352-1.644-0.919-2.093-2.132-2.112h-0.899
			v5.184h-2.954V81.69z M233.972,87.363h1.173c1.487,0,2.367-0.743,2.367-1.897c0-1.213-0.822-1.819-2.191-1.839
			c-0.724,0-1.135,0.059-1.35,0.098V87.363z"/>
		<path d="M249.64,91.315l-0.939,3.384h-3.091l4.03-13.185h3.912l4.089,13.185h-3.208l-1.018-3.384H249.64z M252.984,89.085
			l-0.821-2.797c-0.234-0.783-0.47-1.761-0.665-2.544h-0.039c-0.195,0.783-0.392,1.78-0.606,2.544l-0.783,2.797H252.984z"/>
		<path d="M259.4,81.69c1.096-0.176,2.523-0.273,4.029-0.273c2.504,0,4.128,0.45,5.399,1.408c1.369,1.018,2.23,2.641,2.23,4.969
			c0,2.523-0.92,4.265-2.191,5.341c-1.389,1.153-3.501,1.701-6.084,1.701c-1.545,0-2.641-0.098-3.384-0.195V81.69z M262.394,92.449
			c0.254,0.059,0.665,0.059,1.036,0.059c2.7,0.021,4.461-1.467,4.461-4.616c0.02-2.738-1.585-4.187-4.147-4.187
			c-0.665,0-1.096,0.06-1.35,0.118V92.449z"/>
		<path d="M276.125,94.699l-4.226-13.185h3.267l1.604,5.575c0.45,1.564,0.86,3.071,1.174,4.714h0.059
			c0.333-1.584,0.743-3.149,1.193-4.655l1.683-5.634h3.169l-4.44,13.185H276.125z"/>
		<path d="M293.3,89.124h-4.852v3.13h5.419v2.445h-8.412V81.515h8.138v2.445h-5.145v2.738h4.852V89.124z"/>
		<path d="M295.901,81.69c0.959-0.156,2.387-0.273,3.971-0.273c1.957,0,3.326,0.293,4.265,1.036
			c0.782,0.626,1.213,1.546,1.213,2.759c0,1.683-1.193,2.836-2.328,3.247v0.059c0.92,0.372,1.429,1.252,1.761,2.465
			c0.411,1.486,0.822,3.208,1.076,3.717h-3.052c-0.215-0.372-0.528-1.447-0.919-3.071c-0.353-1.644-0.92-2.093-2.133-2.112h-0.899
			v5.184h-2.954V81.69z M298.855,87.363h1.174c1.486,0,2.366-0.743,2.366-1.897c0-1.213-0.821-1.819-2.19-1.839
			c-0.724,0-1.135,0.059-1.35,0.098V87.363z"/>
		<path d="M310.044,84.019h-3.541v-2.504h10.134v2.504h-3.6v10.681h-2.993V84.019z"/>
		<path d="M321.213,81.515v13.185h-2.993V81.515H321.213z"/>
		<path d="M323.893,91.628c0.803,0.411,2.034,0.821,3.307,0.821c1.369,0,2.093-0.566,2.093-1.428c0-0.821-0.626-1.291-2.211-1.858
			c-2.19-0.763-3.618-1.976-3.618-3.893c0-2.25,1.878-3.971,4.988-3.971c1.486,0,2.582,0.313,3.364,0.665l-0.665,2.406
			c-0.528-0.255-1.468-0.627-2.759-0.627s-1.917,0.587-1.917,1.272c0,0.841,0.744,1.212,2.445,1.858
			c2.328,0.86,3.424,2.073,3.424,3.932c0,2.21-1.702,4.088-5.321,4.088c-1.506,0-2.993-0.391-3.736-0.802L323.893,91.628z"/>
		<path d="M342.202,89.124h-4.852v3.13h5.419v2.445h-8.412V81.515h8.138v2.445h-5.145v2.738h4.852V89.124z"/>
		<path d="M355.953,89.652c-0.059-1.585-0.117-3.502-0.117-5.419h-0.059c-0.411,1.683-0.959,3.561-1.468,5.105l-1.604,5.146h-2.328
			l-1.408-5.105c-0.431-1.546-0.881-3.424-1.193-5.146h-0.039c-0.078,1.78-0.137,3.814-0.235,5.458l-0.234,5.008h-2.758
			l0.841-13.185h3.971l1.291,4.401c0.411,1.525,0.822,3.169,1.115,4.715h0.059c0.372-1.526,0.822-3.268,1.252-4.734l1.408-4.382
			h3.894l0.724,13.185h-2.915L355.953,89.652z"/>
		<path d="M369.196,89.124h-4.852v3.13h5.419v2.445h-8.412V81.515h8.138v2.445h-5.145v2.738h4.852V89.124z"/>
		<path d="M371.797,94.699V81.515h3.482l2.738,4.832c0.782,1.389,1.564,3.032,2.151,4.519h0.06
			c-0.196-1.741-0.255-3.521-0.255-5.497v-3.854h2.739v13.185h-3.131l-2.816-5.086c-0.782-1.408-1.644-3.11-2.289-4.656l-0.059,0.02
			c0.078,1.741,0.117,3.6,0.117,5.752v3.971H371.797z"/>
		<path d="M387.837,84.019h-3.541v-2.504h10.134v2.504h-3.6v10.681h-2.993V84.019z"/>
		<path d="M400.063,91.628c0.803,0.411,2.034,0.821,3.307,0.821c1.369,0,2.093-0.566,2.093-1.428c0-0.821-0.626-1.291-2.211-1.858
			c-2.19-0.763-3.618-1.976-3.618-3.893c0-2.25,1.878-3.971,4.988-3.971c1.486,0,2.582,0.313,3.364,0.665l-0.665,2.406
			c-0.528-0.255-1.468-0.627-2.759-0.627s-1.917,0.587-1.917,1.272c0,0.841,0.744,1.212,2.445,1.858
			c2.328,0.86,3.424,2.073,3.424,3.932c0,2.21-1.702,4.088-5.321,4.088c-1.506,0-2.993-0.391-3.736-0.802L400.063,91.628z"/>
		<path d="M422.597,87.97c0,4.323-2.621,6.944-6.475,6.944c-3.912,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.416-6.905
			C420.387,81.3,422.597,84.331,422.597,87.97z M413.07,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.188-4.401C414.244,83.666,413.07,85.583,413.07,88.146z"/>
		<path d="M424.553,81.515h2.993v10.681h5.242v2.504h-8.235V81.515z"/>
		<path d="M437.522,81.515v7.59c0,2.27,0.86,3.424,2.387,3.424c1.564,0,2.425-1.096,2.425-3.424v-7.59h2.974v7.395
			c0,4.068-2.054,6.005-5.497,6.005c-3.325,0-5.281-1.839-5.281-6.044v-7.355H437.522z"/>
		<path d="M450.432,84.019h-3.541v-2.504h10.134v2.504h-3.6v10.681h-2.993V84.019z"/>
		<path d="M461.602,81.515v13.185h-2.993V81.515H461.602z"/>
		<path d="M476.253,87.97c0,4.323-2.621,6.944-6.475,6.944c-3.912,0-6.201-2.953-6.201-6.709c0-3.952,2.523-6.905,6.416-6.905
			C474.043,81.3,476.253,84.331,476.253,87.97z M466.727,88.146c0,2.582,1.213,4.401,3.208,4.401c2.015,0,3.169-1.917,3.169-4.48
			c0-2.366-1.135-4.401-3.188-4.401C467.9,83.666,466.727,85.583,466.727,88.146z"/>
		<path d="M478.208,94.699V81.515h3.482l2.738,4.832c0.782,1.389,1.565,3.032,2.151,4.519h0.06
			c-0.196-1.741-0.255-3.521-0.255-5.497v-3.854h2.738v13.185h-3.129l-2.817-5.086c-0.782-1.408-1.644-3.11-2.289-4.656l-0.059,0.02
			c0.078,1.741,0.117,3.6,0.117,5.752v3.971H478.208z"/>
		<path d="M491.803,91.628c0.803,0.411,2.034,0.821,3.307,0.821c1.369,0,2.093-0.566,2.093-1.428c0-0.821-0.626-1.291-2.211-1.858
			c-2.19-0.763-3.618-1.976-3.618-3.893c0-2.25,1.878-3.971,4.988-3.971c1.486,0,2.582,0.313,3.364,0.665l-0.665,2.406
			c-0.528-0.255-1.468-0.627-2.759-0.627s-1.917,0.587-1.917,1.272c0,0.841,0.744,1.212,2.445,1.858
			c2.328,0.86,3.424,2.073,3.424,3.932c0,2.21-1.702,4.088-5.321,4.088c-1.506,0-2.993-0.391-3.736-0.802L491.803,91.628z"/>
	</g>
	<path d="M42.938,0v4.854c4.796,5.302,36.307,11.124,42.709,10.889c0,46.999-20.549,63.456-42.709,81.311V100h49.104V0H42.938z
		 M85.535,54.49c-1.279,0-2.307-1.032-2.307-2.31c0-1.273,1.028-2.313,2.307-2.313c1.278,0,2.311,1.04,2.311,2.313
		C87.846,53.458,86.813,54.49,85.535,54.49"/>
	<path d="M42.938,4.854C38.154,10.155,6.632,15.977,0.234,15.743c0,46.999,19.951,63.456,42.704,81.311V4.854z"/>
</g>
</svg>

            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console