evil_icons 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +22 -0
  3. data/README.md +93 -0
  4. data/Rakefile +2 -0
  5. data/app/assets/images/evil-icons/ei-archive.svg +120 -0
  6. data/app/assets/images/evil-icons/ei-arrow-down.svg +133 -0
  7. data/app/assets/images/evil-icons/ei-arrow-left.svg +120 -0
  8. data/app/assets/images/evil-icons/ei-arrow-right.svg +133 -0
  9. data/app/assets/images/evil-icons/ei-arrow-up.svg +133 -0
  10. data/app/assets/images/evil-icons/ei-bell.svg +134 -0
  11. data/app/assets/images/evil-icons/ei-calendar.svg +144 -0
  12. data/app/assets/images/evil-icons/ei-cart.svg +136 -0
  13. data/app/assets/images/evil-icons/ei-chart.svg +133 -0
  14. data/app/assets/images/evil-icons/ei-check.svg +132 -0
  15. data/app/assets/images/evil-icons/ei-chevron-down.svg +115 -0
  16. data/app/assets/images/evil-icons/ei-chevron-left.svg +128 -0
  17. data/app/assets/images/evil-icons/ei-chevron-right.svg +128 -0
  18. data/app/assets/images/evil-icons/ei-chevron-up.svg +128 -0
  19. data/app/assets/images/evil-icons/ei-clock.svg +119 -0
  20. data/app/assets/images/evil-icons/ei-close-o.svg +120 -0
  21. data/app/assets/images/evil-icons/ei-close.svg +105 -0
  22. data/app/assets/images/evil-icons/ei-comment.svg +133 -0
  23. data/app/assets/images/evil-icons/ei-envelope.svg +116 -0
  24. data/app/assets/images/evil-icons/ei-exclamation.svg +133 -0
  25. data/app/assets/images/evil-icons/ei-external-link.svg +120 -0
  26. data/app/assets/images/evil-icons/ei-eye.svg +136 -0
  27. data/app/assets/images/evil-icons/ei-gear.svg +139 -0
  28. data/app/assets/images/evil-icons/ei-heart.svg +115 -0
  29. data/app/assets/images/evil-icons/ei-image.svg +120 -0
  30. data/app/assets/images/evil-icons/ei-link.svg +125 -0
  31. data/app/assets/images/evil-icons/ei-location.svg +133 -0
  32. data/app/assets/images/evil-icons/ei-lock.svg +134 -0
  33. data/app/assets/images/evil-icons/ei-minus.svg +132 -0
  34. data/app/assets/images/evil-icons/ei-navicon.svg +117 -0
  35. data/app/assets/images/evil-icons/ei-paperclip.svg +131 -0
  36. data/app/assets/images/evil-icons/ei-pencil.svg +135 -0
  37. data/app/assets/images/evil-icons/ei-play.svg +132 -0
  38. data/app/assets/images/evil-icons/ei-plus.svg +120 -0
  39. data/app/assets/images/evil-icons/ei-pointer.svg +134 -0
  40. data/app/assets/images/evil-icons/ei-question.svg +139 -0
  41. data/app/assets/images/evil-icons/ei-redo.svg +132 -0
  42. data/app/assets/images/evil-icons/ei-refresh.svg +122 -0
  43. data/app/assets/images/evil-icons/ei-retweet.svg +133 -0
  44. data/app/assets/images/evil-icons/ei-sc-facebook.svg +102 -0
  45. data/app/assets/images/evil-icons/ei-sc-github.svg +118 -0
  46. data/app/assets/images/evil-icons/ei-sc-google-plus.svg +122 -0
  47. data/app/assets/images/evil-icons/ei-sc-twitter.svg +117 -0
  48. data/app/assets/images/evil-icons/ei-sc-vk.svg +119 -0
  49. data/app/assets/images/evil-icons/ei-search.svg +108 -0
  50. data/app/assets/images/evil-icons/ei-share-apple.svg +133 -0
  51. data/app/assets/images/evil-icons/ei-share-google.svg +139 -0
  52. data/app/assets/images/evil-icons/ei-spinner-2.svg +126 -0
  53. data/app/assets/images/evil-icons/ei-spinner-3.svg +106 -0
  54. data/app/assets/images/evil-icons/ei-spinner.svg +134 -0
  55. data/app/assets/images/evil-icons/ei-star.svg +117 -0
  56. data/app/assets/images/evil-icons/ei-tag.svg +134 -0
  57. data/app/assets/images/evil-icons/ei-trash.svg +122 -0
  58. data/app/assets/images/evil-icons/ei-undo.svg +132 -0
  59. data/app/assets/images/evil-icons/ei-unlock.svg +135 -0
  60. data/app/assets/images/evil-icons/ei-user.svg +139 -0
  61. data/app/assets/stylesheets/evil-icons.css +56 -0
  62. data/app/helpers/evil_icons/helpers.rb +21 -0
  63. data/app/views/evil_icons/_icons.erb +1 -0
  64. data/evil_icons.gemspec +33 -0
  65. data/lib/evil_icons/engine.rb +12 -0
  66. data/lib/evil_icons/generator.rb +60 -0
  67. data/lib/evil_icons/version.rb +3 -0
  68. data/lib/tasks/icons.rb +33 -0
  69. data/lib/templates/icons.erb +7 -0
  70. data/lib/templates/index.erb +176 -0
  71. metadata +185 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: c3a084fe787aa1a225c941d7234d148273c6fa8f
