Icons
Tip: Use IdeHelperExtra plugin to get autocomplete for all icons
FontAwesome (v4)
Configure the icon set to be used in your `app.php`:'Icon' => [ 'sets' => [ 'fa' => \Tools\View\Helper\Icon\FontAwesome4Icon::class, ], ],
<?php echo $this->Icon->render('camera-retro'); ?>
results in:
FontAwesome also has quite powerful options for icons:
(rotated 90 degrees)
(spinning)
Boostrap
Configure the icon set to be used in your `app.php`:'Icon' => [ 'sets' => [ 'bs' => \Tools\View\Helper\Icon\BootstrapIcon::class, ], ],
<?php echo $this->Icon->render('info-circle-fill'); ?>
results in:
Material
Configure the icon set to be used in your `app.php`:'Icon' => [ 'sets' => [ 'material' => \Tools\View\Helper\Icon\MaterialIcon::class, ], ],
<?php echo $this->Icon->render('search'); ?>
results in:
search
Feather
Note: This requires a JS snippet for the icons to get transformed.
Configure the icon set to be used in your `app.php`:'Icon' => [ 'sets' => [ 'feather' => \Tools\View\Helper\Icon\FeatherIcon::class, ], ],
<?php echo $this->Icon->render('activity'); ?>
results in:
JS snippet:
<script> feather.replace(); </script>