<!-- Sort Ascending -->
<svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
    <title>Sort Ascending</title>
    <style type="text/css">
        .ascending-1 {
            fill: #666666;
        }

        .ascending-2 {
            fill-rule: evenodd;
            clip-rule: evenodd;
        }
    </style>
    <g>
        <g transform="translate(8.000000, 6.000000)">
            <polygon class="ascending-1" points="0,6 4,10 8,6 		" />
            <polygon class="ascending-2" points="8,4 4,0 0,4 		" />
        </g>
    </g>
</svg>

<!-- Sort Descending -->
<svg width="48px" height="48px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
    <title>Sort Descending</title>
    <style type="text/css">
        .descending-1 {
            fill-rule: evenodd;
            clip-rule: evenodd;
        }

        .descending-2 {
            fill: #666666;
        }
    </style>
    <g>
        <g transform="translate(8.000000, 6.000000)">
            <polygon class="descending-1" points="0,6 4,10 8,6 		" />
            <polygon class="descending-2" points="8,4 4,0 0,4 		" />
        </g>
    </g>
</svg>
  • Handle: @denotive-svg--sort
  • Preview:
  • Filesystem Path: src/components/02-utilities/04-icons/01-denotive-icons/denotive-svg--sort.hbs