📚

アイコンライブラリまとめてみましたよって

2023/07/03に公開

https://zenn.dev/ksyunnnn/articles/27104c7b4b148f

以前こんなのまとめたときに、テーマはバラバラですがなんとなくtailwindcssとかヘッドレスなUIと相性良さそうなアイコンライブラリをまとめてたのでここに転記しておく

radix icons

https://icons.radix-ui.com/

radix uiが標準で提供してるやつ。種類豊富ではなさそう?

heroicons

https://heroicons.com/

tailwindcss と同じチームが作ってるぽいので相性はよさそう

Font Awesome

https://fontawesome.com/

いわずもがなのやつ。バージョンによる違いとかあるので、利用の際は気をつけたほうがいいかも
わかるひとには「Font Awesomeのやつやん」てわかってしまう、はじめてお小遣いで買ったダウンが「ジーンズメイトで買ったダウンやろ」ってクラスメイトにバレるような独特の恥ずかしさを感じる(筆者談)

Phosphor

https://phosphoricons.com/

かわいい

Feather

https://feathericons.com/

かわいさとしっかりさとFeatherさ
Twitterで教えてもろた


上記をプロダクトから使いやすくするものたち

Twitterで色々教えてもらったので追記
https://twitter.com/achamaromi/status/1675712603950305280?s=20

iconify

https://iconify.design/

かなりの量のアイコンライブラリをラップして利用できるようにしたフレームワークぽい

React Icons

https://react-icons.github.io/react-icons/

iconify教えもらって思い出したやつ。過去に色々横断してアイコン使わないといけなかったときに利用したReact向けのアイコンライブラリをラップしたやーつ

個人的にはアイコンライブラリを横断して使う状況って微妙な気がしてるので、使い方には気をつけたほうがいいのかも?とおもた :thinking:

Discussion