zigbeelogo

There are three versions for the zigbee logo in this repo:

JS

This is a canvas implementation encapsulated in a JQuery Plugin. The code accounts for offsets and keeps the logo intact independant of the parent's container size.

Simply create a container div and call the plugin:

	$('#logo').zigbee();

JS Dependencies

• JQuery

Browsersupport for JS version

pleaser refer to this report

SVG

Simply include as SVG in an img tag or paste directly into your html to modify.

	<div id="logo">
		<img src="images/zigbee_logo.svg">
	</div>

Browsersupport for SVG version

pleaser refer to this report

CSS

Simply include the css stylesheet and create a a div with the id logo. The css version works with pseudo elements and duplicates them with boxshadows. The container scales based on width.

	<div id="logo"></div>

Since all values are in em you will need to adjust the font-size to your div size to align your element dimensions to the logo dimensions. For responsive behaviour use vW for width, height and font-size.

Browsersupport for CSS version

Chrome	Safari	Firefox	Opera	IE	Android	iOS
Any	3+	3.5+	10.5+	9+	2.3+	4.0.2+