nim-theNewWeb/tmpl/snippet_icons.nim

import templates

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Menu icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Menu_icon*(): string = tmpli html"""
    <svg class="menu-icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 297 297"
        style="enable-background:new 0 0 297 297;" xml:space="preserve">
        <g>
            <g id="XMLID_40_">
                <g>
                    <polygon style="fill:#3498DB;" points="274.85,138.12 251.33,169.71 227.8,138.12 			" />
                    <rect x="20.53" y="48.68" style="fill:#3498DB;" width="148.83" height="23.51" />
                    <rect x="20.53" y="136.75" style="fill:#2980B9;" width="148.83" height="23.5" />
                    <rect x="20.53" y="224.81" style="fill:#356272;" width="148.83" height="23.51" />
                    <path
                        d="M294.98,128.02c1.35,2.7,2.02,5.61,2.02,8.5c0,3.98-1.27,7.94-3.76,11.28l-26.75,35.91c-3.6,4.84-9.13,7.62-15.16,7.62
                                c-6.04,0-11.56-2.78-15.17-7.62l-26.75-35.91c-4.29-5.77-4.96-13.35-1.73-19.78c3.23-6.43,9.7-10.43,16.9-10.43h53.5
                                C285.27,117.59,291.75,121.59,294.98,128.02z M251.33,169.71l23.52-31.59H227.8L251.33,169.71z" />
                    <path
                        d="M189.88,224.51v24.11c0,11.15-9.07,20.22-20.22,20.22H20.23C9.08,268.84,0,259.77,0,248.62v-24.11
                                c0-11.15,9.08-20.23,20.23-20.23h149.43C180.81,204.28,189.88,213.36,189.88,224.51z M169.36,248.32v-23.51H20.53v23.51H169.36z" />
                    <path
                        d="M189.88,136.44v24.12c0,11.15-9.07,20.22-20.22,20.22H20.23C9.08,180.78,0,171.71,0,160.56v-24.12
                                c0-11.15,9.08-20.22,20.23-20.22h149.43C180.81,116.22,189.88,125.29,189.88,136.44z M169.36,160.25v-23.5H20.53v23.5H169.36z" />
                    <path
                        d="M189.88,48.38v24.11c0,11.15-9.07,20.23-20.22,20.23H20.23C9.08,92.72,0,83.64,0,72.49V48.38
                                c0-11.15,9.08-20.22,20.23-20.22h149.43C180.81,28.16,189.88,37.23,189.88,48.38z M169.36,72.19V48.68H20.53v23.51H169.36z" />
                </g>
            </g>
        </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : New Note icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc NewNote_icon*(): string = tmpli html"""
    <!-- <svg class="sidebar-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" ><g ><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"></path></g></svg> -->
    <svg class="sidebar-icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="489px" height="489.001px"
        viewBox="0 0 489 489.001" style="enable-background:new 0 0 489 489.001;" xml:space="preserve">
        <g>
            <path d="M355.768,0H86.218C53.33,0,26.577,26.753,26.577,59.636v369.729c0,32.883,26.752,59.636,59.641,59.636h316.566
        c32.889-0.001,59.641-26.754,59.641-59.637V109.16L355.768,0z M402.784,446.479H86.218c-9.437,0-17.119-7.678-17.119-17.113V59.636
        c0-9.437,7.683-17.114,17.119-17.114H334.86v47.604c0,21.043,17.109,38.162,38.152,38.375l46.891,0.477v300.388
        C419.903,438.801,412.219,446.479,402.784,446.479z" />
        </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
    </svg>

    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Search icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Search_icon*(): string = tmpli html"""
    <svg class="sidebar-icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512"
        xml:space="preserve">
        <path d="M325.8,0C223,0,139.6,83.4,139.6,186.2c0,33.5,9,64.8,24.4,92L0,442.2l23.3,46.5L69.8,512l164-164
    c27.1,15.5,58.5,24.4,92,24.4C428.6,372.4,512,289,512,186.2S428.6,0,325.8,0z M325.8,314.2c-70.7,0-128-57.3-128-128
    c0-70.7,57.3-128,128-128s128,57.3,128,128C453.8,256.9,396.5,314.2,325.8,314.2z" />
    </svg>

    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Shortcut icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Shortcuts_icon*(): string = tmpli html"""
    <svg class="sidebar-icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 73.357 73.357"
        style="enable-background:new 0 0 73.357 73.357;" xml:space="preserve">
        <g>
            <path d="M73.013,27.836c-0.882-2.73-3.306-4.631-6.172-4.84l-17.188-1.28l-6.47-15.898c-1.067-2.631-3.605-4.331-6.467-4.331
                c-2.875,0-5.368,1.635-6.532,4.327l-6.473,15.901L6.455,23.001c-2.88,0.281-5.287,2.228-6.132,4.96
                c-0.844,2.729-0.003,5.568,2.182,7.399l13.11,11.113l-4.068,16.676c-0.539,2.101-0.092,4.28,1.227,5.98
                c1.331,1.717,3.407,2.741,5.553,2.741c0,0,0,0,0.001,0c1.308,0,2.602-0.379,3.722-1.083l14.632-9.035l14.632,9.035
                c1.11,0.686,2.372,1.048,3.649,1.048c2.126,0,4.197-1.009,5.541-2.698c1.328-1.67,1.813-3.826,1.322-5.953l-4.077-16.71
                l13.1-11.103C73.046,33.529,73.896,30.571,73.013,27.836z M66.982,30.784l-15.94,13.51l4.947,20.275
                c0.026,0.116,0.108,0.47-0.181,0.832c-0.324,0.408-0.876,0.568-1.343,0.28L36.682,54.7L18.877,65.695
                c-0.188,0.119-0.368,0.176-0.549,0.176c-0.301,0-0.613-0.16-0.813-0.419c-0.184-0.237-0.235-0.503-0.147-0.846l4.956-20.312
                L6.371,30.773c-0.419-0.351-0.404-0.758-0.317-1.038c0.079-0.256,0.313-0.696,0.915-0.756l20.897-1.556l7.85-19.286
                c0.244-0.565,0.731-0.649,1-0.649c0.306,0,0.71,0.102,0.909,0.589l7.874,19.347L66.4,28.981c0.573,0.042,0.808,0.404,0.903,0.7
                C67.382,29.925,67.448,30.393,66.982,30.784z" />
        </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
    </svg>

    """
# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : All notes icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Notes_icon*(): string = tmpli html"""
    <svg class="sidebar-icon" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M7 0h16v20H5V0h2zm14 18V2H7v16h14zM9 4h10v2H9V4zm10 4H9v2h10V8zM9 12h7v2H9v-2zm10 10H3V4H1v20h18v-2z"/>
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : All notebooks icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Notebooks_icon*(): string = tmpli html"""
    <svg class="sidebar-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
        xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512 512">
        <g>
            <g>
                <path
                    d="m157.1,254.1h187.8c11.3,0 20.5-9.1 20.5-20.4 0-11.3-9.2-20.4-20.5-20.4h-187.8c-11.3,0-20.5,9.1-20.5,20.4 0,11.3 9.2,20.4 20.5,20.4z" />
                <g>
                    <path
                        d="m157.1,358.3h187.8c11.3,0 20.5-9.1 20.5-20.4 0-11.3-9.2-20.4-20.5-20.4h-187.8c-11.3,0-20.5,9.1-20.5,20.4 0,11.3 9.2,20.4 20.5,20.4z" />
                    <path
                        d="m429.9,460.1h-334.2c-17.4,0-13.7-11.4-13.7-24.8v-305.3c6.2,2.1 12.8,3.3 19.6,3.3h328.3v326.8zm-328.3-408.2h288.9c-7.6,11.5-7.6,29.3 2.7,40.6h-291.6c-10.8,0-19.6-8.9-19.6-20.3-0.1-11.4 8.7-20.3 19.6-20.3zm347.9,35.7c-0.4,0-6.1,0-6.3,0-9.6-0.4-17.2-8.2-17.2-17.8 0-9.2 7-16.8 15.9-17.7 0,0 5.9-0.1 5.9-0.1 11.3,0 20.5-9.1 20.5-20.4 0-11.3-9.2-20.4-20.5-20.4h-346.2c-33.4-0.2-60.6,26.9-60.6,60.2v363.9c0,36.2 14.4,65.6 54.7,65.6h354.5c11.2,0 20.4-9.1 20.5-20.3l.3-370.2c0-12.5-9.2-22.8-21.5-22.8z" />
                </g>
            </g>
        </g>
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Tags icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Tags_icon*(): string = tmpli html"""
    <svg class="sidebar-icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.999 511.999"
        style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
        <g>
            <g>
                <path d="M497.335,284.567L272.36,59.593c-3.135-3.135-7.386-4.897-11.82-4.897c-0.018,0-0.036,0-0.053,0l-117.811,0.379
            c-4.414,0.014-8.645,1.774-11.766,4.897L107.261,83.62L28.537,4.896c-6.527-6.527-17.112-6.527-23.641,0s-6.528,17.112,0,23.641
            L83.62,107.26l-23.648,23.649c-3.135,3.135-4.897,7.388-4.897,11.821l0.009,118.2c0,4.433,1.762,8.685,4.897,11.819
            l224.586,224.586c9.776,9.776,22.619,14.665,35.462,14.665c12.843,0,25.685-4.889,35.461-14.665l141.845-141.845
            C516.887,335.936,516.887,304.12,497.335,284.567z M473.694,331.848L331.849,473.693c-6.518,6.517-17.123,6.517-23.642,0
            l-219.69-219.69L88.51,149.653l18.752-18.752l25.128,25.128c-14.998,25.333-11.942,58.981,10.333,81.256
            c26.07,26.071,68.49,26.072,94.564,0c26.131-26.133,26.136-68.428,0-94.564c-22.197-22.199-55.836-25.383-81.256-10.333
            l-25.128-25.128l18.774-18.774l103.962-0.335l220.055,220.056C480.211,314.726,480.211,325.33,473.694,331.848z M187.343,163.701
            l-5.997-5.997c11.101-2.957,23.47-0.172,32.299,8.658c13.066,13.066,13.067,34.213,0,47.282
            c-13.034,13.033-34.246,13.036-47.281,0c-8.79-8.791-11.629-21.143-8.658-32.3l5.997,5.997c6.528,6.528,17.112,6.528,23.641,0
            C193.871,180.815,193.871,170.23,187.343,163.701z" />
            </g>
        </g>
        <g>
            <g>
                <path d="M355.49,379.131l-94.564-94.564c-6.527-6.527-17.112-6.527-23.641,0s-6.528,17.112,0,23.641l94.564,94.564
            c6.528,6.528,17.112,6.528,23.641,0C362.018,396.244,362.018,385.659,355.49,379.131z" />
            </g>
        </g>
        <g>
            <g>
                <path d="M402.771,331.849l-94.564-94.564c-6.527-6.527-17.112-6.527-23.641,0c-6.528,6.527-6.528,17.112,0,23.641l94.564,94.564
            c6.528,6.528,17.112,6.528,23.641,0C409.299,348.963,409.299,338.378,402.771,331.849z" />
            </g>
        </g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
    </svg>    
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Dashbord icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Dashbord_icon*(): string = tmpli html"""
    <svg class="svg-icon" viewBox="0 0 20 20">
        <path fill="none" d="M7.228,11.464H1.996c-0.723,0-1.308,0.587-1.308,1.309v5.232c0,0.722,0.585,1.308,1.308,1.308h5.232
            c0.723,0,1.308-0.586,1.308-1.308v-5.232C8.536,12.051,7.95,11.464,7.228,11.464z M7.228,17.351c0,0.361-0.293,0.654-0.654,0.654
            H2.649c-0.361,0-0.654-0.293-0.654-0.654v-3.924c0-0.361,0.292-0.654,0.654-0.654h3.924c0.361,0,0.654,0.293,0.654,0.654V17.351z
            M17.692,11.464H12.46c-0.723,0-1.308,0.587-1.308,1.309v5.232c0,0.722,0.585,1.308,1.308,1.308h5.232
            c0.722,0,1.308-0.586,1.308-1.308v-5.232C19,12.051,18.414,11.464,17.692,11.464z M17.692,17.351c0,0.361-0.293,0.654-0.654,0.654
            h-3.924c-0.361,0-0.654-0.293-0.654-0.654v-3.924c0-0.361,0.293-0.654,0.654-0.654h3.924c0.361,0,0.654,0.293,0.654,0.654V17.351z
            M7.228,1H1.996C1.273,1,0.688,1.585,0.688,2.308V7.54c0,0.723,0.585,1.308,1.308,1.308h5.232c0.723,0,1.308-0.585,1.308-1.308
            V2.308C8.536,1.585,7.95,1,7.228,1z M7.228,6.886c0,0.361-0.293,0.654-0.654,0.654H2.649c-0.361,0-0.654-0.292-0.654-0.654V2.962
            c0-0.361,0.292-0.654,0.654-0.654h3.924c0.361,0,0.654,0.292,0.654,0.654V6.886z M17.692,1H12.46c-0.723,0-1.308,0.585-1.308,1.308
            V7.54c0,0.723,0.585,1.308,1.308,1.308h5.232C18.414,8.848,19,8.263,19,7.54V2.308C19,1.585,18.414,1,17.692,1z M17.692,6.886
            c0,0.361-0.293,0.654-0.654,0.654h-3.924c-0.361,0-0.654-0.292-0.654-0.654V2.962c0-0.361,0.293-0.654,0.654-0.654h3.924
            c0.361,0,0.654,0.292,0.654,0.654V6.886z"></path>
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Settings icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Settings_icon*(): string = tmpli html"""
    <svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="sidebar-icon">
        <g>
            <path
                d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z">
            </path>
        </g>
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : Logout icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc Logout_icon*(): string = tmpli html"""
    <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" class="sidebar-icon" viewBox="0 0 16 16">
        <path fill-rule="evenodd"
            d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z" />
        <path fill-rule="evenodd"
            d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z" />
    </svg>
    """

# --==--==--==--==--==--==--==--==--==--==-- #
# SVG : SendFeedback icon
# --==--==--==--==--==--==--==--==--==--==-- #
proc SendFeedback_icon*(): string = tmpli html"""
<svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="sidebar-icon">
    <g>
        <path
            d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z">
        </path>
    </g>
</svg>
    """