IconParkアイコンライブラリ:ByteDance発のオープンソースアイコンライブラリ

IconParkアイコンライブラリ:ByteDance発のオープンソースアイコンライブラリ 100

ByteDanceが設計・公開したオープンソースのアイコンライブラリ。IconParkは単一のSVGソースファイルから複数のテーマを生成でき、豊富なカテゴリ分類、軽量のコード、柔軟な利用シーンを実現します。

#资源素材 #logo图标

IconParkアイコンライブラリ:ByteDance発のオープンソースアイコンライブラリ紹介

IconPark アイコンライブラリは、バイトダンスが設計・オープンソース化したベクターアイコンスタイルのアイコンライブラリ製品です。単一のSVGソースファイルから複数のテーマを生成でき、豊富なカテゴリ分類、より軽量なコード、より柔軟な使用シーンを実現します。;高品質で統一された定義可能なアイコンリソースの構築に取り組み、多くのデザイナーが自分に合ったアイコンを選択できるようにし、アイコンソースファイルをReact、Vue2、Vue3、SVGなどさまざまな形式のコンポーネントコードとしてエクスポートすることをサポートします。Design to Code の流れを打通し、製品・研究開発・デザイナーのワンストップ連携を実現し、より効率的な使用を可能にします。テーマ切り替え技術については1件の発明特許を取得しています。

screenshot (63).jpeg


IconParkアイコンライブラリの特徴:

  • アイコン数とカテゴリ分類:2,658個以上の高品質なベクターアイコンを収録。29種類のアイコンカテゴリを網羅し、さまざまなシーンのニーズに対応します。

  • アイコンスタイルとテーマ:IconParkアイコンライブラリは複数のスタイルをサポートしており、線形、塗りつぶし、二色、多色テーマを含みます。ユーザーは単一のSVGソースファイルを通じてアイコンのテーマを簡単に切り替えることができ、アイコンスタイルの統一性と多様性を実現します。

  • カスタマイズ機能:IconParkの大きな特長は、その強力なオンラインカスタマイズ機能です。SVGの境界線属性を使用することで、最大限のスタイリング柔軟性を確保しています。オンラインで色、サイズ、線の幅、端点のタイプ、頂点のタイプなどの属性を変更できます。このカスタマイズ能力により、理論上アイコン数を数万レベルにまで拡張できます。

  • 技術サポートと互換性:IconParkアイコンライブラリは、UE、UIデザイナー、プロダクトマネージャー、運営担当などの非技術系ユーザーだけでなく、技術開発者にも適しています。React、Vueなどのフロントエンドフレームワークをサポートし、NPMパッケージを提供することで、必要な時にコンポーネントコードをロード・呼び出しできます。アイコンはSVG、PNGなどの形式でエクスポートでき、Web、モバイル、およびさまざまなデザインプロジェクトに適用できます。

  • ダウンロードと使用方法:ユーザーはIconParkのウェブサイトで直接アイコンを選択し、スタイルを調整した後、SVG、PNG形式でダウンロードしたり、React、Vueのコードスニペットをコピーしてプロジェクトで直接使用したりできます。アイコンの選択は一括操作をサポートしており、管理とダウンロードが便利です。

  • オープンソースとライセンス:Apache 2.0オープンソースライセンスに基づき、IconParkアイコンライブラリは個人、チーム、企業に無料で使用できます。商用・非商用を問わず追加費用は発生しないため、デザイナー、開発者を問わず、誰でもプロジェクトでIconParkを使用できます。

IconParkアイコンライブラリの使用方法:

  • アイコン検索:ユーザーは左側のメニューからアイコンカテゴリを選択するか、検索ボックスを使用して検索できます。

  • アイコンプレビュー:各アイコンにはプレビュー、中国語の説明、英語名が用意されています。

  • 調整ツール:右側にはアイコンのサイズ、線の太さ、スタイルカラーを調整するツールが用意されています。

  • 一括操作:ユーザーはアイコンをチェックして一括ダウンロードやコードのコピーを行うことができます。

  • プレビューモード:アイコンの効果を確認するために、さまざまなプレビューモードに切り替えることができます。

IconParkユーザー

  • UE、UI、PM、運営などの非技術系メンバー

  • React/Vue/モバイルなどの開発者

  • サードパーティのデザインサイト/サイトビルダーエディタ開発者

IconParkの優位性

  • 高品質:2,600以上の高品質アイコンを提供し、無料で使用できます。ここで私たちの勤勉なデザイナーたちに拍手を送りたいです~ o(-v

  • マルチテーマ:単一のSVGソースファイルから複数のテーマを切り替え可能。線形、塗りつぶし、二色、多色などがあり、4種類のスタイルのSVGファイルを用意する必要はありません。

  • クロスプラットフォームコンポーネントコードのエクスポート:Design to Codeを開通。技術系メンバー向けに異なるコードライブラリの出力をサポートし、React/Vue/SVG/モバイル/ミニプログラムなどさまざまな開発シーンでの使用に対応します。

IconParkはバイトダンスのCUXデザインチームによって保守されており、GitHubでソースコードを公開しています。ユーザーの参加を奨励し、ユーザーガイド、コードライブラリ、フィードバックチャネルを提供しています。

IconParkはアイコン応用の規範化・統一化に取り組み、高品質で多様なアイコンコンテンツを提供し、アイコンスタイルの一括設定機能を満たします。;同時に、複数の技術チームがインターフェースを通じてアイコンリソースを呼び出せるようにし、アイコンの使用をよりシンプルでより効率的にします。

IconPark Githubオープンソースリポジトリ:https://github.com/bytedance/IconPark

IconParkアイコンライブラリ:ByteDance発のオープンソースアイコンライブラリ に関連するツール