@logo-elements/pagination/icons/logo-elements-pagination-icons.js

Simple, easy to use component for pagination

import '@polymer/iron-iconset-svg/iron-iconset-svg.js';

import {html} from '@polymer/polymer/lib/utils/html-tag.js';

const template = html`
    <iron-iconset-svg name="logo-elements-pagination" size="24">
        <svg><defs>
            <g id="next-arrow">
                <path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M9.57467 4.08708L16.3847 10.5779C17.2047 11.3637 17.2047 12.6337 16.3847 13.4196L9.57467 19.9121C9.193 20.2754 8.638 20.4171 8.118 20.2846C7.59717 20.1512 7.19133 19.7637 7.05133 19.2679C6.91217 18.7721 7.0605 18.2429 7.44133 17.8804L13.4005 12.2029C13.5172 12.0904 13.5172 11.9096 13.4005 11.7962L7.44133 6.11958C7.0605 5.75625 6.91217 5.22708 7.05133 4.73125C7.19133 4.23625 7.59717 3.84875 8.118 3.71541C8.638 3.58291 9.193 3.72375 9.57467 4.08708Z"/>
            </g>
            <g id="previous-arrow">
                <path id="Shape" fill-rule="evenodd" clip-rule="evenodd" d="M14.4251 19.9128L7.61509 13.422C6.79509 12.6361 6.79509 11.3661 7.61509 10.5803L14.4251 4.0878C14.8068 3.72446 15.3618 3.5828 15.8818 3.7153C16.4026 3.84863 16.8084 4.23613 16.9484 4.73196C17.0876 5.2278 16.9393 5.75696 16.5584 6.11946L10.5993 11.797C10.4826 11.9095 10.4826 12.0903 10.5993 12.2036L16.5584 17.8803C16.9393 18.2436 17.0876 18.7728 16.9484 19.2686C16.8084 19.7636 16.4026 20.1511 15.8818 20.2845C15.3618 20.417 14.8068 20.2761 14.4251 19.9128Z"/>
            </g>
        </defs></svg>
    </iron-iconset-svg>
`;

document.head.appendChild(template.content);