Skip to content

Pagination ​

Usage ​

With Web Components ​

html
<ss-icon icon="pagination"></ss-icon>

With icon tag ​

html
<i class="ss ss-pagination"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="pagination" thickness="1.2"></ss-icon>

Node.js ​

javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['pagination'];
console.log(svg);

Icon Details ​

PropertyValue
NamePagination
Slugpagination
Tagspagination, pages, previous, next, navigation, results

SVG Path ​

M9.75 7.5h4.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1 -1.5 1.5h-4.5a1.5 1.5 0 0 1 -1.5 -1.5v-6a1.5 1.5 0 0 1 1.5 -1.5ZM5.25 9 2.25 12l3 3M18.75 9l3 3-3 3M11.25 10.5H12v3M11.25 13.5h1.5

Raw SVG ​

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M9.75 7.5h4.5a1.5 1.5 0 0 1 1.5 1.5v6a1.5 1.5 0 0 1 -1.5 1.5h-4.5a1.5 1.5 0 0 1 -1.5 -1.5v-6a1.5 1.5 0 0 1 1.5 -1.5ZM5.25 9 2.25 12l3 3M18.75 9l3 3-3 3M11.25 10.5H12v3M11.25 13.5h1.5"></path>
</svg>

← Back to Icon Library