evil_icons 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +22 -0
- data/README.md +93 -0
- data/Rakefile +2 -0
- data/app/assets/images/evil-icons/ei-archive.svg +120 -0
- data/app/assets/images/evil-icons/ei-arrow-down.svg +133 -0
- data/app/assets/images/evil-icons/ei-arrow-left.svg +120 -0
- data/app/assets/images/evil-icons/ei-arrow-right.svg +133 -0
- data/app/assets/images/evil-icons/ei-arrow-up.svg +133 -0
- data/app/assets/images/evil-icons/ei-bell.svg +134 -0
- data/app/assets/images/evil-icons/ei-calendar.svg +144 -0
- data/app/assets/images/evil-icons/ei-cart.svg +136 -0
- data/app/assets/images/evil-icons/ei-chart.svg +133 -0
- data/app/assets/images/evil-icons/ei-check.svg +132 -0
- data/app/assets/images/evil-icons/ei-chevron-down.svg +115 -0
- data/app/assets/images/evil-icons/ei-chevron-left.svg +128 -0
- data/app/assets/images/evil-icons/ei-chevron-right.svg +128 -0
- data/app/assets/images/evil-icons/ei-chevron-up.svg +128 -0
- data/app/assets/images/evil-icons/ei-clock.svg +119 -0
- data/app/assets/images/evil-icons/ei-close-o.svg +120 -0
- data/app/assets/images/evil-icons/ei-close.svg +105 -0
- data/app/assets/images/evil-icons/ei-comment.svg +133 -0
- data/app/assets/images/evil-icons/ei-envelope.svg +116 -0
- data/app/assets/images/evil-icons/ei-exclamation.svg +133 -0
- data/app/assets/images/evil-icons/ei-external-link.svg +120 -0
- data/app/assets/images/evil-icons/ei-eye.svg +136 -0
- data/app/assets/images/evil-icons/ei-gear.svg +139 -0
- data/app/assets/images/evil-icons/ei-heart.svg +115 -0
- data/app/assets/images/evil-icons/ei-image.svg +120 -0
- data/app/assets/images/evil-icons/ei-link.svg +125 -0
- data/app/assets/images/evil-icons/ei-location.svg +133 -0
- data/app/assets/images/evil-icons/ei-lock.svg +134 -0
- data/app/assets/images/evil-icons/ei-minus.svg +132 -0
- data/app/assets/images/evil-icons/ei-navicon.svg +117 -0
- data/app/assets/images/evil-icons/ei-paperclip.svg +131 -0
- data/app/assets/images/evil-icons/ei-pencil.svg +135 -0
- data/app/assets/images/evil-icons/ei-play.svg +132 -0
- data/app/assets/images/evil-icons/ei-plus.svg +120 -0
- data/app/assets/images/evil-icons/ei-pointer.svg +134 -0
- data/app/assets/images/evil-icons/ei-question.svg +139 -0
- data/app/assets/images/evil-icons/ei-redo.svg +132 -0
- data/app/assets/images/evil-icons/ei-refresh.svg +122 -0
- data/app/assets/images/evil-icons/ei-retweet.svg +133 -0
- data/app/assets/images/evil-icons/ei-sc-facebook.svg +102 -0
- data/app/assets/images/evil-icons/ei-sc-github.svg +118 -0
- data/app/assets/images/evil-icons/ei-sc-google-plus.svg +122 -0
- data/app/assets/images/evil-icons/ei-sc-twitter.svg +117 -0
- data/app/assets/images/evil-icons/ei-sc-vk.svg +119 -0
- data/app/assets/images/evil-icons/ei-search.svg +108 -0
- data/app/assets/images/evil-icons/ei-share-apple.svg +133 -0
- data/app/assets/images/evil-icons/ei-share-google.svg +139 -0
- data/app/assets/images/evil-icons/ei-spinner-2.svg +126 -0
- data/app/assets/images/evil-icons/ei-spinner-3.svg +106 -0
- data/app/assets/images/evil-icons/ei-spinner.svg +134 -0
- data/app/assets/images/evil-icons/ei-star.svg +117 -0
- data/app/assets/images/evil-icons/ei-tag.svg +134 -0
- data/app/assets/images/evil-icons/ei-trash.svg +122 -0
- data/app/assets/images/evil-icons/ei-undo.svg +132 -0
- data/app/assets/images/evil-icons/ei-unlock.svg +135 -0
- data/app/assets/images/evil-icons/ei-user.svg +139 -0
- data/app/assets/stylesheets/evil-icons.css +56 -0
- data/app/helpers/evil_icons/helpers.rb +21 -0
- data/app/views/evil_icons/_icons.erb +1 -0
- data/evil_icons.gemspec +33 -0
- data/lib/evil_icons/engine.rb +12 -0
- data/lib/evil_icons/generator.rb +60 -0
- data/lib/evil_icons/version.rb +3 -0
- data/lib/tasks/icons.rb +33 -0
- data/lib/templates/icons.erb +7 -0
- data/lib/templates/index.erb +176 -0
- 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,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>
|