呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质博文 #前端 #资源推荐 #tailwind #设计资源
2024 前端图标趋势:在 TailwindCSS 中使用 SVG 图标

【可以,以后在自己项目里把 react-icons 换掉试试】

图标库网站:iconify.design / yesicon(支持中文搜索)

摘要: 这篇文章介绍了如何在 TailwindCSS 中使用 SVG 图标,特别强调了 SVG 图标的灵活性和易用性。首先,作者说明了集成 TailwindCSS 和安装 Iconify 图标库的步骤。接着,介绍了 Iconify 图标库的特点,它包含了超过 20 万个图标,并且支持按需引入。文章还提到了如何使用 TailwindCSS 插件引用图标,包括如何搜索图标、自定义图标的颜色和尺寸。此外,作者还讨论了与设计师的配合使用,以及如何自定义图标库。总结部分指出,Iconify 不仅是图标库,还提供了灵活的 SVG 图标使用方式,结合社区插件,能满足各种应用场景。最后,鼓励读者在新的一年中尝试在项目中集成 TailwindCSS 和 Iconify。

via 掘金 dongnaebi
 
 
Back to Top