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!
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.
I always come here to learn new vue stuff. Thank you
I'm using the web component approach there are any downsides?
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
I finally realized iconify and astro-icon exist this morning. 😂 I've been scrounging around the web for icons for so long...
in vite u can use it in div like ✌
Incredible Iconify! Already in use! Best of the best! =)🥳
Thank you!
Is there icons for polaris(shopify) design system?
why yarn ?
Is it possible to use it with Nuxt 2?
awesome. just what i was looking for. time to update some code...
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. 👍🏻
Figma -> Iconify -> Astro Icon
thats great, thanks
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.
gonna check this out. It looks very cool.
محتوى راقي كالعادة
thank you this video is really helpful
Amazing content, antfu is a fckin wizard 😂
Yep! antfu is Gorgeous!
He is indeed.
Wow, didn't know.
Thanks
hanks lot Sir.. You helping us..
Bro i love you, just when I needed it 💪
Thank you for this informative and educational video!
Iconify is indeed the best 💯, I'll make a video on it soon too. 😂
ALL WORKING THANK YOU SOOOOOO MUCH BRO LOVE YOU PROFESSIONAL UNLIMITED ALL WORKING WELLL
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 ☺️
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!
For once, the software is actually really useful
Thank you, your videos are great.
New subscriber 🙂
thank you thank you!
This seems pretty damn cool!
Another great video! Thank you! :)
This is niiiiiice. Thank you.
I always used to struggle with icons. But when I discovered iconify, I instantly fell in love with it.
Very helpful
vue3 is the best framework
Very helpful