lucide - コミュニティによって作られた美しく一貫性のあるアイコンツールキット。オープンソースプロジェクトとフェザーアイコンのフォーク。

(Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.)

Created at: 2020-06-08 23:36:21
Language: TypeScript
License: ISC

ルシードロゴ

ライセンス npm パッケージ フィグマはインストールします ビルドの状態 不和チャット

ルシード

コミュニティが運営するFeather Iconsのフォークで、誰でもアイコンを投稿できます。

それは、Feather Iconsプロジェクトのモデレーションに対する不満が高まった後に始まりました。300以上の未解決の問題と100以上のオープンPRで、Feather Iconsプロジェクトは放棄されました。これは残念なことに、何百人もの開発者やデザイナーが、PRが受け入れられる機会がなく、Feather Iconsへの貢献に時間を浪費したことを意味します。

Lucideは、元の単純なデザイン言語に忠実でありながら、アイコンセットを可能な限り拡張しようとしています。私たちは開発者とデザイナーのコミュニティとしてこれを行い、あなたが私たちに参加することを願っています!

なぜ羽のアイコンの上にLucideを選ぶのか

  • Lucideはすでに1年足らずで130 +によって設定されたアイコンを拡大したので、より多くのアイコンを扱うことができます。
  • よく管理されたコードベース。
  • 活発なコミュニティ。

目次

使い

その核心では、LucideはSVGファイルのコレクションです。つまり、SVG を使用するのと同じ方法で Lucide アイコンを使用できます (例: 、、、、)。ここでは、SVG を Web 上で使用できる多くの方法を詳しく説明した役立つ記事を示します: Web 上の SVG – 実装オプション

img
background-image
inline
object
embed
iframe

以下は,Lucideを使うその他の方法です。Javascriptライブラリを使用すると、Webページに必要なアイコンを簡単に組み込むことができます。

ウェブ

Webアプリケーション用のlucideアイコンライブラリの実装。

npm install lucide

#or

yarn add lucide

詳細については、ドキュメントを参照してください

反応する

反応アプリケーション用のlucideアイコンライブラリの実装。

yarn add lucide-react

# or

npm install lucide-react

詳細については、ドキュメントを参照してください

ネイティブ反応

Reactネイティブアプリケーション用のlucideアイコンライブラリの実装。

yarn add lucide-react-native

# or

npm install lucide-react-native

詳細については、ドキュメントを参照してください

ビュー 2

vue アプリケーション用の lucide アイコンライブラリの実装。

yarn add lucide-vue

# or

npm install lucide-vue

詳細については、ドキュメントを参照してください

ビュー 3

vue アプリケーション用の lucide アイコンライブラリの実装。

yarn add lucide-vue-next

# or

npm install lucide-vue-next

詳細については、ドキュメントを参照してください

角度

yarn add lucide-angular

# or

npm install lucide-angular

詳細については、ドキュメントを参照してください

事前対応

プリアクトアプリケーション用のlucideアイコンライブラリの実装。

yarn add lucide-preact

# or

npm install lucide-preact

詳細については、ドキュメントを参照してください

静的 (svg スプライト、フォント、アイコン ..)

アセット: フォントファイル SVG ファイル SVG スプライト

NPM パッケージ

yarn add lucide-static

# or

npm install lucide-static

フィグマ

明晰なフィグマプラグイン。

Figmaコミュニティページにアクセスしてプラグインをインストールしてください。

フィグマ・ルシード・カバー

ララベル

LaravelベースのプロジェクトでのLucideアイコンの使用の実装。

blade-icons

composer require mallardduck/blade-lucide-icons

詳細については、ドキュメントを参照してください

翻る

フラッターアプリケーション用のLucideアイコンライブラリの実装。

flutter pub add lucide_icons

詳細については、pub.dev を参照してください。

スベルテ

Svelteアプリケーション用のlucideアイコンライブラリの実装。

yarn add lucide-svelte

# or

npm install lucide-svelte

詳細については、ドキュメントを参照してください

固体

ソリッドアプリケーション用のlucideアイコンライブラリの実装。

yarn add lucide-solid

#or

npm install lucide-solid

詳細については、ドキュメントを参照してください

貢献

貢献する方法の詳細については、貢献ガイドラインをご覧ください。

間違いを犯したか、ドキュメントに貢献したいですか?Githubでこのページを編集する

コミュニティ

Discordサーバーでコミュニティに参加しましょう!

ライセンス

Lucideは商用利用と個人的使用のために完全に無料です、このソフトウェアはISCライセンスの下でライセンスされています

クレジット

ルシードに貢献してくれたすべての人々に感謝します!

スポンサー

によって供給 ヴェルセル