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
|
<svg
width='100' height='100' viewbox='0 0 100 100'
xmlns='http://www.w3.org/2000/svg'
>
<style>
:root {
--dark-stroke-check: 1;
--border-width: 2;
--border-lightness: calc(100% - calc(var(--dark-stroke-check) * 100%));
--base-fill: hsl(0, 0%, 50%);
--border-stroke: hsl(0, 0%, var(--border-lightness));
}
.base {
fill: var(--base-fill);
stroke: var(--border-stroke);
stroke-width: var(--border-width);
}
.border {
stroke: var(--border-stroke);
stroke-width: var(--border-width);
fill-opacity: 0;
}
</style>
<!--Database Cylinder-->
<path
class='base'
d='
M25 50, C25 60, 75 60, 75 50,
M75 50, C75 40, 25 40, 25 50,
L25 90,
M25 90, C25 100, 75 100, 75 90,
L75 90
L75 50
'
></path>
<!--Database Band 1-->
<path
class='border'
d='M25 63, C25 73, 75 73, 75 63'
></path>
<!--Database Band 2-->
<path
class='border'
d='M25 77, C25 87, 75 87, 75 77'
></path>
<!--Funnel Hat Shape-->
<path
class='base'
d='
M45 5,
L45 25,
L20 50,
C20 60, 80 60, 80 50,
L55 25,
L55 5
'
></path>
<!--Funnel Hat Tip-->
<ellipse
class='base'
cx='50' cy='5'
rx='5' ry='2'
/>
</svg>
|
