-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
471 lines (467 loc) · 99.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width , user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:title" content="Heroicons" />
<meta property='og:image' content='http://www.heroicons.com/img/facebook-preview.png'>
<meta property='og:description' content='A set of premium customizable SVG icons for your marketing website.'>
<meta name="description" content="Heroicons">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@steveschoger" />
<meta name="twitter:title" content="Heroicons" />
<meta name="twitter:description" content="A set of premium customizable SVG icons for your marketing website." />
<meta name="twitter:image" content="http://www.heroicons.com/img/twitter-preview.png" />
<title>Heroicons</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
<link href="/css/main.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<script>
document.createElement('nav');
document.createElement('section');
document.createElement('figure');
</script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/cffb25fd-bebb-44f5-bb30-17e595b794f4.css" />
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-90130033-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header class="bg-pattern border-top">
<div class="container aligned-center pv-6">
<div class="logo">
<a href="/">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="66" viewBox="0 0 54 66">
<g id="Page-1" fill="none" fill-rule="evenodd">
<g fill="#4ECBB8" transform="translate(-573 -105)">
<path d="M627 144c0 4.97-3.36 11.24-7.49 13.99L600 171l-19.51-13.01c-4.14-2.76-7.49-9.02-7.49-13.99v-31.78a53.75 53.75 0 0 1 27-7.22c9.84 0 19.06 2.63 27 7.22V144zm-27-34.5c-7.94 0-15.6 1.87-22.5 5.4V144c0 3.47 2.6 8.32 5.48 10.25L600 165.59l17.02-11.34c2.87-1.92 5.48-6.79 5.48-10.25v-29.1a49.27 49.27 0 0 0-22.5-5.4zm-4.5 4.72v13.28h9v-13.28c4.68.47 9.22 1.65 13.5 3.52V144c0 1.95-1.85 5.42-3.48 6.5l-10.02 6.68V136.5h-9v20.68l-10.02-6.68c-1.63-1.08-3.48-4.54-3.48-6.5v-26.26a44.65 44.65 0 0 1 13.5-3.52z" />
</g>
</g>
</svg>
</a>
</div>
<div class="headline aligned-center">
<h1 class="text-color-white mb-1">Heroicons</h1>
<div class="line-break-center"></div>
<p class="lead text-color-white mt-2 mb-3"><em>Heroicons</em> are a unique set of icons for your marketing website that make it <a href="#customization">easy to customize with CSS</a> to better align to <span class="font-heavy">your brand</span>. </a>
</p>
<a href="/img/icons.jpg" target="_blank">
<button type="button" class="btn btn-primary btn-lg btn-rounded btn-fixed">View all <span class="font-heavy">308</span> icons</button>
</a>
<a href="#included">
<button type="button" class="btn btn-secondary btn-lg btn-fixed">Get Heroicons</button>
</a>
<p class="text-color-white mt-2">Save <span class="font-heavy">50%</span> for a limited time. </p>
</div>
</div>
</div>
</header>
<section id="customization" class="bg-white">
<div class="container">
<div class="feature-details aligned-center">
<h2 class="font-size-sm text-transform-ac">Customization</h2>
<h3 class="font-size-xl">With 308 icons, Heroicons give you infinite possibilities</h3>
<div class="line-break-center"></div>
<p>Heroicons give you the creative freedom to help you better align to your brand that most stock icons don’t provide. Heroicons comes with a variety of themes with easy to manage CSS and SASS. </p>
</div>
<div class="css-examples">
<div class="row">
<div class="col-sm-6 col-xs-12 margin-bottom-md heroicon-example heroicon-example-outline">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-home heroicon-lg float-left">
<g fill-rule="evenodd">
<g class="heroicon-home heroicon-container-heroicon-lg">
<path d="M8,50 L50,8 L92,50 L92,98 L8,98 L8,50 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z M50,38 C54.418278,38 58,34.418278 58,30 C58,25.581722 54.418278,22 50,22 C45.581722,22 42,25.581722 42,30 C42,34.418278 45.581722,38 50,38 Z" class="heroicon-home-wall heroicon-property-fill"></path>
<polygon class="heroicon-home-roof heroicon-property-accent" points="7 7 44.5 7 50 1.5 55 7 93 7 93 44 99 50 96 53 50 7 4 53 1 50 7 44"></polygon>
<path d="M84,79 L84,55 L68,55 L68,79 L66,79 L66,83 L86,83 L86,79 L84,79 Z M32,79 L32,55 L16,55 L16,79 L14,79 L14,83 L34,83 L34,79 L32,79 Z M40,55 L60,55 L60,91 L40,91 L40,55 Z M50,39 C54.9705627,39 59,34.9705627 59,30 C59,25.0294373 54.9705627,21 50,21 C45.0294373,21 41,25.0294373 41,30 C41,34.9705627 45.0294373,39 50,39 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-frames heroicon-property-accent"></path>
<path d="M7,50 L50,7 L93,50 L93,56 L50,13 L7,56 L7,50 Z M14,83 L34,83 L34,85 L14,85 L14,83 Z M66,83 L86,83 L86,85 L66,85 L66,83 Z" class="heroicon-property-shadows"></path>
<rect class="heroicon-home-door heroicon-property-accent" x="42" y="57" width="16" height="34"></rect>
<path d="M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-windows heroicon-property-fill"></path>
<polygon class="heroicon-home-parging heroicon-property-fill" points="63 94 63 90 37 90 37 94 34 94 34 99 66 99 66 94"></polygon>
<path d="M94,98 L94,52 L94.5858,52.5858 L96,54 L97.4142,52.5858 L98.5858,51.4142 L100,50 L98.5858,48.5858 L94,44 L94,8 L94,6 L92,6 L56,6 L51.4142,1.41422 L50,0 L48.5858,1.41422 L44,6 L8,6 L6,6 L6,8 L6,44 L1.41422,48.5858 L0,50 L1.41422,51.4142 L2.58578,52.5858 L4,54 L5.41422,52.5858 L6,52 L6,98 L2,98 L0,98 L0,100 L2,100 L6,100 L8,100 L34,100 L36,100 L64,100 L66,100 L92,100 L94,100 L98,100 L100,100 L100,98 L98,98 L94,98 Z M58,30 C58,29.3094 57.9125,28.6393 57.748,28 C57.0244,25.1888 54.8112,22.9756 52,22.252 C51.3608,22.0875 50.6906,22 50,22 C49.3094,22 48.6392,22.0875 48,22.252 C45.1888,22.9756 42.9756,25.1888 42.252,28 C42.0875,28.6393 42,29.3094 42,30 C42,30.6906 42.0875,31.3607 42.252,32 C42.9756,34.8112 45.1888,37.0244 48,37.748 C48.6392,37.9125 49.3094,38 50,38 C50.6906,38 51.3608,37.9125 52,37.748 C54.8112,37.0244 57.0244,34.8112 57.748,32 C57.9125,31.3607 58,30.6906 58,30 Z M48,29 L49,29 L49,28 L49,23.0709 C49.3266,23.0242 49.6605,23 50,23 C50.3395,23 50.6734,23.0242 51,23.0709 L51,28 L51,29 L52,29 L56.9291,29 C56.9758,29.3266 57,29.6605 57,30 C57,30.3395 56.9758,30.6734 56.9291,31 L52,31 L51,31 L51,32 L51,36.9291 C50.6734,36.9758 50.3395,37 50,37 C49.6605,37 49.3266,36.9758 49,36.9291 L49,32 L49,31 L48,31 L43.0709,31 C43.0242,30.6734 43,30.3395 43,30 C43,29.6605 43.0242,29.3266 43.0709,29 L48,29 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M50,40 C55.5228,40 60,35.5229 60,30 C60,24.4771 55.5228,20 50,20 C44.4772,20 40,24.4771 40,30 C40,35.5229 44.4772,40 50,40 Z M59,30 C59,34.9706 54.9706,39 50,39 C45.0294,39 41,34.9706 41,30 C41,25.0294 45.0294,21 50,21 C54.9706,21 59,25.0294 59,30 Z M16,56 L16,79 L15,79 L14,79 L14,80 L14,82 L14,83 L15,83 L33,83 L34,83 L34,82 L34,80 L34,79 L33,79 L32,79 L32,56 L32,55 L31,55 L17,55 L16,55 L16,56 Z M31,56 L17,56 L17,79 L18,79 L18,58 L18,57 L19,57 L29,57 L30,57 L30,58 L30,79 L31,79 L31,56 Z M29,79 L19,79 L19,69 L20,69 L28,69 L29,69 L29,79 Z M19,68 L20,68 L28,68 L29,68 L29,58 L19,58 L19,68 Z M33,80 L15,80 L15,82 L33,82 L33,80 Z M68,56 L68,79 L67,79 L66,79 L66,80 L66,82 L66,83 L67,83 L85,83 L86,83 L86,82 L86,80 L86,79 L85,79 L84,79 L84,56 L84,55 L83,55 L69,55 L68,55 L68,56 Z M69,56 L69,79 L70,79 L70,58 L70,57 L71,57 L81,57 L82,57 L82,58 L82,79 L83,79 L83,56 L69,56 Z M71,79 L71,69 L72,69 L80,69 L81,69 L81,79 L71,79 Z M81,68 L81,58 L71,58 L71,68 L72,68 L80,68 L81,68 Z M67,80 L67,82 L85,82 L85,80 L67,80 Z M45.5,76 C46.3284,76 47,75.3284 47,74.5 C47,73.6716 46.3284,73 45.5,73 C44.6716,73 44,73.6716 44,74.5 C44,75.3284 44.6716,76 45.5,76 Z M49,60 L49,61 L48,61 L47,61 L46,61 L46,62 L46,70 L46,71 L45,71 L45,70 L45,61 L45,60 L46,60 L48,60 L49,60 Z M55,60 L55,61 L54,61 L53,61 L52,61 L52,62 L52,70 L52,71 L51,71 L51,70 L51,61 L51,60 L52,60 L54,60 L55,60 Z M55,78 L55,79 L54,79 L47,79 L46,79 L46,80 L46,86 L46,87 L45,87 L45,86 L45,79 L45,78 L46,78 L54,78 L55,78 Z M85,43 L51.4142,9.41422 L50,8 L48.5858,9.41422 L15,43 L85,43 Z M14,44 L13,45 L87,45 L86,44 L14,44 Z M8,90 L8,50 L12,46 L88,46 L92,50 L92,90 L63,90 L62,90 L61,90 L60,90 L60,56 L60,55 L59,55 L41,55 L40,55 L40,56 L40,90 L39,90 L38,90 L37,90 L8,90 Z M63,91 L63,92 L63,94 L64,94 L66,94 L66,96 L66,98 L92,98 L92,91 L63,91 Z M8,98 L8,91 L37,91 L37,92 L37,94 L36,94 L34,94 L34,96 L34,98 L8,98 Z M36,98 L64,98 L64,96 L63,96 L61,96 L39,96 L37,96 L36,96 L36,98 Z M59,90 L58,90 L58,58 L58,57 L57,57 L43,57 L42,57 L42,58 L42,90 L41,90 L41,56 L59,56 L59,90 Z M43,90 L43,58 L57,58 L57,90 L43,90 Z M61,94 L61,92 L39,92 L39,94 L61,94 Z M58,8 L61,11 L68,11 L68,9 L69,9 L69,11 L73,11 L73,12 L69,12 L68,12 L62,12 L69,19 L76,19 L76,17 L77,17 L77,19 L84,19 L84,20 L77,20 L76,20 L70,20 L77,27 L84,27 L84,25 L85,25 L85,27 L87,27 L87,28 L85,28 L84,28 L78,28 L92,42 L92,32 L89,32 L88,32 L84,32 L84,31 L88,31 L88,29 L89,29 L89,31 L92,31 L92,24 L89,24 L88,24 L85,24 L85,23 L88,23 L88,21 L89,21 L89,23 L92,23 L92,16 L81,16 L80,16 L77,16 L77,15 L80,15 L80,13 L81,13 L81,15 L92,15 L92,12 L85,12 L84,12 L83,12 L83,11 L84,11 L84,9 L85,9 L85,11 L92,11 L92,8 L58,8 Z M8,8 L42,8 L39,11 L36,11 L36,9 L35,9 L35,11 L32,11 L32,12 L35,12 L36,12 L38,12 L23,27 L20,27 L20,25 L19,25 L19,27 L10,27 L10,28 L19,28 L20,28 L22,28 L8,42 L8,32 L15,32 L16,32 L16,31 L16,29 L15,29 L15,31 L8,31 L8,24 L15,24 L16,24 L16,23 L16,21 L15,21 L15,23 L8,23 L8,20 L19,20 L20,20 L24,20 L24,19 L20,19 L20,17 L19,17 L19,19 L8,19 L8,16 L15,16 L16,16 L30,16 L30,15 L16,15 L16,13 L15,13 L15,15 L8,15 L8,12 L11,12 L12,12 L20,12 L20,11 L12,11 L12,9 L11,9 L11,11 L8,11 L8,8 Z M4,51.1716 L48.5858,6.58578 L50,5.17157 L51.4142,6.58578 L96,51.1716 L97.1716,50 L50,2.82843 L2.82843,50 L4,51.1716 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<div class="float-left margin-left-1">
<h4 class="font-size-sm">Outline</h4>
<code>.heroicon-outline {fill:<div class="icon-property-color" style="background-color: #303034;"></div>#303034;}</code>
</div>
</div>
<div class="col-sm-6 col-xs-12 margin-bottom-md heroicon-example heroicon-example-shadows">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-home heroicon-lg float-left">
<g fill-rule="evenodd">
<g class="heroicon-home heroicon-container-heroicon-lg">
<path d="M8,50 L50,8 L92,50 L92,98 L8,98 L8,50 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z M50,38 C54.418278,38 58,34.418278 58,30 C58,25.581722 54.418278,22 50,22 C45.581722,22 42,25.581722 42,30 C42,34.418278 45.581722,38 50,38 Z" class="heroicon-home-wall heroicon-property-fill"></path>
<polygon class="heroicon-home-roof heroicon-property-accent" points="7 7 44.5 7 50 1.5 55 7 93 7 93 44 99 50 96 53 50 7 4 53 1 50 7 44"></polygon>
<path d="M84,79 L84,55 L68,55 L68,79 L66,79 L66,83 L86,83 L86,79 L84,79 Z M32,79 L32,55 L16,55 L16,79 L14,79 L14,83 L34,83 L34,79 L32,79 Z M40,55 L60,55 L60,91 L40,91 L40,55 Z M50,39 C54.9705627,39 59,34.9705627 59,30 C59,25.0294373 54.9705627,21 50,21 C45.0294373,21 41,25.0294373 41,30 C41,34.9705627 45.0294373,39 50,39 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-frames heroicon-property-accent"></path>
<path d="M7,50 L50,7 L93,50 L93,56 L50,13 L7,56 L7,50 Z M14,83 L34,83 L34,85 L14,85 L14,83 Z M66,83 L86,83 L86,85 L66,85 L66,83 Z" class="heroicon-property-shadows"></path>
<rect class="heroicon-home-door heroicon-property-accent" x="42" y="57" width="16" height="34"></rect>
<path d="M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-windows heroicon-property-fill"></path>
<polygon class="heroicon-home-parging heroicon-property-fill" points="63 94 63 90 37 90 37 94 34 94 34 99 66 99 66 94"></polygon>
<path d="M94,98 L94,52 L94.5858,52.5858 L96,54 L97.4142,52.5858 L98.5858,51.4142 L100,50 L98.5858,48.5858 L94,44 L94,8 L94,6 L92,6 L56,6 L51.4142,1.41422 L50,0 L48.5858,1.41422 L44,6 L8,6 L6,6 L6,8 L6,44 L1.41422,48.5858 L0,50 L1.41422,51.4142 L2.58578,52.5858 L4,54 L5.41422,52.5858 L6,52 L6,98 L2,98 L0,98 L0,100 L2,100 L6,100 L8,100 L34,100 L36,100 L64,100 L66,100 L92,100 L94,100 L98,100 L100,100 L100,98 L98,98 L94,98 Z M58,30 C58,29.3094 57.9125,28.6393 57.748,28 C57.0244,25.1888 54.8112,22.9756 52,22.252 C51.3608,22.0875 50.6906,22 50,22 C49.3094,22 48.6392,22.0875 48,22.252 C45.1888,22.9756 42.9756,25.1888 42.252,28 C42.0875,28.6393 42,29.3094 42,30 C42,30.6906 42.0875,31.3607 42.252,32 C42.9756,34.8112 45.1888,37.0244 48,37.748 C48.6392,37.9125 49.3094,38 50,38 C50.6906,38 51.3608,37.9125 52,37.748 C54.8112,37.0244 57.0244,34.8112 57.748,32 C57.9125,31.3607 58,30.6906 58,30 Z M48,29 L49,29 L49,28 L49,23.0709 C49.3266,23.0242 49.6605,23 50,23 C50.3395,23 50.6734,23.0242 51,23.0709 L51,28 L51,29 L52,29 L56.9291,29 C56.9758,29.3266 57,29.6605 57,30 C57,30.3395 56.9758,30.6734 56.9291,31 L52,31 L51,31 L51,32 L51,36.9291 C50.6734,36.9758 50.3395,37 50,37 C49.6605,37 49.3266,36.9758 49,36.9291 L49,32 L49,31 L48,31 L43.0709,31 C43.0242,30.6734 43,30.3395 43,30 C43,29.6605 43.0242,29.3266 43.0709,29 L48,29 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M50,40 C55.5228,40 60,35.5229 60,30 C60,24.4771 55.5228,20 50,20 C44.4772,20 40,24.4771 40,30 C40,35.5229 44.4772,40 50,40 Z M59,30 C59,34.9706 54.9706,39 50,39 C45.0294,39 41,34.9706 41,30 C41,25.0294 45.0294,21 50,21 C54.9706,21 59,25.0294 59,30 Z M16,56 L16,79 L15,79 L14,79 L14,80 L14,82 L14,83 L15,83 L33,83 L34,83 L34,82 L34,80 L34,79 L33,79 L32,79 L32,56 L32,55 L31,55 L17,55 L16,55 L16,56 Z M31,56 L17,56 L17,79 L18,79 L18,58 L18,57 L19,57 L29,57 L30,57 L30,58 L30,79 L31,79 L31,56 Z M29,79 L19,79 L19,69 L20,69 L28,69 L29,69 L29,79 Z M19,68 L20,68 L28,68 L29,68 L29,58 L19,58 L19,68 Z M33,80 L15,80 L15,82 L33,82 L33,80 Z M68,56 L68,79 L67,79 L66,79 L66,80 L66,82 L66,83 L67,83 L85,83 L86,83 L86,82 L86,80 L86,79 L85,79 L84,79 L84,56 L84,55 L83,55 L69,55 L68,55 L68,56 Z M69,56 L69,79 L70,79 L70,58 L70,57 L71,57 L81,57 L82,57 L82,58 L82,79 L83,79 L83,56 L69,56 Z M71,79 L71,69 L72,69 L80,69 L81,69 L81,79 L71,79 Z M81,68 L81,58 L71,58 L71,68 L72,68 L80,68 L81,68 Z M67,80 L67,82 L85,82 L85,80 L67,80 Z M45.5,76 C46.3284,76 47,75.3284 47,74.5 C47,73.6716 46.3284,73 45.5,73 C44.6716,73 44,73.6716 44,74.5 C44,75.3284 44.6716,76 45.5,76 Z M49,60 L49,61 L48,61 L47,61 L46,61 L46,62 L46,70 L46,71 L45,71 L45,70 L45,61 L45,60 L46,60 L48,60 L49,60 Z M55,60 L55,61 L54,61 L53,61 L52,61 L52,62 L52,70 L52,71 L51,71 L51,70 L51,61 L51,60 L52,60 L54,60 L55,60 Z M55,78 L55,79 L54,79 L47,79 L46,79 L46,80 L46,86 L46,87 L45,87 L45,86 L45,79 L45,78 L46,78 L54,78 L55,78 Z M85,43 L51.4142,9.41422 L50,8 L48.5858,9.41422 L15,43 L85,43 Z M14,44 L13,45 L87,45 L86,44 L14,44 Z M8,90 L8,50 L12,46 L88,46 L92,50 L92,90 L63,90 L62,90 L61,90 L60,90 L60,56 L60,55 L59,55 L41,55 L40,55 L40,56 L40,90 L39,90 L38,90 L37,90 L8,90 Z M63,91 L63,92 L63,94 L64,94 L66,94 L66,96 L66,98 L92,98 L92,91 L63,91 Z M8,98 L8,91 L37,91 L37,92 L37,94 L36,94 L34,94 L34,96 L34,98 L8,98 Z M36,98 L64,98 L64,96 L63,96 L61,96 L39,96 L37,96 L36,96 L36,98 Z M59,90 L58,90 L58,58 L58,57 L57,57 L43,57 L42,57 L42,58 L42,90 L41,90 L41,56 L59,56 L59,90 Z M43,90 L43,58 L57,58 L57,90 L43,90 Z M61,94 L61,92 L39,92 L39,94 L61,94 Z M58,8 L61,11 L68,11 L68,9 L69,9 L69,11 L73,11 L73,12 L69,12 L68,12 L62,12 L69,19 L76,19 L76,17 L77,17 L77,19 L84,19 L84,20 L77,20 L76,20 L70,20 L77,27 L84,27 L84,25 L85,25 L85,27 L87,27 L87,28 L85,28 L84,28 L78,28 L92,42 L92,32 L89,32 L88,32 L84,32 L84,31 L88,31 L88,29 L89,29 L89,31 L92,31 L92,24 L89,24 L88,24 L85,24 L85,23 L88,23 L88,21 L89,21 L89,23 L92,23 L92,16 L81,16 L80,16 L77,16 L77,15 L80,15 L80,13 L81,13 L81,15 L92,15 L92,12 L85,12 L84,12 L83,12 L83,11 L84,11 L84,9 L85,9 L85,11 L92,11 L92,8 L58,8 Z M8,8 L42,8 L39,11 L36,11 L36,9 L35,9 L35,11 L32,11 L32,12 L35,12 L36,12 L38,12 L23,27 L20,27 L20,25 L19,25 L19,27 L10,27 L10,28 L19,28 L20,28 L22,28 L8,42 L8,32 L15,32 L16,32 L16,31 L16,29 L15,29 L15,31 L8,31 L8,24 L15,24 L16,24 L16,23 L16,21 L15,21 L15,23 L8,23 L8,20 L19,20 L20,20 L24,20 L24,19 L20,19 L20,17 L19,17 L19,19 L8,19 L8,16 L15,16 L16,16 L30,16 L30,15 L16,15 L16,13 L15,13 L15,15 L8,15 L8,12 L11,12 L12,12 L20,12 L20,11 L12,11 L12,9 L11,9 L11,11 L8,11 L8,8 Z M4,51.1716 L48.5858,6.58578 L50,5.17157 L51.4142,6.58578 L96,51.1716 L97.1716,50 L50,2.82843 L2.82843,50 L4,51.1716 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<div class="float-left margin-left-1">
<h4 class="font-size-sm">Shadows</h4>
<code>.heroicon-outline {fill:<div class="icon-property-color" style="background-color: #303034;"></div>#303034;}</code>
<code>.heroicon-shadow {fill:<div class="icon-property-color" style="background-color: #000; opacity: 0.4;"></div>#000; opacity:0.4;}</code>
</div>
</div>
<div class="col-sm-6 col-xs-12 margin-bottom-md heroicon-example heroicon-example-accent">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-home heroicon-lg float-left">
<g fill-rule="evenodd">
<g class="heroicon-home heroicon-container-heroicon-lg">
<path d="M8,50 L50,8 L92,50 L92,98 L8,98 L8,50 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z M50,38 C54.418278,38 58,34.418278 58,30 C58,25.581722 54.418278,22 50,22 C45.581722,22 42,25.581722 42,30 C42,34.418278 45.581722,38 50,38 Z" class="heroicon-home-wall heroicon-property-fill"></path>
<polygon class="heroicon-home-roof heroicon-property-accent" points="7 7 44.5 7 50 1.5 55 7 93 7 93 44 99 50 96 53 50 7 4 53 1 50 7 44"></polygon>
<path d="M84,79 L84,55 L68,55 L68,79 L66,79 L66,83 L86,83 L86,79 L84,79 Z M32,79 L32,55 L16,55 L16,79 L14,79 L14,83 L34,83 L34,79 L32,79 Z M40,55 L60,55 L60,91 L40,91 L40,55 Z M50,39 C54.9705627,39 59,34.9705627 59,30 C59,25.0294373 54.9705627,21 50,21 C45.0294373,21 41,25.0294373 41,30 C41,34.9705627 45.0294373,39 50,39 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-frames heroicon-property-accent"></path>
<path d="M7,50 L50,7 L93,50 L93,56 L50,13 L7,56 L7,50 Z M14,83 L34,83 L34,85 L14,85 L14,83 Z M66,83 L86,83 L86,85 L66,85 L66,83 Z" class="heroicon-property-shadows"></path>
<rect class="heroicon-home-door heroicon-property-accent" x="42" y="57" width="16" height="34"></rect>
<path d="M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-windows heroicon-property-fill"></path>
<polygon class="heroicon-home-parging heroicon-property-fill" points="63 94 63 90 37 90 37 94 34 94 34 99 66 99 66 94"></polygon>
<path d="M94,98 L94,52 L94.5858,52.5858 L96,54 L97.4142,52.5858 L98.5858,51.4142 L100,50 L98.5858,48.5858 L94,44 L94,8 L94,6 L92,6 L56,6 L51.4142,1.41422 L50,0 L48.5858,1.41422 L44,6 L8,6 L6,6 L6,8 L6,44 L1.41422,48.5858 L0,50 L1.41422,51.4142 L2.58578,52.5858 L4,54 L5.41422,52.5858 L6,52 L6,98 L2,98 L0,98 L0,100 L2,100 L6,100 L8,100 L34,100 L36,100 L64,100 L66,100 L92,100 L94,100 L98,100 L100,100 L100,98 L98,98 L94,98 Z M58,30 C58,29.3094 57.9125,28.6393 57.748,28 C57.0244,25.1888 54.8112,22.9756 52,22.252 C51.3608,22.0875 50.6906,22 50,22 C49.3094,22 48.6392,22.0875 48,22.252 C45.1888,22.9756 42.9756,25.1888 42.252,28 C42.0875,28.6393 42,29.3094 42,30 C42,30.6906 42.0875,31.3607 42.252,32 C42.9756,34.8112 45.1888,37.0244 48,37.748 C48.6392,37.9125 49.3094,38 50,38 C50.6906,38 51.3608,37.9125 52,37.748 C54.8112,37.0244 57.0244,34.8112 57.748,32 C57.9125,31.3607 58,30.6906 58,30 Z M48,29 L49,29 L49,28 L49,23.0709 C49.3266,23.0242 49.6605,23 50,23 C50.3395,23 50.6734,23.0242 51,23.0709 L51,28 L51,29 L52,29 L56.9291,29 C56.9758,29.3266 57,29.6605 57,30 C57,30.3395 56.9758,30.6734 56.9291,31 L52,31 L51,31 L51,32 L51,36.9291 C50.6734,36.9758 50.3395,37 50,37 C49.6605,37 49.3266,36.9758 49,36.9291 L49,32 L49,31 L48,31 L43.0709,31 C43.0242,30.6734 43,30.3395 43,30 C43,29.6605 43.0242,29.3266 43.0709,29 L48,29 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M50,40 C55.5228,40 60,35.5229 60,30 C60,24.4771 55.5228,20 50,20 C44.4772,20 40,24.4771 40,30 C40,35.5229 44.4772,40 50,40 Z M59,30 C59,34.9706 54.9706,39 50,39 C45.0294,39 41,34.9706 41,30 C41,25.0294 45.0294,21 50,21 C54.9706,21 59,25.0294 59,30 Z M16,56 L16,79 L15,79 L14,79 L14,80 L14,82 L14,83 L15,83 L33,83 L34,83 L34,82 L34,80 L34,79 L33,79 L32,79 L32,56 L32,55 L31,55 L17,55 L16,55 L16,56 Z M31,56 L17,56 L17,79 L18,79 L18,58 L18,57 L19,57 L29,57 L30,57 L30,58 L30,79 L31,79 L31,56 Z M29,79 L19,79 L19,69 L20,69 L28,69 L29,69 L29,79 Z M19,68 L20,68 L28,68 L29,68 L29,58 L19,58 L19,68 Z M33,80 L15,80 L15,82 L33,82 L33,80 Z M68,56 L68,79 L67,79 L66,79 L66,80 L66,82 L66,83 L67,83 L85,83 L86,83 L86,82 L86,80 L86,79 L85,79 L84,79 L84,56 L84,55 L83,55 L69,55 L68,55 L68,56 Z M69,56 L69,79 L70,79 L70,58 L70,57 L71,57 L81,57 L82,57 L82,58 L82,79 L83,79 L83,56 L69,56 Z M71,79 L71,69 L72,69 L80,69 L81,69 L81,79 L71,79 Z M81,68 L81,58 L71,58 L71,68 L72,68 L80,68 L81,68 Z M67,80 L67,82 L85,82 L85,80 L67,80 Z M45.5,76 C46.3284,76 47,75.3284 47,74.5 C47,73.6716 46.3284,73 45.5,73 C44.6716,73 44,73.6716 44,74.5 C44,75.3284 44.6716,76 45.5,76 Z M49,60 L49,61 L48,61 L47,61 L46,61 L46,62 L46,70 L46,71 L45,71 L45,70 L45,61 L45,60 L46,60 L48,60 L49,60 Z M55,60 L55,61 L54,61 L53,61 L52,61 L52,62 L52,70 L52,71 L51,71 L51,70 L51,61 L51,60 L52,60 L54,60 L55,60 Z M55,78 L55,79 L54,79 L47,79 L46,79 L46,80 L46,86 L46,87 L45,87 L45,86 L45,79 L45,78 L46,78 L54,78 L55,78 Z M85,43 L51.4142,9.41422 L50,8 L48.5858,9.41422 L15,43 L85,43 Z M14,44 L13,45 L87,45 L86,44 L14,44 Z M8,90 L8,50 L12,46 L88,46 L92,50 L92,90 L63,90 L62,90 L61,90 L60,90 L60,56 L60,55 L59,55 L41,55 L40,55 L40,56 L40,90 L39,90 L38,90 L37,90 L8,90 Z M63,91 L63,92 L63,94 L64,94 L66,94 L66,96 L66,98 L92,98 L92,91 L63,91 Z M8,98 L8,91 L37,91 L37,92 L37,94 L36,94 L34,94 L34,96 L34,98 L8,98 Z M36,98 L64,98 L64,96 L63,96 L61,96 L39,96 L37,96 L36,96 L36,98 Z M59,90 L58,90 L58,58 L58,57 L57,57 L43,57 L42,57 L42,58 L42,90 L41,90 L41,56 L59,56 L59,90 Z M43,90 L43,58 L57,58 L57,90 L43,90 Z M61,94 L61,92 L39,92 L39,94 L61,94 Z M58,8 L61,11 L68,11 L68,9 L69,9 L69,11 L73,11 L73,12 L69,12 L68,12 L62,12 L69,19 L76,19 L76,17 L77,17 L77,19 L84,19 L84,20 L77,20 L76,20 L70,20 L77,27 L84,27 L84,25 L85,25 L85,27 L87,27 L87,28 L85,28 L84,28 L78,28 L92,42 L92,32 L89,32 L88,32 L84,32 L84,31 L88,31 L88,29 L89,29 L89,31 L92,31 L92,24 L89,24 L88,24 L85,24 L85,23 L88,23 L88,21 L89,21 L89,23 L92,23 L92,16 L81,16 L80,16 L77,16 L77,15 L80,15 L80,13 L81,13 L81,15 L92,15 L92,12 L85,12 L84,12 L83,12 L83,11 L84,11 L84,9 L85,9 L85,11 L92,11 L92,8 L58,8 Z M8,8 L42,8 L39,11 L36,11 L36,9 L35,9 L35,11 L32,11 L32,12 L35,12 L36,12 L38,12 L23,27 L20,27 L20,25 L19,25 L19,27 L10,27 L10,28 L19,28 L20,28 L22,28 L8,42 L8,32 L15,32 L16,32 L16,31 L16,29 L15,29 L15,31 L8,31 L8,24 L15,24 L16,24 L16,23 L16,21 L15,21 L15,23 L8,23 L8,20 L19,20 L20,20 L24,20 L24,19 L20,19 L20,17 L19,17 L19,19 L8,19 L8,16 L15,16 L16,16 L30,16 L30,15 L16,15 L16,13 L15,13 L15,15 L8,15 L8,12 L11,12 L12,12 L20,12 L20,11 L12,11 L12,9 L11,9 L11,11 L8,11 L8,8 Z M4,51.1716 L48.5858,6.58578 L50,5.17157 L51.4142,6.58578 L96,51.1716 L97.1716,50 L50,2.82843 L2.82843,50 L4,51.1716 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<div class="float-left margin-left-1">
<h4 class="font-size-sm">Accent</h4>
<code>.heroicon-outline {fill:<div class="icon-property-color" style="background-color: #303034;"></div>#303034;}</code>
<code>.heroicon-shadow {fill:<div class="icon-property-color" style="background-color: #000; opacity: 0.4;"></div>#000; opacity:0.4;}</code>
<code>.heroicon-component-fill {fill:<div class="icon-property-color" style="background-color: #FFFFFF;"></div>#FFF;}</code>
<code>.heroicon-component-accent {fill:<div class="icon-property-color" style="background-color: #7ACFC0;"></div>#7ACFC0;}</code>
</div>
</div>
<div class="col-sm-6 col-xs-12 heroicon-example heroicon-example-full-color">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-home heroicon-lg float-left">
<g fill-rule="evenodd">
<g class="heroicon-home heroicon-container-heroicon-lg">
<path d="M8,50 L50,8 L92,50 L92,98 L8,98 L8,50 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z M50,38 C54.418278,38 58,34.418278 58,30 C58,25.581722 54.418278,22 50,22 C45.581722,22 42,25.581722 42,30 C42,34.418278 45.581722,38 50,38 Z" class="heroicon-home-wall heroicon-property-fill"></path>
<polygon class="heroicon-home-roof heroicon-property-accent" points="7 7 44.5 7 50 1.5 55 7 93 7 93 44 99 50 96 53 50 7 4 53 1 50 7 44"></polygon>
<path d="M84,79 L84,55 L68,55 L68,79 L66,79 L66,83 L86,83 L86,79 L84,79 Z M32,79 L32,55 L16,55 L16,79 L14,79 L14,83 L34,83 L34,79 L32,79 Z M40,55 L60,55 L60,91 L40,91 L40,55 Z M50,39 C54.9705627,39 59,34.9705627 59,30 C59,25.0294373 54.9705627,21 50,21 C45.0294373,21 41,25.0294373 41,30 C41,34.9705627 45.0294373,39 50,39 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-frames heroicon-property-accent"></path>
<rect class="heroicon-home-door heroicon-property-accent" x="42" y="57" width="16" height="34"></rect>
<path d="M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M18,57 L30,57 L30,79 L18,79 L18,57 Z M70,57 L82,57 L82,79 L70,79 L70,57 Z" class="heroicon-home-windows heroicon-property-fill"></path>
<rect class="heroicon-home-parging heroicon-property-fill" x="7" y="90" width="86" height="9"></rect>
<path d="M94,98 L94,52 L94.5858,52.5858 L96,54 L97.4142,52.5858 L98.5858,51.4142 L100,50 L98.5858,48.5858 L94,44 L94,8 L94,6 L92,6 L56,6 L51.4142,1.41422 L50,0 L48.5858,1.41422 L44,6 L8,6 L6,6 L6,8 L6,44 L1.41422,48.5858 L0,50 L1.41422,51.4142 L2.58578,52.5858 L4,54 L5.41422,52.5858 L6,52 L6,98 L2,98 L0,98 L0,100 L2,100 L6,100 L8,100 L34,100 L36,100 L64,100 L66,100 L92,100 L94,100 L98,100 L100,100 L100,98 L98,98 L94,98 Z M58,30 C58,29.3094 57.9125,28.6393 57.748,28 C57.0244,25.1888 54.8112,22.9756 52,22.252 C51.3608,22.0875 50.6906,22 50,22 C49.3094,22 48.6392,22.0875 48,22.252 C45.1888,22.9756 42.9756,25.1888 42.252,28 C42.0875,28.6393 42,29.3094 42,30 C42,30.6906 42.0875,31.3607 42.252,32 C42.9756,34.8112 45.1888,37.0244 48,37.748 C48.6392,37.9125 49.3094,38 50,38 C50.6906,38 51.3608,37.9125 52,37.748 C54.8112,37.0244 57.0244,34.8112 57.748,32 C57.9125,31.3607 58,30.6906 58,30 Z M48,29 L49,29 L49,28 L49,23.0709 C49.3266,23.0242 49.6605,23 50,23 C50.3395,23 50.6734,23.0242 51,23.0709 L51,28 L51,29 L52,29 L56.9291,29 C56.9758,29.3266 57,29.6605 57,30 C57,30.3395 56.9758,30.6734 56.9291,31 L52,31 L51,31 L51,32 L51,36.9291 C50.6734,36.9758 50.3395,37 50,37 C49.6605,37 49.3266,36.9758 49,36.9291 L49,32 L49,31 L48,31 L43.0709,31 C43.0242,30.6734 43,30.3395 43,30 C43,29.6605 43.0242,29.3266 43.0709,29 L48,29 Z M52,27 L52,23.2899 C54.2578,23.9618 56.0382,25.7422 56.7101,28 L53,28 L52,28 L52,27 Z M43.2899,28 C43.9618,25.7422 45.7422,23.9618 48,23.2899 L48,27 L48,28 L47,28 L43.2899,28 Z M48,36.7101 C45.7422,36.0382 43.9618,34.2578 43.2899,32 L47,32 L48,32 L48,33 L48,36.7101 Z M56.7101,32 C56.0382,34.2578 54.2578,36.0382 52,36.7101 L52,33 L52,32 L53,32 L56.7101,32 Z M50,40 C55.5228,40 60,35.5229 60,30 C60,24.4771 55.5228,20 50,20 C44.4772,20 40,24.4771 40,30 C40,35.5229 44.4772,40 50,40 Z M59,30 C59,34.9706 54.9706,39 50,39 C45.0294,39 41,34.9706 41,30 C41,25.0294 45.0294,21 50,21 C54.9706,21 59,25.0294 59,30 Z M16,56 L16,79 L15,79 L14,79 L14,80 L14,82 L14,83 L15,83 L33,83 L34,83 L34,82 L34,80 L34,79 L33,79 L32,79 L32,56 L32,55 L31,55 L17,55 L16,55 L16,56 Z M31,56 L17,56 L17,79 L18,79 L18,58 L18,57 L19,57 L29,57 L30,57 L30,58 L30,79 L31,79 L31,56 Z M29,79 L19,79 L19,69 L20,69 L28,69 L29,69 L29,79 Z M19,68 L20,68 L28,68 L29,68 L29,58 L19,58 L19,68 Z M33,80 L15,80 L15,82 L33,82 L33,80 Z M68,56 L68,79 L67,79 L66,79 L66,80 L66,82 L66,83 L67,83 L85,83 L86,83 L86,82 L86,80 L86,79 L85,79 L84,79 L84,56 L84,55 L83,55 L69,55 L68,55 L68,56 Z M69,56 L69,79 L70,79 L70,58 L70,57 L71,57 L81,57 L82,57 L82,58 L82,79 L83,79 L83,56 L69,56 Z M71,79 L71,69 L72,69 L80,69 L81,69 L81,79 L71,79 Z M81,68 L81,58 L71,58 L71,68 L72,68 L80,68 L81,68 Z M67,80 L67,82 L85,82 L85,80 L67,80 Z M45.5,76 C46.3284,76 47,75.3284 47,74.5 C47,73.6716 46.3284,73 45.5,73 C44.6716,73 44,73.6716 44,74.5 C44,75.3284 44.6716,76 45.5,76 Z M49,60 L49,61 L48,61 L47,61 L46,61 L46,62 L46,70 L46,71 L45,71 L45,70 L45,61 L45,60 L46,60 L48,60 L49,60 Z M55,60 L55,61 L54,61 L53,61 L52,61 L52,62 L52,70 L52,71 L51,71 L51,70 L51,61 L51,60 L52,60 L54,60 L55,60 Z M55,78 L55,79 L54,79 L47,79 L46,79 L46,80 L46,86 L46,87 L45,87 L45,86 L45,79 L45,78 L46,78 L54,78 L55,78 Z M85,43 L51.4142,9.41422 L50,8 L48.5858,9.41422 L15,43 L85,43 Z M14,44 L13,45 L87,45 L86,44 L14,44 Z M8,90 L8,50 L12,46 L88,46 L92,50 L92,90 L63,90 L62,90 L61,90 L60,90 L60,56 L60,55 L59,55 L41,55 L40,55 L40,56 L40,90 L39,90 L38,90 L37,90 L8,90 Z M63,91 L63,92 L63,94 L64,94 L66,94 L66,96 L66,98 L92,98 L92,91 L63,91 Z M8,98 L8,91 L37,91 L37,92 L37,94 L36,94 L34,94 L34,96 L34,98 L8,98 Z M36,98 L64,98 L64,96 L63,96 L61,96 L39,96 L37,96 L36,96 L36,98 Z M59,90 L58,90 L58,58 L58,57 L57,57 L43,57 L42,57 L42,58 L42,90 L41,90 L41,56 L59,56 L59,90 Z M43,90 L43,58 L57,58 L57,90 L43,90 Z M61,94 L61,92 L39,92 L39,94 L61,94 Z M58,8 L61,11 L68,11 L68,9 L69,9 L69,11 L73,11 L73,12 L69,12 L68,12 L62,12 L69,19 L76,19 L76,17 L77,17 L77,19 L84,19 L84,20 L77,20 L76,20 L70,20 L77,27 L84,27 L84,25 L85,25 L85,27 L87,27 L87,28 L85,28 L84,28 L78,28 L92,42 L92,32 L89,32 L88,32 L84,32 L84,31 L88,31 L88,29 L89,29 L89,31 L92,31 L92,24 L89,24 L88,24 L85,24 L85,23 L88,23 L88,21 L89,21 L89,23 L92,23 L92,16 L81,16 L80,16 L77,16 L77,15 L80,15 L80,13 L81,13 L81,15 L92,15 L92,12 L85,12 L84,12 L83,12 L83,11 L84,11 L84,9 L85,9 L85,11 L92,11 L92,8 L58,8 Z M8,8 L42,8 L39,11 L36,11 L36,9 L35,9 L35,11 L32,11 L32,12 L35,12 L36,12 L38,12 L23,27 L20,27 L20,25 L19,25 L19,27 L10,27 L10,28 L19,28 L20,28 L22,28 L8,42 L8,32 L15,32 L16,32 L16,31 L16,29 L15,29 L15,31 L8,31 L8,24 L15,24 L16,24 L16,23 L16,21 L15,21 L15,23 L8,23 L8,20 L19,20 L20,20 L24,20 L24,19 L20,19 L20,17 L19,17 L19,19 L8,19 L8,16 L15,16 L16,16 L30,16 L30,15 L16,15 L16,13 L15,13 L15,15 L8,15 L8,12 L11,12 L12,12 L20,12 L20,11 L12,11 L12,9 L11,9 L11,11 L8,11 L8,8 Z M4,51.1716 L48.5858,6.58578 L50,5.17157 L51.4142,6.58578 L96,51.1716 L97.1716,50 L50,2.82843 L2.82843,50 L4,51.1716 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<div class="float-left margin-left-1">
<h4 class="font-size-sm">Full color</h4>
<code>.heroicon-outline {fill:<div class="icon-property-color" style="background-color: #303034;"></div>#303034;}</code>
<code>.heroicon-home-roof {fill:<div class="icon-property-color" style="background-color: #7ACFC0;"></div>#7ACFC0;}</code>
<code>.heroicon-home-wall {fill:<div class="icon-property-color" style="background-color: #F2F3D8;"></div>#F2F3D8;}</code>
<code>.heroicon-home-frames {fill:<div class="icon-property-color" style="background-color: #A6BEBA;"></div>#A6BEBA;}</code>
<code>.heroicon-home-windows {fill:<div class="icon-property-color" style="background-color: #DFF6F9;"></div>#DFF6F9;}</code>
<code>.heroicon-home-door {fill:<div class="icon-property-color" style="background-color: #DF7171;"></div>#DF7171;}</code>
<code>.heroicon-home-parging {fill:<div class="icon-property-color" style="background-color: #F1F4F4;"></div>#F1F4F4;}</code>
</div>
</div>
</div>
</div>
</section>
<section class="bg-grey">
<div class="container">
<div class="feature-details aligned-center">
<h2 class="font-size-sm text-transform-ac">Multipurpose</h2>
<h3 class="font-size-xl">Comes in 2 sizes for all your needs</h3>
<div class="line-break-center"></div>
<p>You can’t simply scale a single icon design to different sizes and expect the same quality results. That’s why Heroicons are designed in 2 different sizes to support a variety of needs for your marketing website. </p>
</div>
<div class="css-examples">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 mobile-center">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-announcement heroicon-lg">
<g fill-rule="evenodd">
<g class="heroicon-announcement heroicon-container heroicon-lg">
<path d="M88,9.97887 C76.1684,19.0487 61.6436,25.0544 46,26.6065 L46,55.3935 C61.6436,56.9456 76.1684,62.9513 88,72.0211 L88,9.97887 Z" class="heroicon-announcement-bowl heroicon-property-fill"></path>
<path d="M94,36 L94,4 C94,2.89543 93.1046,2 92,2 L90,2 L90,80 L92,80 C93.1046,80 94,79.1046 94,78 L94,46 L96,46 C97.1046,46 98,45.1046 98,44 L98,38 C98,36.8954 97.1046,36 96,36 L94,36 L94,36 Z" class="heroicon-announcement-front heroicon-property-accent"></path>
<polygon class="heroicon-announcement-middle heroicon-property-accent" points="11 57 11 25 44 25 44 57 42 57 42 53 18 53 18.4 57"></polygon>
<path d="M37.545871,71 L40.0919,71 C41.5068,71 42.4743,69.5709 41.9488,68.2572 L40.1773,60.8285 L40,60.8566146 L40,55 L20.21,55 L21.1939,64.839 C21.3265,66.1654 21.8177,67.1521 22.5601,67.7375 C23.0199,68.0993 23.5747,68.3061 24.1971,68.3462 L24.3282,68.3547 C24.5824424,68.3618279 24.8477424,68.3418936 25.1224692,68.2939625 L31.1759,95.6813 C31.4226,96.9151 32.7467,98 34.0065,98 L38.9935,98 C40.0048,98 40.6442,97.2783 40.5201,96.2849 L37.545871,71 L37.545871,71 Z" class="heroicon-announcement-handle heroicon-property-accent"></path>
<path d="M3,30 L1,30 L1,52 L3,52 L3,52.9999809 C3,54.6526814 4.34389141,56 6.00166547,56 L11,56 L11,26 L6.00166547,26 C4.33902013,26 3,27.3431543 3,29.0000191 L3,30 Z" class="heroicon-announcement-back heroicon-property-fill"></path>
<path d="M46,55.3935 C61.6436,56.9456 76.1684,62.9513 88,72.0211 L88,58.0211 C76.1684,48.9513 61.6436,42.9456 46,41.3935 L46,55.3935 Z M26.9862788,74.7335096 L25.869,69.1472 C26.1951,69.056 26.5281,68.9342 26.8661,68.7806 L36.5327,64.3867 L37.2432888,70.0712324 L26.9862788,74.7335096 Z M10,31 L8,31 C7.44772,31 7,31.4477 7,32 C7,32.5523 7.44772,33 8,33 L10,33 L10,31 Z M10,37 L8,37 C7.44772,37 7,37.4477 7,38 C7,38.5523 7.44772,39 8,39 L10,39 L10,37 Z M10,43 L8,43 C7.44772,43 7,43.4477 7,44 C7,44.5523 7.44772,45 8,45 L10,45 L10,43 Z M10,49 L8,49 C7.44772,49 7,49.4477 7,50 C7,50.5523 7.44772,51 8,51 L10,51 L10,49 Z M40,57 L44,57 L44,41 L12,41 L12,57 L20,57 L20,61 L40,61 L40,57 Z M89,41 L95,41 L95,77.9934988 C95,79.6539436 93.6534829,81 92,81 L89,81 L89,41 Z" class="heroicon-property-shadows"></path>
<path d="M88,0 L90,0 L92,0 C94.2091,0 96,1.79086 96,4 L96,34 C98.2091,34 100,35.7909 100,38 L100,44 C100,46.2091 98.2091,48 96,48 L96,78 C96,80.2091 94.2091,82 92,82 L90,82 L88,82 L88,80 L88,74.5463 C76.2586,65.134 61.806,58.9643 46,57.395 L46,59 L44,59 L42,59 L42,63 L43.8058,67.5144 C44.8568,70.1419 42.9217,73 40.0919,73 L39.625,73 L42.5046,96.0368 C42.7782,98.2256 41.2061,100 38.9935,100 L34.0065,100 C31.7938,100 29.6485,98.2426 29.2147,96.0735 L24.0684,70.3421 C21.4885,70.1757 19.5208,68.2085 19.2038,65.038 L18.6,59 L12,59 L10,59 L10,57 L6,57 C3.79086,57 2,55.2091 2,53 L0,53 L0,51 L0,31 L0,29 L2,29 C2,26.7909 3.79086,25 6,25 L10,25 L10,23 L12,23 L44,23 L46,23 L46,24.605 C61.806,23.0357 76.2586,16.8659 88,7.45371 L88,2 L88,0 Z M90,2 L92,2 C93.1046,2 94,2.89543 94,4 L94,78 C94,79.1046 93.1046,80 92,80 L90,80 L90,2 Z M88,9.97887 C76.1684,19.0487 61.6436,25.0544 46,26.6065 L46,55.3935 C61.6436,56.9456 76.1684,62.9513 88,72.0211 L88,9.97887 Z M96,46 C97.1046,46 98,45.1046 98,44 L98,38 C98,36.8954 97.1046,36 96,36 L96,46 Z M10,27 L6,27 C4.89542,27 4,27.8954 4,29 L4,31 L4,51 L4,53 C4,54.1046 4.89542,55 6,55 L10,55 L10,52 L8,52 C6.89542,52 6,51.1046 6,50 C6,48.8954 6.89542,48 8,48 L10,48 L10,46 L8,46 C6.89542,46 6,45.1046 6,44 C6,42.8954 6.89542,42 8,42 L10,42 L10,40 L8,40 C6.89542,40 6,39.1046 6,38 C6,36.8954 6.89542,36 8,36 L10,36 L10,34 L8,34 C6.89542,34 6,33.1046 6,32 C6,30.8954 6.89542,30 8,30 L10,30 L10,27 Z M10,31 L8,31 C7.44772,31 7,31.4477 7,32 C7,32.5523 7.44772,33 8,33 L10,33 L10,31 Z M10,37 L8,37 C7.44772,37 7,37.4477 7,38 C7,38.5523 7.44772,39 8,39 L10,39 L10,37 Z M10,43 L8,43 C7.44772,43 7,43.4477 7,44 C7,44.5523 7.44772,45 8,45 L10,45 L10,43 Z M10,49 L8,49 C7.44772,49 7,49.4477 7,50 C7,50.5523 7.44772,51 8,51 L10,51 L10,49 Z M2,51 L3,51 L3,31 L2,31 L2,51 Z M12,25 L14,25 L14,57 L12,57 L12,25 Z M15,57 L15,25 L44,25 L44,57 L42,57 L42,53 L18,53 L18.4,57 L15,57 Z M39.375,71 L40.0919,71 C41.5068,71 42.4743,69.5709 41.9488,68.2572 L40.1773,63.8285 L38.5699,64.5591 L39.375,71 Z M24.1971,68.3462 C23.5747,68.3061 23.0199,68.0993 22.5601,67.7375 C21.8177,67.1521 21.3265,66.1654 21.1939,64.839 L20.21,55 L40,55 L40,61.7122 L36.4028,63.3472 L26.4522,67.8702 C25.6907,68.2164 24.9738,68.3728 24.3282,68.3547 L24.1971,68.3462 Z M31.1759,95.6813 L25.869,69.1472 C26.1951,69.056 26.5281,68.9342 26.8661,68.7806 L36.5327,64.3867 L40.5201,96.2849 C40.6442,97.2783 40.0048,98 38.9935,98 L34.0065,98 C32.7467,98 31.4226,96.9151 31.1759,95.6813 Z M23,59 C23.5523,59 24,58.5523 24,58 C24,57.4477 23.5523,57 23,57 C22.4477,57 22,57.4477 22,58 C22,58.5523 22.4477,59 23,59 Z M38,58 C38,58.5523 37.5523,59 37,59 C36.4477,59 36,58.5523 36,58 C36,57.4477 36.4477,57 37,57 C37.5523,57 38,57.4477 38,58 Z M50,30.6743 C62.3603,28.9589 73.8854,24.6318 84,18.2681 L84,17.0838 C73.9129,23.5342 62.382,27.9254 50,29.6645 L50,30.6743 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-announcement heroicon heroicon-sm">
<g fill-rule="evenodd">
<g class="heroicon-announcement heroicon-container heroicon-sm">
<path d="M54,2 L53,2 L53,48 L54,48 C54.5523,48 55,47.5523 55,47 L55,3 C55,2.44772 54.5523,2 54,2 Z M58,28 L57,28 L57,22 L58,22 L58,28 Z" class="heroicon-announcement-front heroicon-property-accent"></path>
<path d="M51,43.2469 L51,6.75305 C44.6313,11.4889 37.1406,14.803 29,16.2238 L29,33.7762 C37.1406,35.197 44.6313,38.5111 51,43.2469 Z" class="heroicon-announcement-bowl heroicon-property-fill"></path>
<polygon class="heroicon-announcement-middle heroicon-property-accent" points="12.4 35 12 33 26 33 26 35 27 35 27 15 9 15 9 35"></polygon>
<path d="M23.5722,42.1524 L24.1408,42.1656 C24.8882,42.183 25.3897,41.404 25.0645,40.7309 L24.474,39.5087 L23.3896,39.8701 L23.5722,42.1524 Z M21.2711,38.4681 L15.5168,40.3862 L14.4396,35 L24,35 L24,37.5585 L21.2711,38.4681 Z M19.6577,57.7014 L16.978,40.9533 L21.3532,39.4948 L22.8336,58 L20.0059,58 C19.882,58 19.6775,57.8253 19.6577,57.7014 Z" class="heroicon-announcement-handle heroicon-property-accent"></path>
<path d="M3,30 L3,32.0049107 C3,33.1073772 3.89761602,34 5.0048815,34 L8,34 L8,16 L5.0048815,16 C3.8938998,16 3,16.8932319 3,17.9950893 L3,20 L1,20 L1,30 L3,30 Z" class="heroicon-announcement-back heroicon-property-fill"></path>
<path d="M9,25 L27,25 L27,35 L25,35 L25,38 L14,38 L14,35 L9,35 L9,25 Z M21.6691032,43.4436323 L17.5938034,44.8020655 L16.978,40.9533 L21.3532,39.4948 L21.6691032,43.4436323 L21.6691032,43.4436323 Z M51,43.2469 C44.6313,38.5111 37.1406,35.197 29,33.7762 L29,25.7762 C37.1406,27.197 44.6313,30.5111 51,35.2469 L51,43.2469 Z M52,25 L56,25 L56,46.9950534 C56,48.1023548 55.1122704,49 54,49 L52,49 L52,25 Z" class="heroicon-property-shadows"></path>
<path d="M31,18.3894 C37.496,17.058 43.5708,14.5709 49,11.1522 L49,9.96595 C43.5922,13.4608 37.5136,16.0067 31,17.368 L31,18.3894 Z M53,0 L51,0 L51,2 L51,4.23268 C44.7149,9.20568 37.2065,12.7005 29,14.1922 L29,13 L27,13 L9,13 L7,13 L7,15 L4.99255,15 C3.35294,15 2,16.3389 2,17.9906 L2,19 L0,19 L0,21 L0,29 L0,31 L2,31 L2,32.0094 C2,33.6569 3.33981,35 4.99255,35 L7,35 L7,37 L9,37 L12.8,37 L13.6096,41.0482 C13.7738,41.8692 14.4235,42.4161 15.194,42.4626 L17.6828,58.0174 C17.8576,59.1102 18.8981,60 20.0059,60 L22.9941,60 C24.1134,60 24.9282,59.103 24.8397,57.9964 L23.7325,44.1567 L24.0943,44.1651 C26.3365,44.2173 27.841,41.8803 26.8653,39.8608 L26,38.0698 L26,37 L27,37 L29,37 L29,35.8078 C37.2065,37.2995 44.7149,40.7943 51,45.7673 L51,48 L51,50 L53,50 L54,50 C55.6569,50 57,48.6569 57,47 L57,30 L58,30 C59.1046,30 60,29.1046 60,28 L60,22 C60,20.8954 59.1046,20 58,20 L57,20 L57,3 C57,1.34315 55.6569,0 54,0 L53,0 Z M54,2 L53,2 L53,48 L54,48 C54.5523,48 55,47.5523 55,47 L55,3 C55,2.44772 54.5523,2 54,2 Z M51,43.2469 L51,6.75305 C44.6313,11.4889 37.1406,14.803 29,16.2238 L29,33.7762 C37.1406,35.197 44.6313,38.5111 51,43.2469 Z M7,33 L7,32 L6,32 C5.44772,32 5,31.5523 5,31 C5,30.4477 5.44772,30 6,30 L7,30 L7,28 L6,28 C5.44772,28 5,27.5523 5,27 C5,26.4477 5.44772,26 6,26 L7,26 L7,24 L6,24 C5.44772,24 5,23.5523 5,23 C5,22.4477 5.44772,22 6,22 L7,22 L7,20 L6,20 C5.44772,20 5,19.5523 5,19 C5,18.4477 5.44772,18 6,18 L7,18 L7,17 L4.99255,17 C4.45059,17 4,17.4504 4,17.9906 L4,19 L4,21 L4,29 L4,30 L4,31 L4,32.0094 C4,32.5529 4.44498,33 4.99255,33 L7,33 Z M3,29 L3,21 L2,21 L2,29 L3,29 Z M58,28 L57,28 L57,22 L58,22 L58,28 Z M12.4,35 L12,33 L26,33 L26,35 L27,35 L27,15 L11,15 L11,35 L12.4,35 Z M23.5722,42.1524 L24.1408,42.1656 C24.8882,42.183 25.3897,41.404 25.0645,40.7309 L24.474,39.5087 L23.3896,39.8701 L23.5722,42.1524 Z M9,28 L9,30 L9,31 L9,32 L9,35 L10,35 L10,15 L9,15 L9,18 L9,19 L9,20 L9,22 L9,23 L9,24 L9,26 L9,27 L9,28 Z M21.2711,38.4681 L15.5168,40.3862 L14.4396,35 L24,35 L24,37.5585 L21.2711,38.4681 Z M19.6577,57.7014 L16.978,40.9533 L21.3532,39.4948 L22.8336,58 L20.0059,58 C19.882,58 19.6775,57.8253 19.6577,57.7014 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mobile-hide">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-buoy heroicon-lg">
<g fill-rule="evenodd">
<g class="heroicon-buoy heroicon-container-heroicon-lg">
<path d="M50,2 C53.8311,1.99581 57.4629,2.42632 61.0089,3.26487 L54.5221,26.4322 C53.0515,26.1557 51.5107,26.0034 50,26 C48.4893,26.0034 46.9485,26.1557 45.4779,26.4322 L38.9911,3.26487 C42.5371,2.42632 46.1689,1.99581 50,2 Z M2,50 C1.99585,46.169 2.42627,42.5371 3.26489,38.9911 L26.4323,45.4779 C26.1556,46.9485 26.0034,48.4892 26,50 C26.0034,51.5108 26.1556,53.0515 26.4323,54.5221 L3.26489,61.0089 C2.42627,57.4629 1.99585,53.831 2,50 Z M98,50 C98.0042,53.831 97.5737,57.4629 96.7351,61.0089 L73.5677,54.5221 C73.8444,53.0515 73.9966,51.5108 74,50 C73.9966,48.4892 73.8444,46.9485 73.5677,45.4779 L96.7351,38.9911 C97.5737,42.5371 98.0042,46.169 98,50 Z M54.5221,73.5678 L61.0089,96.7351 C57.4629,97.5737 53.8311,98.0042 50,98 C46.1689,98.0042 42.5371,97.5737 38.9911,96.7351 L45.4779,73.5678 C46.9485,73.8443 48.4893,73.9966 50,74 C51.5107,73.9966 53.0515,73.8443 54.5221,73.5678 Z" class="heroicon-buoy-markers heroicon-property-accent"></path>
<path d="M57.0122,24.9566 L62.4061,5.6924 C77.8381,10.0044 89.9957,22.1618 94.3076,37.5939 L75.0435,42.9878 C72.6063,34.2654 65.7347,27.3937 57.0122,24.9566 Z M57.0122,75.0434 C65.7347,72.6063 72.6063,65.7346 75.0435,57.0122 L94.3076,62.4061 C89.9957,77.8382 77.8381,89.9957 62.4061,94.3076 L57.0122,75.0434 Z M24.9565,57.0122 C27.3937,65.7346 34.2653,72.6063 42.9878,75.0434 L37.5939,94.3076 C22.1619,89.9957 10.0043,77.8382 5.69238,62.4061 L24.9565,57.0122 Z M42.9878,24.9566 C34.2653,27.3937 27.3937,34.2654 24.9565,42.9878 L5.69238,37.5939 C10.0043,22.1618 22.1619,10.0044 37.5939,5.6924 L42.9878,24.9566 Z" class="heroicon-buoy-floater heroicon-property-fill"></path>
<path d="M93.1142599,62.0719928 C93.3471596,61.4474853 93.5668788,60.8165561 93.7730792,60.1795434 L94.8036327,60.4680952 C90.8475933,77.4669298 77.4669279,90.8475946 60.468093,94.8036332 L59.4131722,91.0360335 C73.6824856,88.0687707 85.5285324,78.4907613 91.6041544,65.6491632 L73.7284738,60.6439727 C74.2529621,59.4765393 74.6938259,58.2633938 75.0434385,57.0121628 L93.1142599,62.0719928 Z M6.88574009,62.0719928 C6.65284017,61.4474846 6.43312071,60.8165546 6.22692003,60.1795412 L5.19636673,60.4680928 C9.15240543,77.4669285 22.5330713,90.8475944 39.531907,94.8036332 L40.5868278,91.0360335 C26.3175144,88.0687707 14.4714676,78.4907613 8.39584556,65.6491632 L26.2715262,60.6439727 C25.7470379,59.4765393 25.3061741,58.2633938 24.9565615,57.0121628 L6.88574009,62.0719928 Z M75.9729996,44.8044236 C75.4425663,33.0847848 67.1533469,23.3864837 56.1202602,20.724439 L55.0650507,24.4930746 C65.3615802,26.5261755 73.4738098,34.6383983 75.5069205,44.9349243 L75.9729996,44.8044236 Z M24.0270004,44.8044239 C24.5574335,33.084785 32.846653,23.3864837 43.8797398,20.724439 L44.9349493,24.4930746 C34.6384197,26.5261755 26.5261901,34.6383984 24.4930795,44.9349245 L24.0270004,44.8044239 Z M56.1202602,20.724439 C54.157592,20.2508897 52.1080952,20 50,20 C47.8919048,20 45.842408,20.2508897 43.8797398,20.724439 L45.4779,26.4322 C46.9485,26.1557 48.4893,26.0034 50,26 C51.5107,26.0034 53.0515,26.1557 54.5221,26.4322 L56.1202602,20.724439 Z M59.4131722,91.0360335 C56.374561,91.667904 53.2260631,92 50,92 C46.7739369,92 43.625439,91.667904 40.5868278,91.0360335 L38.9911,96.7351 C42.5371,97.5737 46.1689,98.0042 50,98 C53.8311,98.0042 57.4629,97.5737 61.0089,96.7351 L59.4131722,91.0360335 L59.4131722,91.0360335 Z" class="heroicon-property-shadows"></path>
<path d="M97,36.84 L96.2345,37.0543 C96.1588,36.7834 96.0803,36.5136 96,36.2447 L96,22 C96,12.0589 87.941,4 78,4 L63.7554,4 C63.4865,3.91969 63.2164,3.84167 62.9456,3.76597 L63.16,3 L78,3 C88.4934,3 97,11.5066 97,22 L97,36.84 Z M63.16,97 L62.9457,96.2345 C63.2166,96.1588 63.4865,96.0803 63.7554,96 L78,96 C87.941,96 96,87.9411 96,78 L96,63.7553 C96.0803,63.4864 96.1588,63.2166 96.2345,62.9457 L97,63.16 L97,78 C97,88.4934 88.4934,97 78,97 L63.16,97 Z M3,63.16 L3.7655,62.9457 C3.84119,63.2166 3.91968,63.4864 4,63.7553 L4,78 C4,87.9411 12.059,96 22,96 L36.2446,96 C36.5135,96.0803 36.7834,96.1588 37.0543,96.2345 L36.84,97 L22,97 C11.5066,97 3,88.4934 3,78 L3,63.16 Z M37.0544,3.76597 C36.7836,3.84167 36.5135,3.91969 36.2446,4 L22,4 C12.059,4 4,12.0589 4,22 L4,36.2447 C3.91968,36.5136 3.84119,36.7834 3.7655,37.0543 L3,36.84 L3,22 C3,11.5066 11.5066,3 22,3 L36.84,3 L37.0544,3.76597 Z" class="heroicon-buoy-rope heroicon-property-accent"></path>
<path d="M50,6 C52.771,6 55.4822,6.25615 58.1111,6.74606 L57.8403,7.71309 C55.2981,7.24475 52.6776,7 50,7 C47.3224,7 44.7019,7.24475 42.1597,7.71309 L41.8889,6.74606 C44.5178,6.25615 47.229,6 50,6 Z M7.71313,57.8403 C7.24475,55.2982 7,52.6777 7,50 C7,47.3223 7.24475,44.7018 7.71313,42.1597 L6.74609,41.8889 C6.25623,44.5178 6,47.229 6,50 C6,52.771 6.25623,55.4822 6.74609,58.1111 L7.71313,57.8403 Z M92.2869,42.1597 L93.2539,41.8889 C93.7438,44.5178 94,47.229 94,50 C94,52.771 93.7438,55.4822 93.2539,58.1111 L92.2869,57.8403 C92.7552,55.2982 93,52.6777 93,50 C93,47.3223 92.7552,44.7018 92.2869,42.1597 Z M57.8403,92.2869 C55.2981,92.7553 52.6776,93 50,93 C47.3224,93 44.7019,92.7553 42.1597,92.2869 L41.8889,93.2539 C44.5178,93.7439 47.229,94 50,94 C52.771,94 55.4822,93.7439 58.1111,93.2539 L57.8403,92.2869 Z M98,63.44 L98,78 C98,89.0457 89.0457,98 78,98 L63.4401,98 L63.485,98.1605 C62.8444,98.3395 62.1986,98.506 61.5479,98.6598 C57.8411,99.5362 53.9746,100 50,100 C46.0254,100 42.1589,99.5362 38.4521,98.6598 C37.8014,98.506 37.1556,98.3395 36.515,98.1605 L36.5599,98 L22,98 C10.9543,98 2,89.0457 2,78 L2,63.44 L1.84302,63.484 L1.8396,63.4849 C1.66064,62.8443 1.49402,62.1985 1.34021,61.5478 C0.463745,57.841 0,53.9747 0,50 C0,46.0253 0.463745,42.159 1.34021,38.4522 C1.49402,37.8015 1.66064,37.1557 1.8396,36.5151 L2,36.56 L2,22 C2,10.9543 10.9543,2 22,2 L36.5599,2 L36.515,1.83954 C37.1556,1.66055 37.8014,1.494 38.4521,1.34016 C42.1589,0.463773 46.0254,0 50,0 C53.9746,0 57.8411,0.463773 61.5479,1.34016 C62.1986,1.494 62.8444,1.66055 63.485,1.83954 L63.4841,1.84275 L63.4401,2 L78,2 C89.0457,2 98,10.9543 98,22 L98,36.56 L98.1604,36.5151 C98.3394,37.1557 98.506,37.8015 98.6598,38.4522 C99.5363,42.159 100,46.0253 100,50 C100,53.9747 99.5363,57.841 98.6598,61.5478 C98.506,62.1985 98.3394,62.8443 98.1604,63.4849 L98.157,63.484 L98,63.44 Z M50,2 C53.8311,1.99581 57.4629,2.42632 61.0089,3.26487 L54.5221,26.4322 C53.0515,26.1557 51.5107,26.0034 50,26 C48.4893,26.0034 46.9485,26.1557 45.4779,26.4322 L38.9911,3.26487 C42.5371,2.42632 46.1689,1.99581 50,2 Z M57.0122,24.9566 L62.4061,5.6924 C77.8381,10.0044 89.9957,22.1618 94.3076,37.5939 L75.0435,42.9878 C72.6063,34.2654 65.7347,27.3937 57.0122,24.9566 Z M97,36.84 L96.2345,37.0543 C96.1588,36.7834 96.0803,36.5136 96,36.2447 L96,22 C96,12.0589 87.941,4 78,4 L63.7554,4 C63.4865,3.91969 63.2164,3.84167 62.9456,3.76597 L63.16,3 L78,3 C88.4934,3 97,11.5066 97,22 L97,36.84 Z M95,22 L95,33.2594 C90.1455,20.2166 79.7834,9.85411 66.7406,5 L78,5 C87.3888,5 95,12.6112 95,22 Z M56.4728,26.883 C64.5243,29.1327 70.8673,35.4757 73.1171,43.5272 L71.1906,44.0666 C71.718,45.9542 72,47.9442 72,50 C72,52.0558 71.718,54.0458 71.1906,55.9334 L73.1171,56.4728 C70.8673,64.5243 64.5243,70.8673 56.4728,73.117 L55.9333,71.1906 C54.0458,71.718 52.0558,72 50,72 C47.9442,72 45.9542,71.718 44.0667,71.1906 L43.5272,73.117 C35.4757,70.8673 29.1327,64.5243 26.8829,56.4728 L28.8094,55.9334 C28.282,54.0458 28,52.0558 28,50 C28,47.9442 28.282,45.9542 28.8094,44.0666 L26.8829,43.5272 C29.1327,35.4757 35.4757,29.1327 43.5272,26.883 L44.0667,28.8094 C45.9542,28.282 47.9442,28 50,28 C52.0558,28 54.0458,28.282 55.9333,28.8094 L56.4728,26.883 Z M57.0122,75.0434 C65.7347,72.6063 72.6063,65.7346 75.0435,57.0122 L94.3076,62.4061 C89.9957,77.8382 77.8381,89.9957 62.4061,94.3076 L57.0122,75.0434 Z M66.7406,95 C79.7833,90.1455 90.1455,79.7834 95,66.7406 L95,78 C95,87.3888 87.3888,95 78,95 L66.7406,95 Z M63.16,97 L62.9457,96.2345 C63.2166,96.1588 63.4865,96.0803 63.7554,96 L78,96 C87.941,96 96,87.9411 96,78 L96,63.7553 C96.0803,63.4864 96.1588,63.2166 96.2345,62.9457 L97,63.16 L97,78 C97,88.4934 88.4934,97 78,97 L63.16,97 Z M24.9565,57.0122 C27.3937,65.7346 34.2653,72.6063 42.9878,75.0434 L37.5939,94.3076 C22.1619,89.9957 10.0043,77.8382 5.69238,62.4061 L24.9565,57.0122 Z M5,66.7406 C9.85449,79.7834 20.2167,90.1455 33.2594,95 L22,95 C12.6112,95 5,87.3888 5,78 L5,66.7406 Z M3,63.16 L3.7655,62.9457 C3.84119,63.2166 3.91968,63.4864 4,63.7553 L4,78 C4,87.9411 12.059,96 22,96 L36.2446,96 C36.5135,96.0803 36.7834,96.1588 37.0543,96.2345 L36.84,97 L22,97 C11.5066,97 3,88.4934 3,78 L3,63.16 Z M42.9878,24.9566 C34.2653,27.3937 27.3937,34.2654 24.9565,42.9878 L5.69238,37.5939 C10.0043,22.1618 22.1619,10.0044 37.5939,5.6924 L42.9878,24.9566 Z M33.2594,5 C20.2166,9.85411 9.85449,20.2166 5,33.2594 L5,22 C5,12.6112 12.6112,5 22,5 L33.2594,5 Z M37.0544,3.76597 C36.7836,3.84167 36.5135,3.91969 36.2446,4 L22,4 C12.059,4 4,12.0589 4,22 L4,36.2447 C3.91968,36.5136 3.84119,36.7834 3.7655,37.0543 L3,36.84 L3,22 C3,11.5066 11.5066,3 22,3 L36.84,3 L37.0544,3.76597 Z M2,50 C1.99585,46.169 2.42627,42.5371 3.26489,38.9911 L26.4323,45.4779 C26.1556,46.9485 26.0034,48.4892 26,50 C26.0034,51.5108 26.1556,53.0515 26.4323,54.5221 L3.26489,61.0089 C2.42627,57.4629 1.99585,53.831 2,50 Z M98,50 C98.0042,53.831 97.5737,57.4629 96.7351,61.0089 L73.5677,54.5221 C73.8444,53.0515 73.9966,51.5108 74,50 C73.9966,48.4892 73.8444,46.9485 73.5677,45.4779 L96.7351,38.9911 C97.5737,42.5371 98.0042,46.169 98,50 Z M54.5221,73.5678 L61.0089,96.7351 C57.4629,97.5737 53.8311,98.0042 50,98 C46.1689,98.0042 42.5371,97.5737 38.9911,96.7351 L45.4779,73.5678 C46.9485,73.8443 48.4893,73.9966 50,74 C51.5107,73.9966 53.0515,73.8443 54.5221,73.5678 Z" class="heroicon-outline"></path>
</g>
</g>
</g>
</svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-buoy heroicon-sm">
<g fill-rule="evenodd">
<g class="heroicon-buoy heroicon-container heroicon-sm">
<path d="M14,3 L21,3 L21.143,3.42914 C20.6174,3.60428 20.0989,3.79507 19.5876,4 L14,4 C8.47717,4 4,8.47717 4,14 L4,19.5876 C3.79507,20.0989 3.6048,20.6176 3.42966,21.1432 L3,21 L3,14 C3,7.92487 7.92487,3 14,3 Z M3,46 L3,39 L3.42914,38.857 C3.60428,39.3826 3.79507,39.9011 4,40.4124 L4,46 C4,51.5229 8.47717,56 14,56 L19.5877,56 C20.099,56.2049 20.6176,56.3952 21.1432,56.5703 L21,57 L14,57 C7.92487,57 3,52.0751 3,46 Z M46,57 L39,57 L38.857,56.5709 C39.3826,56.3958 39.901,56.2049 40.4123,56 L46,56 C51.5228,56 56,51.5229 56,46 L56,40.4124 C56.2049,39.9011 56.3952,39.3824 56.5703,38.8568 L57,39 L57,46 C57,52.0751 52.0751,57 46,57 Z M57,14 L57,21 L56.5709,21.143 C56.3957,20.6174 56.2049,20.0989 56,19.5876 L56,14 C56,8.47717 51.5228,4 46,4 L40.4124,4 C39.9011,3.79507 39.3824,3.6048 38.8568,3.42966 L39,3 L46,3 C52.0751,3 57,7.92487 57,14 Z" class="heroicon-buoy-rope heroicon-property-accent"></path>
<path d="M5.32755,38.2242 C7.90768,45.9682 14.0318,52.0923 21.7758,54.6724 L24.939,45.183 C20.1734,43.5953 16.4047,39.8266 14.817,35.061 L5.32755,38.2242 Z M14.8169,24.939 C16.4047,20.1734 20.1734,16.4047 24.939,14.817 L21.7758,5.32755 C14.0318,7.90768 7.90768,14.0318 5.32755,21.7758 L14.8169,24.939 Z M45.183,24.939 C43.5953,20.1734 39.8266,16.4047 35.061,14.817 L38.2242,5.32755 C45.9682,7.90768 52.0923,14.0318 54.6725,21.7758 L45.183,24.939 Z M35.061,45.183 C39.8266,43.5953 43.5953,39.8265 45.183,35.061 L54.6725,38.2242 C52.0923,45.9682 45.9682,52.0923 38.2242,54.6724 L35.061,45.183 Z" class="heroicon-buoy-floater heroicon-property-fill"></path>
<path d="M30,2 C32.442,1.9946 34.7182,2.28537 36.9387,2.85938 L32.4815,16.2309 C31.6628,16.0856 30.8165,16.0038 30,16 C29.1835,16.0038 28.3372,16.0856 27.5185,16.2309 L23.0613,2.85938 C25.2818,2.28537 27.558,1.9946 30,2 Z M57.1406,36.9387 C57.7146,34.7182 58.0054,32.442 58,30 C58.0054,27.558 57.7146,25.2818 57.1406,23.0613 L43.7691,27.5185 C43.9144,28.3372 43.9962,29.1835 44,30 C43.9962,30.8165 43.9144,31.6628 43.7691,32.4815 L57.1406,36.9387 Z M23.0613,57.1406 C25.2818,57.7147 27.558,58.0054 30,58 C32.442,58.0054 34.7182,57.7147 36.9387,57.1406 L32.4815,43.7691 C31.6628,43.9144 30.8165,43.9962 30,44 C29.1835,43.9962 28.3372,43.9144 27.5185,43.7691 L23.0613,57.1406 Z M2,30 C1.9946,27.558 2.28537,25.2818 2.85938,23.0613 L16.2309,27.5185 C16.0856,28.3372 16.0038,29.1835 16,30 C16.0038,30.8165 16.0856,31.6628 16.2309,32.4815 L2.85938,36.9387 C2.28537,34.7182 1.9946,32.442 2,30 Z" class="heroicon-buoy-straps heroicon-property-accent"></path>
<path d="M6.37646018,40.8745133 C9.63931858,47.9509349 15.988212,53.3115203 23.6978463,55.2309753 L23.0613,57.1406 C25.2818,57.7147 27.558,58.0054 30,58 C32.442,58.0054 34.7182,57.7147 36.9387,57.1406 L36.3021537,55.2309753 C44.0117851,53.311521 50.3606767,47.9509389 53.6235362,40.8745212 C53.8215541,40.4451492 54.0081758,40.0094578 54.1830505,39.5678347 C54.6013054,38.5114443 54.9523852,37.4211315 55.2309753,36.3021537 L54.3918587,36.0224461 C54.1590381,36.65164 53.9025681,37.269364 53.623528,37.874539 L45.183,35.061 C44.8790651,35.9732643 44.4952056,36.8490036 44.0397282,37.6799094 L52.271166,40.423722 C47.7184627,47.9608735 39.4477069,53 30,53 C20.5522931,53 12.2815373,47.9608735 7.72883396,40.423722 L15.9602544,37.6799152 C15.5047846,36.8490123 15.1209311,35.9732718 14.817,35.061 L6.37647796,37.8745518 C6.0974348,37.2693713 5.84096228,36.6516414 5.60813953,36.0224413 L4.7690234,36.3021484 C5.04756412,37.420929 5.39856902,38.5110548 5.81676585,39.5672535 C5.99169518,40.0090745 6.17838896,40.4449561 6.3764544,40.8745152 L6.37646018,40.8745133 Z M33.1235585,14.304736 C39.4545523,15.5576041 44.4423954,20.5454469 45.6952638,26.8764406 L45.9984554,26.775376 C45.8782864,18.0423669 38.7615597,11 30,11 C21.2384399,11 14.121713,18.0423675 14.0015446,26.7753771 L14.304736,26.8764415 C15.5576041,20.5454474 20.5454474,15.5576041 26.8764415,14.304736 L27.5185,16.2309 C28.3372,16.0856 29.1835,16.0038 30,16 C30.8165,16.0038 31.6628,16.0856 32.4815,16.2309 L33.1235585,14.304736 L33.1235585,14.304736 Z" class="heroicon-property-shadows"></path>
<path d="M30,4 C31.7455,4 33.4509,4.172 35.1,4.5 L34.9038,5.48077 C33.3181,5.16541 31.6784,5 30,5 C28.3216,5 26.6819,5.16541 25.0962,5.48077 L24.9,4.5 C26.5491,4.172 28.2545,4 30,4 Z M56,30 C56,31.7455 55.828,33.4509 55.5,35.1 L54.5192,34.9038 C54.8346,33.3181 55,31.6784 55,30 C55,28.3216 54.8346,26.6819 54.5192,25.0962 L55.5,24.9 C55.828,26.5491 56,28.2545 56,30 Z M30,56 C28.2545,56 26.5491,55.828 24.9,55.5 L25.0962,54.5192 C26.6819,54.8346 28.3216,55 30,55 C31.6784,55 33.3181,54.8346 34.9038,54.5192 L35.1,55.5 C33.4509,55.828 31.7455,56 30,56 Z M4,30 C4,28.2545 4.172,26.5491 4.5,24.9 L5.48077,25.0962 C5.16541,26.6819 5,28.3216 5,30 C5,31.6784 5.16541,33.3181 5.48077,34.9038 L4.5,35.1 C4.172,33.4509 4,31.7455 4,30 Z M39.4894,1.53177 C38.8589,1.32172 38.2191,1.13199 37.5707,0.963409 C35.1523,0.334625 32.6152,0 30,0 C27.3848,0 24.8477,0.334625 22.4293,0.963409 C21.7809,1.13199 21.1411,1.32172 20.5106,1.53177 L20.6667,2 L14,2 C7.37259,2 2,7.37259 2,14 L2,20.6667 L1.53177,20.5106 C1.32172,21.1411 1.13199,21.781 0.963409,22.4293 C0.334625,24.8477 0,27.3848 0,30 C0,32.6152 0.334625,35.1523 0.963409,37.5707 C1.13199,38.2191 1.32172,38.8589 1.53177,39.4894 L2,39.3333 L2,46 C2,52.6274 7.37259,58 14,58 L20.6667,58 L20.5106,58.4682 C21.1411,58.6783 21.7809,58.868 22.4293,59.0366 C24.8477,59.6653 27.3848,60 30,60 C32.6152,60 35.1523,59.6653 37.5707,59.0366 C38.2191,58.868 38.8589,58.6783 39.4894,58.4682 L39.3333,58 L46,58 C52.6274,58 58,52.6274 58,46 L58,39.3333 L58.4682,39.4894 C58.6783,38.8589 58.868,38.219 59.0366,37.5707 C59.6654,35.1523 60,32.6152 60,30 C60,27.3848 59.6654,24.8477 59.0366,22.4293 C58.868,21.7809 58.6783,21.1411 58.4682,20.5106 L58,20.6667 L58,14 C58,7.37259 52.6274,2 46,2 L39.3333,2 L39.4894,1.53177 Z M14,3 L21,3 L21.143,3.42914 C20.6174,3.60428 20.0989,3.79507 19.5876,4 L14,4 C8.47717,4 4,8.47717 4,14 L4,19.5876 C3.79507,20.0989 3.6048,20.6176 3.42966,21.1432 L3,21 L3,14 C3,7.92487 7.92487,3 14,3 Z M14,5 L17.3771,5 C12.0472,7.69644 7.69644,12.0472 5,17.3771 L5,14 C5,9.02945 9.02945,5 14,5 Z M3,46 L3,39 L3.42914,38.857 C3.60428,39.3826 3.79507,39.9011 4,40.4124 L4,46 C4,51.5229 8.47717,56 14,56 L19.5877,56 C20.099,56.2049 20.6176,56.3952 21.1432,56.5703 L21,57 L14,57 C7.92487,57 3,52.0751 3,46 Z M5,46 L5,42.6229 C7.69647,47.9528 12.0472,52.3035 17.3771,55 L14,55 C9.02945,55 5,50.9706 5,46 Z M46,57 L39,57 L38.857,56.5709 C39.3826,56.3958 39.901,56.2049 40.4123,56 L46,56 C51.5228,56 56,51.5229 56,46 L56,40.4124 C56.2049,39.9011 56.3952,39.3824 56.5703,38.8568 L57,39 L57,46 C57,52.0751 52.0751,57 46,57 Z M46,55 L42.6229,55 C47.9528,52.3035 52.3035,47.9528 55,42.6229 L55,46 C55,50.9706 50.9706,55 46,55 Z M57,14 L57,21 L56.5709,21.143 C56.3957,20.6174 56.2049,20.0989 56,19.5876 L56,14 C56,8.47717 51.5228,4 46,4 L40.4124,4 C39.9011,3.79507 39.3824,3.6048 38.8568,3.42966 L39,3 L46,3 C52.0751,3 57,7.92487 57,14 Z M55,14 L55,17.3771 C52.3036,12.0472 47.9528,7.69644 42.6229,5 L46,5 C50.9706,5 55,9.02945 55,14 Z M5.32755,38.2242 C7.90768,45.9682 14.0318,52.0923 21.7758,54.6724 L24.939,45.183 C20.1734,43.5953 16.4047,39.8266 14.817,35.061 L5.32755,38.2242 Z M16.7148,34.4284 C18.1042,38.5983 21.4017,41.8959 25.5716,43.2852 L26.2042,41.3873 C27.3972,41.7847 28.6735,42 30,42 C31.3265,42 32.6028,41.7847 33.7958,41.3873 L34.4284,43.2852 C38.5983,41.8959 41.8959,38.5983 43.2852,34.4284 L41.3873,33.7957 C41.7848,32.6028 42,31.3265 42,30 C42,28.6735 41.7848,27.3972 41.3873,26.2042 L43.2852,25.5716 C41.8958,21.4017 38.5983,18.1042 34.4284,16.7148 L33.7958,18.6127 C32.6028,18.2152 31.3265,18 30,18 C28.6735,18 27.3972,18.2152 26.2042,18.6127 L25.5716,16.7148 C21.4017,18.1042 18.1041,21.4018 16.7148,25.5716 L18.6127,26.2043 C18.2152,27.3972 18,28.6735 18,30 C18,31.3265 18.2152,32.6028 18.6127,33.7958 L16.7148,34.4284 Z M14.8169,24.939 C16.4047,20.1734 20.1734,16.4047 24.939,14.817 L21.7758,5.32755 C14.0318,7.90768 7.90768,14.0318 5.32755,21.7758 L14.8169,24.939 Z M45.183,24.939 C43.5953,20.1734 39.8266,16.4047 35.061,14.817 L38.2242,5.32755 C45.9682,7.90768 52.0923,14.0318 54.6725,21.7758 L45.183,24.939 Z M35.061,45.183 C39.8266,43.5953 43.5953,39.8265 45.183,35.061 L54.6725,38.2242 C52.0923,45.9682 45.9682,52.0923 38.2242,54.6724 L35.061,45.183 Z M30,2 C32.442,1.9946 34.7182,2.28537 36.9387,2.85938 L32.4815,16.2309 C31.6628,16.0856 30.8165,16.0038 30,16 C29.1835,16.0038 28.3372,16.0856 27.5185,16.2309 L23.0613,2.85938 C25.2818,2.28537 27.558,1.9946 30,2 Z M57.1406,36.9387 C57.7146,34.7182 58.0054,32.442 58,30 C58.0054,27.558 57.7146,25.2818 57.1406,23.0613 L43.7691,27.5185 C43.9144,28.3372 43.9962,29.1835 44,30 C43.9962,30.8165 43.9144,31.6628 43.7691,32.4815 L57.1406,36.9387 Z M23.0613,57.1406 C25.2818,57.7147 27.558,58.0054 30,58 C32.442,58.0054 34.7182,57.7147 36.9387,57.1406 L32.4815,43.7691 C31.6628,43.9144 30.8165,43.9962 30,44 C29.1835,43.9962 28.3372,43.9144 27.5185,43.7691 L23.0613,57.1406 Z M2,30 C1.9946,27.558 2.28537,25.2818 2.85938,23.0613 L16.2309,27.5185 C16.0856,28.3372 16.0038,29.1835 16,30 C16.0038,30.8165 16.0856,31.6628 16.2309,32.4815 L2.85938,36.9387 C2.28537,34.7182 1.9946,32.442 2,30 Z " class="heroicon-outline"></path>
</g>
</g>
</svg>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mobile-hide">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-monitor heroicon-lg">
<g fill-rule="evenodd">
<g class="heroicon-monitor heroicon-container-heroicon-lg" transform="translate(0.000000, 20.000000)">
<rect class="heroicon-monitor-edge heroicon-property-accent" x="1" y="1" width="98" height="78" rx="5"></rect>
<rect class="heroicon-monitor-screen heroicon-property-fill" x="7" y="7" width="86" height="66"></rect>
<rect class="heroicon-property-shadows" x="7" y="7" width="86" height="5"></rect>
<path d="M0,6 C0,2.68629 2.68628,0 6,0 L94,0 C97.3137,0 100,2.68629 100,6 L100,74 C100,77.3137 97.3137,80 94,80 L6,80 C2.68628,80 0,77.3137 0,74 L0,6 Z M6,2 L94,2 C96.2091,2 98,3.79086 98,6 L98,74 C98,76.2091 96.2091,78 94,78 L6,78 C3.79086,78 2,76.2091 2,74 L2,6 C2,3.79086 3.79086,2 6,2 Z M6,8 C6,6.89543 6.89542,6 8,6 L92,6 C93.1046,6 94,6.89543 94,8 L94,72 C94,73.1046 93.1046,74 92,74 L8,74 C6.89542,74 6,73.1046 6,72 L6,8 Z M8,8 L24,8 L24,9 L10,9 L9,9 L9,10 L9,39 L8,39 L8,8 Z M25,9 L25,8 L41,8 L41,9 L25,9 Z M41,10 L25,10 L25,37.5858 L26,36.5858 L28.4142,39 L30.4142,39 L32,40.5858 L33.0599,39.5258 L37,13.2587 L37.9889,19.8517 L40.9864,39.8356 L41,39.9173 L41,10 Z M42,41.7639 L42,10 L58,10 L58,37.5858 L53,32.5858 L46.5858,39 L43.382,39 L42,41.7639 Z M41,48.2361 L40.5192,49.1977 L40.0136,46.1644 L39.0111,40.1483 L37,26.7412 L34.9401,40.4741 L32,43.4142 L29.5858,41 L27.5858,41 L26,39.4142 L25,40.4142 L25,70 L41,70 L41,48.2361 Z M42,70 L42,46.2361 L44.618,41 L47.4142,41 L53,35.4142 L58,40.4142 L58,70 L42,70 Z M41,71 L25,71 L25,72 L41,72 L41,71 Z M42,72 L58,72 L58,71 L42,71 L42,72 Z M42,9 L42,8 L58,8 L58,9 L42,9 Z M59,9 L59,8 L75,8 L75,9 L59,9 Z M59,10 L59,38.5858 L59.4142,39 L63.4142,39 L67,42.5858 L70.5858,39 L72.382,39 L75,33.7639 L75,10 L59,10 Z M59,41 L59,70 L75,70 L75,38.2361 L73.618,41 L71.4142,41 L67,45.4142 L62.5858,41 L59,41 Z M75,71 L75,72 L59,72 L59,71 L75,71 Z M76,35.7639 L76,10 L90,10 L90,39 L77.618,39 L76,35.7639 Z M76,70 L76,40.2361 L76.382,41 L90,41 L90,70 L76,70 Z M76,72 L92,72 L92,41 L91,41 L91,70 L91,71 L90,71 L76,71 L76,72 Z M76,9 L76,8 L92,8 L92,39 L91,39 L91,10 L91,9 L90,9 L76,9 Z M10,10 L24,10 L24,38.5858 L23.5858,39 L10,39 L10,10 Z M10,41 L24,41 L24,70 L10,70 L10,41 Z M10,71 L24,71 L24,72 L8,72 L8,41 L9,41 L9,70 L9,71 L10,71 Z" class="heroicon-outline"></path>
</g>
</g>
</g>
</svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-monitor heroicon-sm">
<g fill-rule="evenodd">
<g class="heroicon-monitor heroicon-container heroicon-sm" transform="translate(0.000000, 12.000000)">
<rect x="1" y="1" width="58" height="46" class="heroicon-monitor-edge heroicon-property-accent"></rect>
<rect x="5" y="5" width="50" height="38" class="heroicon-monitor-screen heroicon-property-fill"></rect>
<rect x="5" y="5" width="50" height="4" class="heroicon-property-shadows"></rect>
<path d="M5,5 L6,5 L54,5 L55,5 L55,6 L55,42 L55,43 L54,43 L6,43 L5,43 L5,42 L5,6 L5,5 Z M17,6 L25,6 L25,7 L17,7 L17,6 Z M26,7 L26,6 L34,6 L34,7 L26,7 Z M34,8 L26,8 L26,11.8377 L26.9487,14.6838 L29.9487,23.6838 L30,23.8377 L30.0513,23.6838 L30.2792,23 L31,23 L32.5858,23 L34,21.5858 L34,8 Z M34,24.4142 L33.7071,24.7071 L33.4142,25 L33,25 L31.7208,25 L30.9487,27.3162 L30,30.1623 L29.0513,27.3162 L28.0513,24.3162 L26,18.1623 L26,40 L34,40 L34,24.4142 Z M25,14.8377 L25,8 L17,8 L17,22.5858 L17.4142,23 L19,23 L19.4142,23 L19.7071,23.2929 L21,24.5858 L22.126,23.4598 L25,14.8377 Z M17,25 L18.5858,25 L20.2929,26.7071 L21,27.4142 L21.7071,26.7071 L23.7071,24.7071 L23.874,24.5402 L23.9487,24.3162 L25,21.1623 L25,40 L17,40 L17,25 Z M16,21.5858 L16,8 L8,8 L8,23 L12.5858,23 L14.2929,21.2929 L15,20.5858 L15.7071,21.2929 L16,21.5858 Z M8,25 L13,25 L13.4142,25 L13.7071,24.7071 L15,23.4142 L16,24.4142 L16,40 L8,40 L8,25 Z M7,23 L7,8 L7,7 L8,7 L16,7 L16,6 L6,6 L6,23 L7,23 Z M6,25 L6,42 L16,42 L16,41 L8,41 L7,41 L7,40 L7,25 L6,25 Z M35,23.4142 L37,21.4142 L40.2929,24.7071 L40.5858,25 L41,25 L42.5858,25 L43,25.4142 L43,40 L35,40 L35,23.4142 Z M43,23 L41.4142,23 L37.7071,19.2929 L37,18.5858 L36.2929,19.2929 L35,20.5858 L35,8 L43,8 L43,23 Z M44,26.4142 L44,40 L52,40 L52,25 L47.4142,25 L45.7071,26.7071 L45,27.4142 L44.2929,26.7071 L44,26.4142 Z M52,23 L47,23 L46.5858,23 L46.2929,23.2929 L45,24.5858 L44,23.5858 L44,8 L52,8 L52,23 Z M53,25 L53,40 L53,41 L52,41 L44,41 L44,42 L54,42 L54,25 L53,25 Z M54,23 L54,6 L44,6 L44,7 L52,7 L53,7 L53,8 L53,23 L54,23 Z M35,41 L43,41 L43,42 L35,42 L35,41 Z M43,7 L43,6 L35,6 L35,7 L43,7 Z M34,42 L34,41 L26,41 L26,42 L34,42 Z M25,41 L25,42 L17,42 L17,41 L25,41 Z M0,3 C0,1.34314 1.34314,0 3,0 L57,0 C58.6569,0 60,1.34314 60,3 L60,45 C60,46.6569 58.6569,48 57,48 L3,48 C1.34314,48 0,46.6569 0,45 L0,3 Z M3,2 L57,2 C57.5523,2 58,2.44772 58,3 L58,45 C58,45.5523 57.5523,46 57,46 L3,46 C2.44771,46 2,45.5523 2,45 L2,3 C2,2.44772 2.44771,2 3,2 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mobile-hide">
<svg width="100px" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-lightbulb heroicon-lg">
<g fill-rule="evenodd">
<g class="heroicon-lightbulb heroicon-container-heroicon-lg" transform="translate(16.000000, 0.000000)">
<path d="M23.9968,78 L44,78 C45.1034,78 46,77.1044 46,76.0042 L46,70.0085 C46,68.3712 46.845,66.3266 48.0019,65.1696 L48.3299,64.8416 C46.319,65.7776 44.2012,66.5226 42,67.0535 L42,64.9919 C47.3042,63.6266 52.0762,60.9356 55.9416,57.2932 C61.9239,51.6218 65.5127,43.9827 65.9539,35.7292 C65.9845,35.1556 66,34.5791 66,34 C66,16.3269 51.6731,2 34,2 C16.3269,2 2,16.3269 2,34 C2.00009,37.7041 2.63258,41.3062 3.82578,44.6806 C7.35057,54.6384 15.665,62.3318 26,64.9919 L26,67.0535 C23.7986,66.5226 21.6807,65.7775 19.6697,64.8414 L19.9981,65.1696 C21.1564,66.328 22,68.3688 22,70.0085 L22,76.0042 C22,77.102 22.8971,78 23.9968,78 Z" class="heroicon-lightbulb-bulb heroicon-property-fill"></path>
<path d="M23.9968,79 L24,83 C22.8954,83 22,83.8954 22,85 C22,86.1046 22.8954,87 24,87 L24,89 C22.8954,89 22,89.8954 22,91 C22,92.1046 22.8954,93 24,93 L24,94.0049 C24,95.1074 24.8038,96.4019 25.7953,96.8977 L30.2047,99.1023 C31.2037,99.6018 32.8954,100 34,100 C35.1123,100 36.8038,99.5981 37.7953,99.1023 L42.2047,96.8977 C43.2037,96.3982 44,95.1068 44,94.0049 L44,93 C45.1046,93 46,92.1046 46,91 C46,89.8954 45.1046,89 44,89 L44,87 C45.1046,87 46,86.1046 46,85 C46,83.8954 45.1046,83 44,83 L44,79 L23.9968,79 Z" class="heroicon-lightbulb-screw heroicon-property-accent"></path>
<path d="M36,52 L36.4952612,52 C37.3316845,52 38,51.3284271 38,50.5 C38,49.6657972 37.3263055,49 36.4952612,49 L31.5047388,49 C30.6683155,49 30,49.6715729 30,50.5 C30,51.3342028 30.6736945,52 31.5047388,52 L32,52 L32,60.5371157 C30.8055181,61.23009 30,62.5241632 30,64.0061948 L30,79 L38,79 L38,64.0061948 C38,62.5192083 37.1956027,61.2259241 36,60.5346103 L36,52 Z" class="heroicon-lightbulb-source heroicon-property-accent"></path>
<path d="M60.3525852,55.4851673 C60.9832994,53.7331294 61.444257,51.9000587 61.7156145,50.0057989 C56.1818389,59.5674228 45.8421239,66 34,66 C22.1578761,66 11.8181611,59.5674228 6.28438551,50.0057989 C6.55574297,51.9000587 7.01670059,53.7331294 7.64741484,55.4851673 C8.79805511,56.8947904 10.0595497,58.2103678 11.4186,59.4186 L18.5838,66.5838 C19.3671,67.3671 20,68.8992 20,70.0085 L20,70.2540985 C24.1184247,72.6364793 28.8999787,74 34,74 C39.1000213,74 43.8815753,72.6364793 48.0000032,70.2540967 L48,70.0085 C48,68.9019 48.634,67.366 49.4162,66.5838 L56.5814,59.4186 C57.9404503,58.2103678 59.2019449,56.8947904 60.3525852,55.4851673 L60.3525852,55.4851673 Z M26,80 L42,80 L42,82 L26,82 L26,80 Z M26,87 L42,87 L42,88 L26,88 L26,87 Z M26,93 L42,93 L42,94 L26,94 L26,93 Z" class="heroicon-property-shadows"></path>
<path d="M8.95056,46.5247 C7.06255,42.756 6,38.5021 6,34 C6,18.536 18.536,6 34,6 L34,7 C19.0883,7 7,19.0883 7,34 C7,38.3413 8.0246,42.4433 9.84518,46.0774 L8.95056,46.5247 Z M24.9948,33.5616 C24.7102,33.7039 24.355,33.7749 24,33.7749 L24,32.7749 C24.2019,32.7749 24.4038,32.7391 24.5476,32.6672 L27.0052,31.4384 C27.5732,31.1544 28.4252,31.1536 28.9948,31.4384 L31.4524,32.6672 C31.7392,32.8106 32.2598,32.8111 32.5476,32.6672 L35.0052,31.4384 C35.5732,31.1544 36.4252,31.1536 36.9948,31.4384 L39.4524,32.6672 C39.7392,32.8106 40.2598,32.8111 40.5476,32.6672 L43.0052,31.4384 C43.2893,31.2963 43.6446,31.2251 44,31.2251 L44,32.2251 C43.7979,32.2251 43.5959,32.2611 43.4524,32.3329 L40.9948,33.5616 C40.4252,33.8464 39.5732,33.8456 39.0052,33.5616 L36.5476,32.3329 C36.2598,32.1889 35.7392,32.1894 35.4524,32.3329 L32.9948,33.5616 C32.4252,33.8464 31.5732,33.8456 31.0052,33.5616 L28.5476,32.3329 C28.2598,32.1889 27.7392,32.1894 27.4524,32.3329 L24.9948,33.5616 Z M48,70.0085 C48,68.9019 48.634,67.366 49.4162,66.5838 L56.5814,59.4186 C63.5867,53.1907 68,44.1107 68,34 C68,15.2223 52.7777,0 34,0 C15.2223,0 0,15.2223 0,34 C0,44.1107 4.4133,53.1907 11.4186,59.4186 L18.5838,66.5838 C19.3671,67.3671 20,68.8992 20,70.0085 L20,76.0042 C20,78.2035 21.7894,80 23.9968,80 L24,80 L24,83 C22.8954,83 22,83.8954 22,85 C22,86.1046 22.8954,87 24,87 L24,89 C22.8954,89 22,89.8954 22,91 C22,92.1046 22.8954,93 24,93 L24,94.0049 C24,95.1074 24.8038,96.4019 25.7953,96.8977 L30.2047,99.1023 C31.2037,99.6018 32.8954,100 34,100 C35.1123,100 36.8038,99.5981 37.7953,99.1023 L42.2047,96.8977 C43.2037,96.3982 44,95.1068 44,94.0049 L44,93 C45.1046,93 46,92.1046 46,91 C46,89.8954 45.1046,89 44,89 L44,87 C45.1046,87 46,86.1046 46,85 C46,83.8954 45.1046,83 44,83 L44,80 L44.0032,80 C46.2059,80 48,78.211 48,76.0042 L48,70.0085 Z M42,89 L42,87 L26,87 L26,89 L42,89 Z M26,93 L26,94.0049 C26,94.3481 26.3743,94.9511 26.6898,95.1088 L28.4721,96 L39.5279,96 L41.3102,95.1088 C41.6298,94.949 42,94.3513 42,94.0049 L42,93 L26,93 Z M31.0991,97.3135 L30.4722,97 L37.5278,97 L36.9009,97.3135 C36.1842,97.6718 34.7986,98 34,98 C33.2031,98 31.8179,97.6729 31.0991,97.3135 Z M23.9968,78 L24,78 L30,78 L30,68 L20,32 L23,32 L23,33 L21.3156,33 L30,64.2637 L30,64 C30,62.519 30.8049,61.226 32.0011,60.5345 L32,60.5351 L32,52 L31.5,52 C30.6716,52 30,51.3284 30,50.5 C30,49.6716 30.6716,49 31.5,49 L36.5,49 C37.3284,49 38,49.6716 38,50.5 C38,51.3284 37.3284,52 36.5,52 L36,52 L36,60.5351 C37.1957,61.2267 38,62.5194 38,64 L38,64.2637 L46.6844,33 L45,33 L45,32 L48,32 L38,68 L38,78 L44,78 L44.0032,78 C45.1034,78 46,77.1044 46,76.0042 L46,70.0085 C46,68.3712 46.845,66.3266 48.0019,65.1696 L48.3299,64.8416 C46.319,65.7776 44.2012,66.5226 42,67.0535 L42,64.9919 C47.3042,63.6266 52.0762,60.9356 55.9416,57.2932 C61.9239,51.6218 65.5127,43.9827 65.9539,35.7292 C65.9845,35.1556 66,34.5791 66,34 C66,16.3269 51.6731,2 34,2 C16.3269,2 2,16.3269 2,34 C2.00009,37.7041 2.63258,41.3062 3.82578,44.6806 C7.35057,54.6384 15.665,62.3318 26,64.9919 L26,67.0535 C23.7986,66.5226 21.6807,65.7775 19.6697,64.8414 L19.9981,65.1696 C21.1564,66.328 22,68.3688 22,70.0085 L22,76.0042 C22,77.102 22.8971,78 23.9968,78 Z M35,60.126 L35,52 L33,52 L33,60.126 C33.3196,60.0438 33.6547,60 34,60 C34.3453,60 34.6804,60.0438 35,60.126 Z M37,64 L37,78 L36,78 L36,64 C36,62.8954 35.1046,62 34,62 C32.8954,62 32,62.8954 32,64 L32,78 L31,78 L31,64 C31,62.3431 32.3431,61 34,61 C35.6569,61 37,62.3431 37,64 Z M33,78 L33,64 C33,63.4477 33.4477,63 34,63 C34.5523,63 35,63.4477 35,64 L35,78 L33,78 Z M26,83 L26,80 L42,80 L42,83 L26,83 Z M23,85 C23,84.4477 23.4477,84 24,84 L44,84 C44.5523,84 45,84.4477 45,85 C45,85.5523 44.5523,86 44,86 L24,86 C23.4477,86 23,85.5523 23,85 Z M23,91 C23,90.4477 23.4477,90 24,90 L44,90 C44.5523,90 45,90.4477 45,91 C45,91.5523 44.5523,92 44,92 L24,92 C23.4477,92 23,91.5523 23,91 Z M31.5,50 C31.2239,50 31,50.2239 31,50.5 C31,50.7761 31.2239,51 31.5,51 L36.5,51 C36.7761,51 37,50.7761 37,50.5 C37,50.2239 36.7761,50 36.5,50 L31.5,50 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="heroicon-lightbulb heroicon-sm">
<g fill-rule="evenodd">
<g class="heroicon-lightbulb heroicon-container heroicon-sm" transform="translate(9.000000, 0.000000)">
<path d="M25,41.6195 C25.8341,41.4586 26.6506,41.2484 27.4465,40.992 C27.1558,41.5546 27,42.1835 27,42.8284 L27,46 L15,46 L15,42.8284 C15,42.1835 14.8442,41.5546 14.5535,40.992 C15.3494,41.2484 16.1659,41.4586 17,41.6195 L17,39.5782 C14.7564,39.0975 12.6597,38.2208 10.7867,37.0247 C5.49896,33.6467 2,27.7313 2,21 C2,10.5066 10.5066,2 21,2 C31.4934,2 40,10.5066 40,21 C40,27.7313 36.501,33.6467 31.2133,37.0247 C29.3403,38.2208 27.2436,39.0975 25,39.5782 L25,41.6195 Z" class="heroicon-lightbulb-bulb heroicon-property-fill"></path>
<path d="M16,53 L16,52 L15.4982452,52 C14.6707872,52 14,51.3342028 14,50.5 C14,49.6715729 14.6752491,49 15.4982452,49 L16,49 L16,47 L26,47 L26,49 L26.5017548,49 C27.3292128,49 28,49.6657972 28,50.5 C28,51.3284271 27.3247509,52 26.5017548,52 L26,52 L26,53 L26.5017548,53 C27.3292128,53 28,53.6657972 28,54.5 C28,55.3284271 27.3247509,56 26.5017548,56 L26,56 L26,58 L22,59 L20,59 L16,58 L16,56 L15.4982452,56 C14.6707872,56 14,55.3342028 14,54.5 C14,53.6715729 14.6752491,53 15.4982452,53 L16,53 Z" class="heroicon-lightbulb-screw heroicon-property-accent"></path>
<rect class="heroicon-lightbulb-source heroicon-property-accent" x="19" y="36" width="4" height="12"></rect>
<path d="M38.2442001,32.9881733 C39.3710403,30.5597362 40,27.8533188 40,25 C40,24.3245208 39.9647511,23.6572745 39.8959922,23 C38.896599,32.5533295 30.8179311,40 21,40 C11.1820689,40 3.10340099,32.5533295 2.10400776,23 C2.03524895,23.6572745 2,24.3245208 2,25 C2,27.853297 2.62895002,30.5596948 3.75577406,32.9881175 C5.34194025,35.2654629 7.36768718,37.2137743 9.71008,38.7101 L12.4142,41.4142 C12.6342312,41.6342312 12.7976937,41.9002331 12.8952422,42.1896196 C15.353522,43.3507115 18.1009363,44 21,44 C23.8990637,44 26.646478,43.3507115 29.1047578,42.1896196 C29.2023063,41.9002331 29.3657688,41.6342312 29.5858,41.4142 L32.2899,38.7101 C34.6322978,37.2137865 36.6580387,35.2654947 38.2442001,32.9881733 L38.2442001,32.9881733 Z M16,47 L26,47 L26,49 L16,49 L16,47 Z M16,51 L26,51 L26,53 L16,53 L16,51 Z M16,55 L26,55 L26,57 L16,57 L16,55 Z" class="heroicon-property-shadows"></path>
<path d="M17.6675,19.2253 C17.4746,19.3217 17.2373,19.3699 17,19.3699 L17,18.3699 C17.0841,18.3699 17.1682,18.3569 17.2203,18.3308 L18.3325,17.7747 C18.7183,17.5818 19.2818,17.5819 19.6675,17.7747 L20.7797,18.3308 C20.884,18.383 21.1161,18.3829 21.2203,18.3308 L22.3325,17.7747 C22.7183,17.5818 23.2818,17.5819 23.6675,17.7747 L24.7797,18.3308 C24.8318,18.3569 24.9159,18.3699 25,18.3699 L25,19.3699 C24.7627,19.3699 24.5254,19.3217 24.3325,19.2253 L23.2203,18.6691 C23.1161,18.6171 22.884,18.617 22.7797,18.6691 L21.6675,19.2253 C21.2818,19.4181 20.7183,19.4182 20.3325,19.2253 L19.2203,18.6691 C19.1161,18.6171 18.884,18.617 18.7797,18.6691 L17.6675,19.2253 Z M4,21 C4,11.6112 11.6111,4 21,4 L21,5 C12.1635,5 5,12.1634 5,21 C5,23.5726 5.60718,26.0035 6.68604,28.157 L5.79138,28.6043 C4.64508,26.3162 4,23.7334 4,21 Z M42,21 C42,28.4422 38.1287,34.9803 32.2899,38.7101 L29.5858,41.4142 C29.2107,41.7893 29,42.298 29,42.8284 L29,46 C29,47.1046 28.1046,48 27,48 L27,49.0854 C27.5826,49.2913 28,49.8469 28,50.5 C28,51.1531 27.5826,51.7087 27,51.9146 L27,53.0854 C27.5826,53.2913 28,53.8469 28,54.5 C28,55.1531 27.5826,55.7087 27,55.9146 L27,56.6459 C27,57.4637 26.5021,58.1992 25.7428,58.5029 L22.1788,59.9285 C22.0607,59.9757 21.9346,60 21.8074,60 L20.1926,60 C20.0654,60 19.9393,59.9757 19.8212,59.9285 L16.2572,58.5029 C15.4979,58.1992 15,57.4637 15,56.6459 L15,55.9146 C14.4174,55.7087 14,55.1531 14,54.5 C14,53.8469 14.4174,53.2913 15,53.0854 L15,51.9146 C14.4174,51.7087 14,51.1531 14,50.5 C14,49.8469 14.4174,49.2913 15,49.0854 L15,48 C13.8954,48 13,47.1046 13,46 L13,42.8284 C13,42.298 12.7893,41.7893 12.4142,41.4142 L9.71008,38.7101 C3.87134,34.9803 0,28.4422 0,21 C0,9.40202 9.40204,0 21,0 C32.598,0 42,9.40202 42,21 Z M25,41.6195 C25.8341,41.4586 26.6506,41.2484 27.4465,40.992 C27.1558,41.5546 27,42.1835 27,42.8284 L27,46 L23,46 L23,41 L29,18 L26,18 L26,19 L27.7057,19 L22.9069,37.3952 C22.7551,36.916 22.4276,36.5149 22,36.2676 L22,31 L22,30 L23,30 C23.5523,30 24,29.5523 24,29 C24,28.4477 23.5523,28 23,28 L19,28 C18.4477,28 18,28.4477 18,29 C18,29.5523 18.4477,30 19,30 L20,30 L20,31 L20,36.2676 C19.5724,36.5149 19.2449,36.916 19.0931,37.3952 L14.2943,19 L16,19 L16,18 L13,18 L19,41 L19,46 L15,46 L15,42.8284 C15,42.1835 14.8442,41.5546 14.5535,40.992 C15.3494,41.2484 16.1659,41.4586 17,41.6195 L17,39.5782 C14.7564,39.0975 12.6597,38.2208 10.7867,37.0247 C5.49896,33.6467 2,27.7313 2,21 C2,10.5066 10.5066,2 21,2 C31.4934,2 40,10.5066 40,21 C40,27.7313 36.501,33.6467 31.2133,37.0247 C29.3403,38.2208 27.2436,39.0975 25,39.5782 L25,41.6195 Z M22,41 L22,46 L20,46 L20,41 L20,40 L20,38 C20,37.6311 20.1992,37.3076 20.5007,37.1332 L21,36.8443 L21.4993,37.1332 C21.8008,37.3076 22,37.6311 22,38 L22,40 L22,41 Z M25,53 L25,52 L17,52 L17,53 L25,53 Z M17,56 L17,56.6459 L20.3852,58 L21.6148,58 L25,56.6459 L25,56 L17,56 Z M17,49 L17,48 L25,48 L25,49 L17,49 Z M15,50.5 C15,50.2239 15.2239,50 15.5,50 L26.5,50 C26.7761,50 27,50.2239 27,50.5 C27,50.7761 26.7761,51 26.5,51 L15.5,51 C15.2239,51 15,50.7761 15,50.5 Z M15,54.5 C15,54.2239 15.2239,54 15.5,54 L26.5,54 C26.7761,54 27,54.2239 27,54.5 C27,54.7761 26.7761,55 26.5,55 L15.5,55 C15.2239,55 15,54.7761 15,54.5 Z" class="heroicon-outline"></path>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-pattern-2">
<div class="container">
<div class="box-overlay bg-white aligned-center">
<div class="border-2px">
<div class="border-1px padding-2">
<h2 class="font-size-sm text-transform-ac">Comprehensive</h2>
<h3 class="font-size-xl">Designed with the start-up in mind</h3>
<div class="line-break-center"></div>
<p>Heroicons comes with 154 icons of each size for a total of 308 - essential for any bootstrap startup to highlight their core features and benefits. </p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-dark" id="included">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-included" src="img/img-included.png">
</div>
<div class="col-md-6">
<div class="mobile-center">
<a href="https://gumroad.com/l/ISmkd/halfoff">
<button type="button" class="btn btn-green btn-x-lg btn-rounded mb-1">Buy now <span class="vertical-divider">|</span> <strike>$99</strike> <span class="font-heavy">$49</span></button>
</a>
<p class="text-color-white mt-2">Save <span class="font-heavy">50%</span> for a limited time. </p>
<p class="mb-3"><a href="license.html" target="_blank">View the license</a></p>
<h3 class="font-size-xl text-white mb-2">What's included</h3>
</div>
<ul class="text-white li-no-style">
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">308 optimized SVG icons ready to customize with CSS</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">Versions of the SVG icons with inline styling so they will be easier to use in your favourite graphical editing software</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">Sketch file organized with shared styles</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">Sample style sheets</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">A reference page so you can easily browse all of the icons</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">Documentation that goes over some of the basics of using Heroicons</p>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="icon-check">
<g fill-rule="evenodd">
<g fill="#45C4AF" fill-rule="nonzero" transform="translate(-310 -146)">
<path d="M322 170a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm-5.3-10.7l3.3 3.29 7.3-7.3 1.4 1.42-8.7 8.7-4.7-4.7 1.4-1.42z"></path>
</g>
</g>
</svg>
<p class="text-white inline">Free updates (Heroicons will get occassional updates with new icons and sample style sheets - get them early while the price is still low!)</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<div class="bg-grey py-2">
<div class="container">
<div class="share-heroicons">
<div class="block">
<h3 class="font-size-xl">Share Heroicons</h3>
</div>
<ul class="share-icons">
<li class="icon-twitter block">
<a href="https://twitter.com/share?url=http%3A%2F%2Fwww.heroicons.com&text=Checkout%20Heroicons:%20a%20set%20of%20customizable%20SVG%20icons%20for%20your%20marketing%20website%3A&via=steveschoger">
<img src="./img/icon-twitter.png" class="social-img">
</a>
</li>
<li class="icon-facebook block">
<a href="http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.heroicons.com" target="_blank">
<img src="./img/icon-facebook.png" class="social-img">
</a>
</li>
<li class="icon-pinterest block">
<a class="social-target" href="https://www.pinterest.com/pin/create/button/" data-pin-do="buttonPin" data-pin-custom="true" data-pin-media="http://heroicons.com/img/icons.jpg">
<img src="./img/icon-pinterest.png" class="social-img">
</a>
</li>
</ul>
</div>
</div>
</div>
<section class="bg-white">
<div class="container">
<div class="feature-details aligned-center">
<h3 class="font-size-xl">Get 10 free sample icons</h3>
<div class="line-break-center"></div>
<p>Sign up to get 10 free sample icons to really see how easy they are to use with CSS.</p>
</div>
<div class="">
<script src="https://app.convertkit.com/assets/CKJS4.js?v=21"></script>
<div id="ck_success_msg" class="aligned-center" style="display:none;">Success! Check your email for your free sample icons.</div>
<form id="ck_subscribe_form" action="https://app.convertkit.com/landing_pages/146300/subscribe" data-remote="true">
<input type="hidden" value="{"form_style":"naked"}" id="ck_form_options">
<input type="hidden" name="id" value="146300" id="landing_page_id">
<div id="ck_error_msg" class="aligned-center" style="display:none">
<p>Something went wrong, please try again.</p>
</div>
<div class="input-group container-sm">
<input class="form-control" name="email" id="ck_emailField" type="email" placeholder="Enter your email" required>
<span class="input-group-btn">
<button id="ck_subscribe_button" class="btn btn-black">Sign up</button>
</span>
</div>
</div>
</form>
</div>
</section>
<div class="footer pt-2">
<div class="container-md aligned-center mb-3">
<p>© 2017 Duke Street Studio, Inc.</p>
<p>Heroicons are designed by <a href="http://www.steveschoger.com" target="_blank">Steve Schoger</a>. He makes other design resources like <a href="http://www.heropatterns.com" target="_blank">Hero Patterns</a> and <a href="http://www.zondicons.com" target="_blank">Zondicons</a>. If you would like, you can follow him on <a href="https://twitter.com/steveschoger" target="_blank">Twitter</a> and <a href="https://dribbble.com/steveschoger" target="_blank">Dribbble</a>.
</div>
</div>
<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$('a').click(function() {
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top
}, 500);
return false;
});
</script>
</body>
</html>