evil_icons 0.1.2 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a6d7bd6d89ad9fc9f4d45c79542eb26e514356d0
-  data.tar.gz: 53e8b253ef715edb5d988bb766c5a6c782e5f0e4
+  metadata.gz: 642684d052883121d251e190733c01feae9eddec
+  data.tar.gz: 14788ad0da43d8c61e3185b2b61338ed9f8a2bd1
 SHA512:
-  metadata.gz: 8263d0a0e2a62036f5e841808df8b3cd449ba1629473083c1bd84d0755f614e108c5f23f209c9fb4941ed3136f479c7bc2397436b76df52b6524da72ef4f29b6
-  data.tar.gz: 5c9ac73d80de4ee06b696cbf04627bfd383d23f01ccdf0ad6f97754934b7ee8f9cf18facfc344eceec9559c214b6dd3bea8152f29ae1e4c263b8fd324f80d812
+  metadata.gz: 4eb201b4f9b65270c4192cb626e264df358a57f971f7032003215c94d51dc5e9b2f675987a7f68dd2c640d5a18732c61dc42b974ab86849e43200b00369b7f98
+  data.tar.gz: 35d2ff3420f7bd5fb89b7f4dbeeab97f9a4a4fb6bae3cf8e13a3db9598982e3d80a319e20bb3a764f90d79fce39c10d9db80233c99f227dff2cf3c232781f45f

data/README.md

@@ -1,10 +1,12 @@
 # Evil Icons
 
