mstdmstd's avatar

Which icons support installed in laravel 8 app?

Hello, In laravel 8 / "bootstrap": "^4.6.0" / "bootstrap-vue": "^2.21.2" / app I have icons support like :

<i class="icon-material-outline-business-center"></i>

it looks as portolio icon and

<i class="icon-line-awesome-bookmark-o"></i>

and it looks as bookmark sign

I wonder which is full icons list as I need more icons without installing new packages: In resources/sass/app.scss I have:

// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

as this project is based on bootstrap-vue I found page https://bootstrap-vue.org/docs/icons But lloks like the icons I mentioned at start are different ?

I did not find any additive packages in package.json or in composer.json

Which library is used and where can I get full icons list acccessible for me ?

Thanks!

0 likes
6 replies
mstdmstd's avatar

Icons do not work for me by default. I installed that https://github.com/blade-ui-kit/blade-zondicons

But got error message:

$ php artisan vendor:publish --tag=blade-zondicons-config
Unable to locate publishable resources.
Publishing complete.

After that none of next constructions work for me:

                <x-zondicon-cloud/>

                <x-zondicon-cloud class="w-6 h-6 text-gray-500"/>

                <x-zondicon-cloud style="color: #555"/>

Did I miss something?

In composer.json I have :

{
    "name": "laravel/laravel",
    "type": "project",
    "description": "The Laravel Framework.",
    "keywords": [
        "framework",
        "laravel"
    ],
    "license": "MIT",
    "require": {
        "php": "^7.3|^8.0",
        "blade-ui-kit/blade-heroicons": "^1.2",
        "cviebrock/eloquent-sluggable": "^8.0",
        "fideloper/proxy": "^4.4",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "intervention/image": "^2.5",
        "laravel/framework": "^8.12",
        "laravel/tinker": "^2.5",
        "laravel/ui": "^3.2",
        "orangehill/iseed": "^3.0",
        "tymon/jwt-auth": "^1.0"
    },
    "require-dev": {
        "facade/ignition": "^2.5",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.0.1",
        "mockery/mockery": "^1.4.2",
        "nunomaduro/collision": "^5.0",
        "phpunit/phpunit": "^9.3.3"
    },
    "config": {
        "optimize-autoloader": true,
        "preferred-install": "dist",
        "sort-packages": true
    },
    "extra": {
        "laravel": {
            "dont-discover": []
        }
    },
    "autoload": {
        "psr-4": {
            "App\": "app/",
            "Database\Factories\": "database/factories/",
            "Database\Seeders\": "database/seeders/"
        }
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\": "tests/"
        }
    },
    "minimum-stability": "dev",
    "prefer-stable": true,
    "scripts": {
        "post-autoload-dump": [
            "Illuminate\Foundation\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ]
    }
}

I cleared all possible cache with commands:


php artisan config:cache
php artisan route:cache
php artisan route:clear
php artisan cache:clear
php artisan view:clear
php artisan clear-compiled

composer dump-autoload

?

Snapey's avatar

you installed heroicons not zondicons

1 like
rhand's avatar

Your composer.json showed "blade-ui-kit/blade-heroicons": "^1.2", so not with zondicons as @snapey stated.

1 like
mstdmstd's avatar

Thanks!

  1. But looks like that is not what I need . blade-ui-kit/blade-zondicons - works ok under blade.php files. But does not work properly under *.vue files. can you advice some icons librtary working good under both blade and *.vue files ?

  2. In my question I gage example :

<i class="icon-material-outline-business-center"></i>
<i class="icon-line-awesome-bookmark-o"></i>

But they have different format examples in blade-ui-kit/blade-zondicons :

    <x-zondicon-cloud/>
    <x-zondicon-cloud class="w-6 h-6 text-gray-500"/>
    <x-zondicon-cloud style="color: #555"/>

Are these different libraries? Which library was used in my samples?

Please or to participate in this conversation.