It`s supposedly only added icon that being imported on template to your production build. Meaning smaller bundled size. Once, i naively add entire fortawesome icon and it add 500KB to 1MB to my production build. It's actually matter since my customer uses mobile connection.
Yes, you can pretty much access anything. Of course if you're using something with a link inside of your SVG tag or something pretty tricky in terms of CSS selector it may be more difficult. But mostly yes. Pairs well with TailwindCSS btw. 👍🏻
BTW as of Vue 3.2.13+ @vue/compiler-sfc is included in Vue by default. Nice video just what I needed!
Got introduced to this in AstroJS cause it has a dedicated Astro integration. And I absolutely LOVE IT!
Figma -> Iconify -> Astro Icon
thats great, thanks
I finally realized iconify and astro-icon exist this morning. 😂 I've been scrounging around the web for icons for so long...
Been using it for a while and I totally love it!
What’s wrong with storing icons in assets? What does the iconify package actually offer besides a whole lot of extra dependencies
It`s supposedly only added icon that being imported on template to your production build. Meaning smaller bundled size. Once, i naively add entire fortawesome icon and it add 500KB to 1MB to my production build. It's actually matter since my customer uses mobile connection.
in vite u can use it in div like ✌
awesome. just what i was looking for. time to update some code...
I'm using the web component approach there are any downsides?
محتوى راقي كالعادة
I always come here to learn new vue stuff. Thank you
What library's will be in case of React TS for Iconify?
Can u make a video for Json tree view with edit functionality in Vue
Is there icons for polaris(shopify) design system?
Wow, didn't know.
Thanks
Incredible Iconify! Already in use! Best of the best! =)🥳
Thank you!
why yarn ?
hanks lot Sir.. You helping us..
Thx for nice video , but we need a custom icon as svg ! Please
You can actually do it with unplugin-icons, you can write custom rules to load custom svg icons.
yup! here's the link github.com/antfu/unplugin-icons#custom-icons
All components support custom icons. There are also tools for cleaning up those icons.
Is it possible to use it with Nuxt 2?
gonna check this out. It looks very cool.
I want you to decide my destiny: React or Vue?
If React why React if Vue why Vue?
Vue. Much simpler. Easier to organize. And you're watching this channel... it's already decided in the stars ☺️
For once, the software is actually really useful
thank you this video is really helpful
can we animate icons when using unplugin-icons? can we access the underlying SVG?
Yes, you can pretty much access anything. Of course if you're using something with a link inside of your SVG tag or something pretty tricky in terms of CSS selector it may be more difficult.
But mostly yes. Pairs well with TailwindCSS btw. 👍🏻
Amazing content, antfu is a fckin wizard 😂
Yep! antfu is Gorgeous!
He is indeed.
ALL WORKING THANK YOU SOOOOOO MUCH BRO LOVE YOU PROFESSIONAL UNLIMITED ALL WORKING WELLL
Nice video. Can you do video about how to create custom progress bar like youtube and use it on api calls or route changes
you don't like the nprogress package? it's quite easy and simple
@@Aaron-bh8rh thks for answer. I'll try it
Really nice and helpful... Thanks!
This seems pretty damn cool!
Thank you, your videos are great.
Iconify is indeed the best 💯, I'll make a video on it soon too. 😂
Thank you for this informative and educational video!
Bro i love you, just when I needed it 💪
Another great video! Thank you! :)
Very helpful
This is niiiiiice. Thank you.
vue3 is the best framework
New subscriber 🙂
thank you thank you!
I always used to struggle with icons. But when I discovered iconify, I instantly fell in love with it.
Very helpful