-Evil Icons is a set of SVG icons designed extensively for using in modern web projects. You can use it as-is, or try a Ruby gem (for Ruby on Rails) or a npm package.
+Evil Icons is a set of SVG icons designed extensively for using in modern web projects. You can use it as-is, or try a Ruby gem (for Ruby on Rails) or a npm package. See the icons [here](http://evil-icons.io).
 
-Sponsored by [Evil Martians].
+Made by [Alexander Madyankin] and [Roman Shamin]. Sponsored by [Evil Martians].
 
-[Evil Martians]: http://evilmartians.com
+[Alexander Madyankin]:  https://github.com/outpunk
+[Roman Shamin]:         https://github.com/romashamin
+[Evil Martians]:        https://evilmartians.com
 
 
 ## Usage
@@ -49,7 +51,7 @@ Add the evil icons styles to your pages:
 
 Require `evil-icons` in your JavaScript code:
 ```js
-var icons = require("evil-icons").icons
+var icons = require("evil-icons")
 ```
 
 Finally, you can render the icons in your page using helpers.
@@ -59,9 +61,9 @@ Here are some examples:
 icons.sprite;
 
 /* Icons rendering */
-icon("ei-search");
-icon("ei-arrow-right", {size: "m"});
-icon("ei-envelope", {size: "l", class: "custom-class"});
+icons.icon("ei-search");
+icons.icon("ei-arrow-right", {size: "m"});
+icons.icon("ei-envelope", {size: "l", class: "custom-class"});
 ```
 
 ### Styling
@@ -71,13 +73,13 @@ For example, the facebook icon has the `.icon--ei-facebook` modifier.
 
 In addition, an icon may have a size modifier. But we do recommend to change the size using helper's `size` parameter instead. Evil icons have some predefined sizes: `s` (25x25, default), `m` (50x50), , `l` (100x100), `xl` (150x150) and `xxl` (200x200). You may want to add more sizes, we recommend to keep the sizes multiple to 50.
 ```js
-icon("ei-arrow-right", {size: "m"})
+icons.icon("ei-arrow-right", {size: "m"})
 ```
 
 Also you may want to add a custom class for an icon.
 You can do this using the `class` parameter:
 ```js
-icon("ei-envelope", {class: "custom-class"})
+icons.icon("ei-envelope", {class: "custom-class"})
 ```
 
 An icon's color can be changed in CSS:
@@ -90,4 +92,10 @@ An icon's color can be changed in CSS:
 }
 ```
 
-
+## Roadmap
+* Custom icons
+* PSD/AI/Sketch for designers
+* Grunt plugin
+* Gulp plugin
+* CDN version
+* More styles

data/app/assets/images/evil-icons/ei-archive.svg

@@ -1,120 +1,120 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 18.1.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" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
-<g id="Grids" display="none">
-	<g display="inline">
-		<g id="Grid_4x4_74_">
-			<rect x="-4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-		</g>
-		<g id="Grid_4x4_73_">
-			<rect x="4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="12" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="30" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="38" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-		</g>
-	</g>
-	<g display="inline">
-		<g id="Grid_4x4_66_">
-			<rect x="-4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="-4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="-4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="-4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="-4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="-4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-		</g>
-		<g id="Grid_4x4_65_">
-			<rect opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="12" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="30" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
-			<rect x="30" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
-			<rect y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="14" y="20" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
-			<rect x="16" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="30" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="14" y="30" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
-			<rect x="16" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="34" y="16" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
-			<rect x="34" y="26" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
-			<rect y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="16" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
-			<rect x="26" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
-			<rect x="30" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="38" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="8" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="12" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="16" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="20" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="34" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="30" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="46" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="38" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" y="6" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="22" y="42" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="6" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="42" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="26" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="14" y="14" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="34" y="34" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="22" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
-			<rect x="46" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<path opacity="0.2" fill="#FF00FF" d="M40,40H10V10h30V40z M12,38h26V12H12V38z"/>
-		</g>
-	</g>
-	<g display="inline">
-		<g id="Grid_4x4_58_">
-		</g>
-		<g id="Grid_4x4_2_">
-			<rect y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="8" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="16" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="26" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="34" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-			<rect x="42" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
-		</g>
-	</g>
-</g>
-<g id="Icons">
-	<g>
-		<path d="M42,20h-2v-5c0-0.6-0.4-1-1-1H11c-0.6,0-1,0.4-1,1v5H8v-5c0-1.7,1.3-3,3-3h28c1.7,0,3,1.3,3,3V20z"/>
-		<path d="M37,40H13c-1.7,0-3-1.3-3-3V20h2v17c0,0.6,0.4,1,1,1h24c0.6,0,1-0.4,1-1V20h2v17C40,38.7,38.7,40,37,40z"/>
-		<path d="M29,26h-8c-0.6,0-1-0.4-1-1s0.4-1,1-1h8c0.6,0,1,0.4,1,1S29.6,26,29,26z"/>
-		<rect x="8" y="18" width="34" height="2"/>
-	</g>
-</g>
-<g id="Guides">
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.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" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<g id="Grids" display="none">
+	<g display="inline">
+		<g id="Grid_4x4_74_">
+			<rect x="-4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+		</g>
+		<g id="Grid_4x4_73_">
+			<rect x="4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="12" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="30" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="38" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+		</g>
+	</g>
+	<g display="inline">
+		<g id="Grid_4x4_66_">
+			<rect x="-4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="-4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="-4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="-4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="-4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="-4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+		</g>
+		<g id="Grid_4x4_65_">
+			<rect opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="12" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="30" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
+			<rect x="30" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
+			<rect y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="14" y="20" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
+			<rect x="16" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="30" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="14" y="30" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
+			<rect x="16" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="34" y="16" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
+			<rect x="34" y="26" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
+			<rect y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="16" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
+			<rect x="26" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
+			<rect x="30" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="38" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="8" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="12" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="16" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="20" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="34" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="30" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="46" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="38" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" y="6" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="22" y="42" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="6" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="42" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="26" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="14" y="14" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="34" y="34" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="22" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
+			<rect x="46" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<path opacity="0.2" fill="#FF00FF" d="M40,40H10V10h30V40z M12,38h26V12H12V38z"/>
+		</g>
+	</g>
+	<g display="inline">
+		<g id="Grid_4x4_58_">
+		</g>
+		<g id="Grid_4x4_2_">
+			<rect y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="8" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="16" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="26" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="34" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+			<rect x="42" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
+		</g>
+	</g>
+</g>
+<g id="Icons">
+	<g>
+		<path d="M42,20h-2v-5c0-0.6-0.4-1-1-1H11c-0.6,0-1,0.4-1,1v5H8v-5c0-1.7,1.3-3,3-3h28c1.7,0,3,1.3,3,3V20z"/>
+		<path d="M37,40H13c-1.7,0-3-1.3-3-3V20h2v17c0,0.6,0.4,1,1,1h24c0.6,0,1-0.4,1-1V20h2v17C40,38.7,38.7,40,37,40z"/>
+		<path d="M29,26h-8c-0.6,0-1-0.4-1-1s0.4-1,1-1h8c0.6,0,1,0.4,1,1S29.6,26,29,26z"/>
+		<rect x="8" y="18" width="34" height="2"/>
+	</g>
+</g>
+<g id="Guides">
+</g>
+</svg>