The Better Way To Add Icons To Your Applications

preview_player
Показать описание

Iconify is an open source icon framework that gives you access over 150,000 icons to use in your applications.

Timestamps:
0:00 Introduction
1:33 Iconify with Vue 3
3:27 Iconify with unplugin icons
5:00 Auto import with iconify + unplugin icons
6:08 Iconify for nuxt (nuxt-Icon)
7:01 Iconify vscode extension

#iconify
Рекомендации по теме
Комментарии
Автор

You can also upload your own icons there. It will be cool if you make a video about it, I could not find any manuals, and it is very poorly written in the official documentation

izzy
Автор

if i want set dynamically icons from array, for example list og phone cpdes with flags using iconify

guillermorolandocornejoasc
Автор

I find a problem:
If I use the iconify with traditional way, the attribute "width" change the size of the image (what I expected) while if I use the "width" attribute with unplugin icons it doesn't change the size of the icon but just of the "container", how can I fix it?
When we install unplugin icons and iconify/json I think that we can remove the package iconify/vue
UPDATE
with unplugin icons we have to specify also the height attribute because it puts 1.2rem for default

Viralplace
Автор

And yes, u cant use dynamic imports with it.

benrise
Автор

how can I add the nuxt icon in config.js with JavaScript not typescript

lkhuwbx
Автор

Why do they always make it so complicated, I just want a cdn link, and then insert the icon I want. Sigh....

xiaomistijn