yassinedoghri / php-icons
A PHP library based on iconify's API to download and render svg icons from popular open source icon sets.
Installs: 1 070
Dependents: 3
Suggesters: 0
Security: 0
Stars: 7
Watchers: 1
Forks: 3
Open Issues: 0
Requires
- php: >=8.1
- composer-runtime-api: ^2.2
- adhocore/cli: ^v1.9.3
Requires (Dev)
- kint-php/kint: ^6.0.1
- pestphp/pest: ^3.7.4
- pestphp/pest-plugin-type-coverage: ^3.4.0
- phpstan/phpstan: ^2.1.10
- rector/rector: ^2.0.10
- symplify/coding-standard: ^12.2.3
- symplify/easy-coding-standard: ^12.5.9
README
PHPIcons 🐘 🙂
A convenient PHP library to render svg icons.
Get access to over 200,000 icons from more than 150 open source icon sets directly from your php files!
Thanks to Iconify ❤️
🚀 Getting started
1. Install via composer
composer require yassinedoghri/php-icons
2. Configure
Run the following command to initialize the configuration file:
vendor/bin/php-icons init
This will prompt you to create a php-icons.php
config file in the root of your
project. See config reference for more info.
3. Use anywhere
3.1. icon(string $iconKey, array $attributes)
function
Use the global icon(…)
function in your view files with the icon key
({prefix}:{icon}
) as parameter:
{prefix}
: is the icon set prefix{name}
: is the icon name
echo icon('material-symbols:bolt'); // <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"> // <path fill="currentColor" d="m8 22l1-7H4l9-13h2l-1 8h6L10 22z"/> // </svg>
👉 To add attributes, use the second parameter or call the attr()
or
attributes()
methods:
echo icon('material-symbols:bolt', [ 'class' => 'text-2xl', 'style' => 'color: yellow;' ]); // <svg class="text-2xl" style="color: yellow;" […]>…</svg> echo icon('material-symbols:bolt') ->attr('class', 'text-2xl') ->attr('style', 'color: yellow;'); // <svg class="text-2xl" style="color: yellow;" […]>…</svg> echo icon('material-symbols:bolt') ->attributes([ 'class' => 'text-2xl', 'style' => 'color: yellow;' ]); // <svg class="text-2xl" style="color: yellow;" […]>…</svg>
Tip
Find and copy the icon keys of popular open source icon sets from Iconify's index.
3.2. Scan source files to load icons
Important
When first defining icons, a placeholder (�
by default) will be displayed.
Make sure to run the scan
command to load the SVGs.
vendor/bin/php-icons scan
The scan
command will perform a static analysis of all PHP files in your
configured paths to identify icon keys ({prefix}:{name}
) and
download the corresponding icons.
Using the icon
identifier by default:
-
icon(…)
functionsecho icon('ri:php-fill') // identified "ri:php-fill"
-
@icon(…)
annotations in comments// @icon('ri:heart-fill') --> identified "ri:heart-fill" # @icon('ri:home-fill') --> identified "ri:home-fill" /* * @icon('ri:user-fill') --> identified "ri:user-fill" * @icon('ri:group-fill') --> identified "ri:group-fill" */
⚙️ Config reference
Your config file is loaded by both the php-icons
CLI tool and PHPIcons class,
it should look like this:
<?php declare(strict_types=1); use PHPIcons\Config\PHPIconsConfig; return PHPIconsConfig::configure() ->withPaths([ __DIR__ . '/src' ]) ->withDefaultPrefix('') ->withPlaceholder('�');
Paths
withPaths([])
List of paths to your source files. PHP files will be parsed and scanned for discovering the icons you have defined.
API Hosts
withAPIHosts([])
Iconify API hosts to query for downloading svg icons. Starts by querying the first host, the rest is used as backup.
Defaults to Iconify's public hosts:
["https://api.iconify.design","https://api.simplesvg.com", "https://api.unisvg.com"]
Local Icon Sets
withLocalIconSets([])
If you have custom icons, php-icons can look them up locally in your file system instead of calling for the Iconify API.
Important
php-icons will look for {name}.svg
files in your local icon sets
Takes in an associative array with the icon set prefix as the key and its path as value.
Example
my-custom-set/
├── heart.svg
├── rocket.svg
├── star.svg
└── user.svg
// in your config file ->withLocalIconSets([ 'custom' => '/path/to/my-custom-set', ])
// ✅ ALL GOOD echo icon('custom:heart'); echo icon('custom:rocket'); echo icon('custom:star'); echo icon('custom:user'); // ❌ ICONS NOT FOUND echo icon('custom:banana'); echo icon('custom:key');
Default Prefix
withDefaultPrefix('')
Default icon set prefix to use when none is set.
Example
With material-symbols
set as default prefix:
// this echo icon('bolt'); // same as this echo icon('material-symbols:bolt');
Default Icon
withDefaultIcon()
Default icon to use when an icon has not been found.
Takes in an icon key {prefix}:{name}
. If a prefix is not set, the default
prefix will be used instead.
Default Icon Per Set
withDefaultIconPerSet([])
Default icon to use when an icon has not been found in a set.
Takes in an associative array, with the key being the icon set prefix, and the value being the default icon.
Placeholder
withPlaceholder('�')
String to show when icon is not found or unknown.
Defaults to �
(REPLACEMENT CHARACTER).
Identifiers
withIdentifiers([])
Function or method names to match for identifying icon keys in your source files.
Defaults to ['icon']
.
🖥️ CLI commands
> vendor/bin/php-icons _ _ _ __ | |__ _ __ (_) ___ ___ _ __ ___ | '_ \| '_ \| '_ \ | |/ __/ _ \| '_ \/ __| | |_) | | | | |_) | | | (_| (_) | | | \__ \ | .__/|_| |_| .__/ |_|\___\___/|_| |_|___/ |_| |_| A convenient PHP library to render svg icons ---------------------------------------------- PHPIcons, version 1.0.0.0-dev Commands: * init i Configure PHPIcons interactively scan s Scans source files and loads icons Run `<command> --help` for specific help
❤️ Acknowledgments
This wouldn't have been possible without the awesome work from the Iconify team and designers that maintain the many open source icon sets.
Inspired by astro-icon, blade-icons and rector.
📜 License
Code released under the MIT License.
Copyright (c) 2024-present, Yassine Doghri (@yassinedoghri).