Roentgen/data/public.moi at main · enzet/Roentgen · GitHub

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
\1 {The Röntgen Icon Set} {roentgen}

\style {roentgen.css}
\javascript {roentgen.js}

This is version %ROENTGEN_VERSION% of Röntgen Icon Set, a collection of
free 14 × 14 px monochrome pixel-aligned
\ref {https://creativecommons.org/licenses/by/4.0/} {\abbr {CC} \abbr {BY} 4.0}
vector map icons created for
\ref {https://github.com/enzet/map-machine} {Map Machine} project.
You can use them through:
\list
    {\c {npm install \ref {https://www.npmjs.com/package/@enzet/roentgen} {@enzet/roentgen}},}
    {\c {pip install \ref {https://pypi.org/project/roentgen-icons/} {roentgen-icons}},}
    {\ref {https://github.com/enzet/Roentgen} {GitHub}.}

\button
    {../roentgen-%ROENTGEN_VERSION%.zip}
    {Download %ICONS_COUNT% icons}
    {\c {roentgen-%ROENTGEN_VERSION%.zip} — %ICONS_FILE_SIZE% KiB}
    {main}

\html {
<link rel="stylesheet" href="roentgen.css">
<div class="icon-viewer-section">
    <section class="icon-grid-section">
        <div class="icon-list">
            %ROENTGEN_ICON_GRID%
        </div>
    </section>
    <section class="icon-preview-section">
        <div class="icon-preview">
            <svg id="previewSvg" viewBox="0 0 16 16"></svg>
        </div>
    </section>
    <section class="icon-info-section">
        <div class="search-container">
            <input type="text" id="iconSearch" class="search-input" placeholder="Search icons...">
        </div>
        <div class="icon-info">
            <div id="iconName"></div>
            <div class="info-group">
                <code id="iconIdentifier"></code>
            </div>
            <div class="info-group">
                <div id="iconTags" class="tags"></div>
            </div>
        </div>
        <div class="icon-controls">
            <div class="control-group">
                <div class="checkbox-control">
                    <input type="checkbox" id="toggleControlPoints" class="checkbox-input">
                    <label for="toggleControlPoints" class="checkbox-label">Show control points</label>
                </div>
                <div class="checkbox-control">
                    <input type="checkbox" id="toggleGrid" class="checkbox-input">
                    <label for="toggleGrid" class="checkbox-label">Show grid</label>
                </div>
            </div>
            <div class="slider-container size-control">
                <input type="range" id="sizeSlider" min="16" max="512" value="512" step="1">
                <span class="size-value">512px</span>
            </div>
            <button id="downloadIcon" class="main control-button">Download <span class="abbr">SVG</span></button>
        </div>
    </section>
</div>
<script src="roentgen.js"></script>
}

All icons are \ref {https://github.com/enzet/Roentgen} {open source} and
\ref {https://creativecommons.org/licenses/by/4.0/} {\abbr {CC} \abbr {BY} 4.0}
licensed. You can use them freely in commercial and non-commercial projects, but
please give credit to the author.

\3 {Usage} {roentgen_usage}

Röntgen icons are used in
\list {
    \ref {https://github.com/openstreetmap/iD} {iD editor}, standard web editor
    for OpenStreetMap project,
} {
    \ref {https://github.com/enzet/map-machine} {Map Machine} project.
}

\3 {Generation} {roentgen_generation}

Icons are drawn using vector graphics editor and generated using
\ref {#iconscript} {iconscript} language.