PAD Showcase
All tags/Icon

Every icon

The whole set, listed by padIconNames () - lines on a 24 by 24 grid in the colour of the text.

1 The data icon/gallery.php php
<?php

  $icons = [];

  foreach ( padIconNames () as $name )
    $icons [] = [ 'name' => $name ];

?>
2 The template icon/gallery.pad pad
<ul style="list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(92px, 1fr)); gap:6px">
  {icons}
  <li style="display:grid; justify-items:center; gap:6px; padding:12px 4px; border:1px solid rgba(127,127,127,.2); border-radius:10px">
    {icon $name, size=24}
    <code style="font-size:11px">{$name}</code>
  </li>
  {/icons}
</ul>
3 The result rendered on the server
  • arrow-right
  • arrow-left
  • arrow-up
  • arrow-down
  • chevron-right
  • chevron-left
  • chevron-up
  • chevron-down
  • external
  • refresh
  • sort
  • maximize
  • minimize
  • check
  • x
  • plus
  • minus
  • check-circle
  • x-circle
  • info
  • alert
  • help
  • star
  • heart
  • bookmark
  • flag
  • tag
  • zap
  • home
  • menu
  • grid
  • list
  • more-horizontal
  • more-vertical
  • search
  • filter
  • settings
  • log-in
  • log-out
  • link
  • user
  • users
  • mail
  • message
  • send
  • share
  • phone
  • bell
  • calendar
  • clock
  • globe
  • map-pin
  • sun
  • moon
  • cloud
  • file
  • folder
  • copy
  • edit
  • trash
  • download
  • upload
  • printer
  • image
  • camera
  • cart
  • play
  • pause
  • stop
  • lock
  • unlock
  • key
  • eye
  • eye-off
  • power
  • code
  • terminal
  • database
  • bar-chart