Menu
I am trying to use feather icons in laravel enviroment, I thought i would do it through npm. Can someone help me understand how this work as I couldnt get it working. I am very new to working with packages.
I installed
npm install feather-icons --save
then I added const feather = require('feather-icons') to my resource/app.js,
then I run "npm run dev"
How would i display the icons listed at this website (say cirlce) on my pages?
Is what I did above correct?
Thanks
751
Yes what you did is correct. Follow the steps for adding icon to your project.
feather.replace() method in same app.js file.public/js by default so the script tag is looks like (assuming you using it in Laravel Blade)<script src="{{ asset('js/app.js') }}"></script><h1><i data-feather="circle"></i>Hello World</h1>it should work fine. alternatively you can use directly by linking to CDN.
<!DOCTYPE html>
<html lang="en">
<title></title>
<script src="https://unpkg.com/feather-icons"></script>
<body>
<!-- example icon -->
<i data-feather="circle"></i>
<script>
feather.replace()
</script>
</body>
</html>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