4
+ data.tar.gz: 8fe99e36619688487ddfa251bcd57fc24888087c
5
+ SHA512:
6
+ metadata.gz: bf1af7b2eba581860c7f0d3aeb922d02aa574ec4ac307dc88154b12eaeef704c69e8e062083b318f5298295453eae76df184f965dc5a730113ed4e854baf9d4c
7
+ data.tar.gz: 31720646fecf1c6333abd905c829306673c711b0dd88eb731e8c62f1116526b5277460569ac6e61b8f69b08c03a7cac1d5259b7be666f06bddec6ca26ecc0d62
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2014 Alexander Madyankin <alexander@madyankin.name>, Roman Shamin
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,93 @@
1
+ # Evil Icons
2
+
3
+ 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.
4
+
5
+ Sponsored by [Evil Martians].
6
+
7
+ [Evil Martians]: http://evilmartians.com
8
+
9
+
10
+ ## Usage
11
+
12
+ ### Rails
13
+
14
+ Add the `'evil_icons'` gem to your Gemfile:
15
+ ```ruby
16
+ gem 'evil_icons'
17
+ ```
18
+
19
+ Add the evil icons require to your `application.css`:
20
+ ```css
21
+ /*= require evil-icons */
22
+ ```
23
+
24
+ Next, you have to render the evil-icons sprite in your template (or, in your layout):
25
+ ```erb
26
+ <%= evil_icons %>
27
+ ```
28
+
29
+ Finally, you can render the icon using the `icon` helper.
30
+ Here are some examples:
31
+ ```erb
32
+ <%= icon 'ei-search' %>
33
+ <%= icon 'ei-arrow-right', size: :m %>
34
+ <%= icon 'ei-envelope', size: :l, class: "custom-class" %>
35
+ ```
36
+
37
+
38
+ ## npm
39
+
40
+ Add the `'evil-icons'` package to your project:
41
+ ```bash
42
+ npm install evil-icons
43
+ ```
44
+
45
+ Add the evil icons styles to your pages:
46
+ ```html
47
+ <link rel="stylesheet" type="text/css" href="./node_modules/evil-icons/app/assets/stylesheets/evil-icons.css">
48
+ ```
49
+
50
+ Require `evil-icons` in your JavaScript code:
51
+ ```js
52
+ var icons = require("evil-icons").icons
53
+ ```
54
+
55
+ Finally, you can render the icons in your page using helpers.
56
+ Here are some examples:
57
+ ```js
58
+ /* A string with SVG sprite */
59
+ icons.sprite;
60
+
61
+ /* Icons rendering */
62
+ icon("ei-search");
63
+ icon("ei-arrow-right", {size: "m"});
64
+ icon("ei-envelope", {size: "l", class: "custom-class"});
65
+ ```
66
+
67
+ ### Styling
68
+
69
+ Every icon has the `.icon` class and its modifier including the icon name.
70
+ For example, the facebook icon has the `.icon--ei-facebook` modifier.
71
+
72
+ 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.
73
+ ```js
74
+ icon("ei-arrow-right", {size: "m"})
75
+ ```
76
+
77
+ Also you may want to add a custom class for an icon.
78
+ You can do this using the `class` parameter:
79
+ ```js
80
+ icon("ei-envelope", {class: "custom-class"})
81
+ ```
82
+
83
+ An icon's color can be changed in CSS:
84
+ ```css
85
+ .icon {
86
+ fill: green;
87
+ }
88
+ .icon--ei-facebook {
89
+ fill: blue;
90
+ }
91
+ ```
92
+
93
+
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ require "bundler/gem_tasks"
2
+ require "tasks/icons"
@@ -0,0 +1,120 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6
+ <g id="Grids" display="none">
7
+ <g display="inline">
8
+ <g id="Grid_4x4_74_">
9
+ <rect x="-4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
10
+ </g>
11
+ <g id="Grid_4x4_73_">
12
+ <rect x="4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
13
+ <rect x="12" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
14
+ <rect x="20" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
15
+ <rect x="30" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
16
+ <rect x="38" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
17
+ <rect x="46" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
18
+ </g>
19
+ </g>
20
+ <g display="inline">
21
+ <g id="Grid_4x4_66_">
22
+ <rect x="-4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
23
+ <rect x="-4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
24
+ <rect x="-4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
25
+ <rect x="-4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
26
+ <rect x="-4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
27
+ <rect x="-4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
28
+ </g>
29
+ <g id="Grid_4x4_65_">
30
+ <rect opacity="0.2" fill="#FF00FF" width="4" height="4"/>
31
+ <rect x="4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
32
+ <rect x="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
33
+ <rect x="12" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
34
+ <rect x="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
35
+ <rect x="20" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
36
+ <rect x="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
37
+ <rect x="30" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
38
+ <rect y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
39
+ <rect x="4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
40
+ <rect x="20" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
41
+ <rect x="30" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
42
+ <rect y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
43
+ <rect x="4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
44
+ <rect x="14" y="20" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
45
+ <rect x="16" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
46
+ <rect x="20" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
47
+ <rect x="26" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
48
+ <rect x="30" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
49
+ <rect y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
50
+ <rect x="4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
51
+ <rect x="14" y="30" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
52
+ <rect x="16" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
53
+ <rect x="20" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
54
+ <rect x="26" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
55
+ <rect x="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
56
+ <rect x="34" y="16" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
57
+ <rect x="34" y="26" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
58
+ <rect y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
59
+ <rect x="16" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
60
+ <rect x="26" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
61
+ <rect x="30" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
62
+ <rect x="38" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
63
+ <rect x="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
64
+ <rect x="46" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
65
+ <rect x="42" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
66
+ <rect x="46" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
67
+ <rect x="42" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
68
+ <rect x="46" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
69
+ <rect x="42" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
70
+ <rect x="42" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
71
+ <rect x="46" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
72
+ <rect x="4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
73
+ <rect y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
74
+ <rect x="4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
75
+ <rect x="8" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
76
+ <rect x="12" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
77
+ <rect x="16" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
78
+ <rect x="20" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
79
+ <rect x="26" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
80
+ <rect x="34" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
81
+ <rect x="30" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
82
+ <rect x="46" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
83
+ <rect x="38" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
84
+ <rect x="42" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
85
+ <rect x="26" y="6" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
86
+ <rect x="22" y="42" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
87
+ <rect x="6" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
88
+ <rect x="42" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
89
+ <rect x="26" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
90
+ <rect x="14" y="14" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
91
+ <rect x="34" y="34" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
92
+ <rect x="22" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
93
+ <rect x="46" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
94
+ <path opacity="0.2" fill="#FF00FF" d="M40,40H10V10h30V40z M12,38h26V12H12V38z"/>
95
+ </g>
96
+ </g>
97
+ <g display="inline">
98
+ <g id="Grid_4x4_58_">
99
+ </g>
100
+ <g id="Grid_4x4_2_">
101
+ <rect y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
102
+ <rect x="8" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
103
+ <rect x="16" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
104
+ <rect x="26" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
105
+ <rect x="34" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
106
+ <rect x="42" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
107
+ </g>
108
+ </g>
109
+ </g>
110
+ <g id="Icons">
111
+ <g>
112
+ <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"/>
113
+ <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"/>
114
+ <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"/>
115
+ <rect x="8" y="18" width="34" height="2"/>
116
+ </g>
117
+ </g>
118
+ <g id="Guides">
119
+ </g>
120
+ </svg>
@@ -0,0 +1,133 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6
+ <g id="Grids" display="none">
7
+ <g display="inline">
8
+ <g id="Grid_4x4_102_">
9
+ <rect x="-4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
10
+ </g>
11
+ <g id="Grid_4x4_101_">
12
+ <rect x="4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
13
+ <rect x="12" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
14
+ <rect x="20" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
15
+ <rect x="30" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
16
+ <rect x="38" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
17
+ <rect x="46" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
18
+ </g>
19
+ <g id="Grid_4x4_100_">
20
+ </g>
21
+ </g>
22
+ <g display="inline">
23
+ <g id="Grid_4x4_94_">
24
+ <rect x="-4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
25
+ <rect x="-4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
26
+ <rect x="-4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
27
+ <rect x="-4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
28
+ <rect x="-4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
29
+ <rect x="-4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
30
+ </g>
31
+ <g id="Grid_4x4_93_">
32
+ <rect opacity="0.2" fill="#FF00FF" width="4" height="4"/>
33
+ <rect x="4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
34
+ <rect x="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
35
+ <rect x="12" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
36
+ <rect x="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
37
+ <rect x="20" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
38
+ <rect x="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
39
+ <rect x="30" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
40
+ <rect y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
41
+ <rect x="4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
42
+ <rect x="20" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
43
+ <rect x="30" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
44
+ <rect y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
45
+ <rect x="4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
46
+ <rect x="14" y="20" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
47
+ <rect x="16" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
48
+ <rect x="20" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
49
+ <rect x="26" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
50
+ <rect x="30" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
51
+ <rect y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
52
+ <rect x="4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
53
+ <rect x="14" y="30" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
54
+ <rect x="16" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
55
+ <rect x="20" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
56
+ <rect x="26" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
57
+ <rect x="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
58
+ <rect x="34" y="16" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
59
+ <rect x="34" y="26" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
60
+ <rect y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
61
+ <rect x="16" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
62
+ <rect x="26" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
63
+ <rect x="30" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
64
+ <rect x="38" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
65
+ <rect x="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
66
+ <rect x="46" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
67
+ <rect x="42" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
68
+ <rect x="46" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
69
+ <rect x="42" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
70
+ <rect x="46" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
71
+ <rect x="42" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
72
+ <rect x="42" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
73
+ <rect x="46" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
74
+ <rect x="4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
75
+ <rect y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
76
+ <rect x="4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
77
+ <rect x="8" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
78
+ <rect x="12" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
79
+ <rect x="16" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
80
+ <rect x="20" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
81
+ <rect x="26" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
82
+ <rect x="34" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
83
+ <rect x="30" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
84
+ <rect x="46" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
85
+ <rect x="38" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
86
+ <rect x="42" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
87
+ <rect x="26" y="6" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
88
+ <rect x="22" y="42" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
89
+ <rect x="6" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
90
+ <rect x="42" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
91
+ <rect x="26" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
92
+ <rect x="14" y="14" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
93
+ <rect x="34" y="34" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
94
+ <rect x="22" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
95
+ <rect x="46" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
96
+ <path opacity="0.2" fill="#FF00FF" d="M40,40H10V10h30V40z M12,38h26V12H12V38z"/>
97
+ </g>
98
+ <g id="Grid_4x4_92_">
99
+ <rect x="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
100
+ <rect x="50" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
101
+ <rect x="50" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
102
+ <rect x="50" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
103
+ <rect x="50" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
104
+ <rect x="50" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
105
+ </g>
106
+ </g>
107
+ <g display="inline">
108
+ <g id="Grid_4x4_86_">
109
+ </g>
110
+ <g id="Grid_4x4_85_">
111
+ <rect y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
112
+ <rect x="8" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
113
+ <rect x="16" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
114
+ <rect x="26" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
115
+ <rect x="34" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
116
+ <rect x="42" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
117
+ </g>
118
+ <g id="Grid_4x4_84_">
119
+ <rect x="50" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
120
+ </g>
121
+ </g>
122
+ </g>
123
+ <g id="Icons">
124
+ <g>
125
+ <path d="M25,41.9c-9.3,0-16.9-7.6-16.9-16.9S15.7,8.1,25,8.1S41.9,15.7,41.9,25S34.3,41.9,25,41.9z M25,9.9
126
+ C16.7,9.9,9.9,16.7,9.9,25S16.7,40.1,25,40.1S40.1,33.3,40.1,25S33.3,9.9,25,9.9z"/>
127
+ <polygon points="25,34.3 15.3,24.7 16.7,23.3 25,31.7 33.3,23.3 34.7,24.7 "/>
128
+ <rect x="24" y="16" width="2" height="17"/>
129
+ </g>
130
+ </g>
131
+ <g id="Guides">
132
+ </g>
133
+ </svg>
@@ -0,0 +1,120 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6
+ <g id="Grids" display="none">
7
+ <g display="inline">
8
+ <g id="Grid_4x4_104_">
9
+ <rect x="4" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
10
+ <rect x="12" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
11
+ <rect x="20" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
12
+ <rect x="30" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
13
+ <rect x="38" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
14
+ <rect x="46" y="-4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
15
+ </g>
16
+ <g id="Grid_4x4_103_">
17
+ </g>
18
+ </g>
19
+ <g display="inline">
20
+ <g id="Grid_4x4_96_">
21
+ <rect opacity="0.2" fill="#FF00FF" width="4" height="4"/>
22
+ <rect x="4" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
23
+ <rect x="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
24
+ <rect x="12" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
25
+ <rect x="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
26
+ <rect x="20" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
27
+ <rect x="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
28
+ <rect x="30" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
29
+ <rect y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
30
+ <rect x="4" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
31
+ <rect x="20" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
32
+ <rect x="30" y="14" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
33
+ <rect y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
34
+ <rect x="4" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
35
+ <rect x="14" y="20" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
36
+ <rect x="16" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
37
+ <rect x="20" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
38
+ <rect x="26" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
39
+ <rect x="30" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
40
+ <rect y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
41
+ <rect x="4" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
42
+ <rect x="14" y="30" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
43
+ <rect x="16" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
44
+ <rect x="20" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
45
+ <rect x="26" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
46
+ <rect x="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
47
+ <rect x="34" y="16" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
48
+ <rect x="34" y="26" opacity="0.2" fill="#FF00FF" width="2" height="4"/>
49
+ <rect y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
50
+ <rect x="16" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
51
+ <rect x="26" y="34" opacity="0.2" fill="#FF00FF" width="4" height="2"/>
52
+ <rect x="30" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
53
+ <rect x="38" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
54
+ <rect x="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
55
+ <rect x="46" y="4" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
56
+ <rect x="42" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
57
+ <rect x="46" y="12" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
58
+ <rect x="42" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
59
+ <rect x="46" y="20" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
60
+ <rect x="42" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
61
+ <rect x="42" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
62
+ <rect x="46" y="30" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
63
+ <rect x="4" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
64
+ <rect y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
65
+ <rect x="4" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
66
+ <rect x="8" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
67
+ <rect x="12" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
68
+ <rect x="16" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
69
+ <rect x="20" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
70
+ <rect x="26" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
71
+ <rect x="34" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
72
+ <rect x="30" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
73
+ <rect x="46" y="38" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
74
+ <rect x="38" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
75
+ <rect x="42" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
76
+ <rect x="26" y="6" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
77
+ <rect x="22" y="42" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
78
+ <rect x="6" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
79
+ <rect x="42" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
80
+ <rect x="26" y="22" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
81
+ <rect x="14" y="14" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
82
+ <rect x="34" y="34" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
83
+ <rect x="22" y="26" opacity="0.2" fill="#FF00FF" width="2" height="2"/>
84
+ <rect x="46" y="46" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
85
+ <path opacity="0.2" fill="#FF00FF" d="M40,40H10V10h30V40z M12,38h26V12H12V38z"/>
86
+ </g>
87
+ <g id="Grid_4x4_95_">
88
+ <rect x="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
89
+ <rect x="50" y="8" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
90
+ <rect x="50" y="16" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
91
+ <rect x="50" y="26" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
92
+ <rect x="50" y="34" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
93
+ <rect x="50" y="42" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
94
+ </g>
95
+ </g>
96
+ <g display="inline">
97
+ <g id="Grid_4x4_88_">
98
+ <rect y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
99
+ <rect x="8" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
100
+ <rect x="16" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
101
+ <rect x="26" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
102
+ <rect x="34" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
103
+ <rect x="42" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
104
+ </g>
105
+ <g id="Grid_4x4_87_">
106
+ <rect x="50" y="50" opacity="0.2" fill="#FF00FF" width="4" height="4"/>
107
+ </g>
108
+ </g>
109
+ </g>
110
+ <g id="Icons">
111
+ <g>
112
+ <path d="M25,41.9c-9.3,0-16.9-7.6-16.9-16.9S15.7,8.1,25,8.1S41.9,15.7,41.9,25S34.3,41.9,25,41.9z M25,9.9
113
+ C16.7,9.9,9.9,16.7,9.9,25S16.7,40.1,25,40.1S40.1,33.3,40.1,25S33.3,9.9,25,9.9z"/>
114
+ <polygon points="25.3,34.7 15.7,25 25.3,15.3 26.7,16.7 18.3,25 26.7,33.3 "/>
115
+ <rect x="17" y="24" width="17" height="2"/>
116
+ </g>
117
+ </g>
118
+ <g id="Guides">
119
+ </g>
120
+ </svg>