devicon
v2.16.0
デモ・リクエストアイコン・貢献
<!-- in your header -->
< link rel =" stylesheet " href =" https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css " >
<!-- in your body -->
< i class =" devicon-devicon-plain " > </ i > masterをdevelopDeviconは、開発言語とツールを表すすべてのロゴを収集することを目指しています。各アイコンには、Font/SVG、Original/Plain/Line、Colored/Not Colored、Wordmark/No Wordmarkのいくつかのバージョンがあります。 Deviconには150以上のアイコンがあります。そして、それは成長しています！
利用可能なすべてのアイコンの完全かつ最新の参照については、Devicon.jsonまたは当社のWebサイトを参照してください。
すべての貢献者とIcomoonアプリに感謝します。 Deviconはあなたなしでは不可能です。
すべての製品名、ロゴ、およびブランドは、それぞれの所有者の財産です。このWebサイトで使用されている会社、製品、サービス名はすべて、識別目的のみを目的としています。これらの名前、ロゴ、ブランドの使用は、承認を意味するものではありません。これらのロゴの使用は、会社/ブランド/サービスのブランドポリシーに従って行う必要があります。超高速セットアップについては、Devicon.devをチェックしてください。
RAW SVGアイコン、Deviconフォント（CDNを介して利用できる）を使用するか、Deviconを自分で構築することができます。
deviconフォントを使用します（推奨） npmまたはyarnでプロジェクトへの依存関係としてDeviconをインストールできます。
npm install --save devicon
yarn add deviconパッケージマネージャーを使用したくない場合は、プロジェクトのフォントファイルの横にDevicon.min.cssをダウンロードして含めることもできます。 CDNを介してプロジェクトにDeviconを追加する方法の詳細については、Devicon.devを参照してください。
セットアップ後、ヘッダーにStyleSheetを含める必要があります。
< link rel =" stylesheet " href =" devicon.min.css " > <i> tagでアイコンの使用を開始します：
<!-- for devicon plain version -->
< i class =" devicon-devicon-plain " > </ i >
<!-- for devicon plain version with wordmark -->
< i class =" devicon-devicon-plain-wordmark " > </ i >
<!-- for devicon plain version colored with devicon main color -->
< i class =" devicon-devicon-plain colored " > </ i >
<!-- for devicon plain version with wordmark colored with devicon main color -->
< i class =" devicon-devicon-plain-wordmark colored " > </ i > deviconを使用する別の方法は、RAW SVGコードをプロジェクトにコピー/貼り付けることです。
<!-- for devicon plain version -->
< svg id =" Devicon " class =' devicon-devicon-plain ' xmlns =" http://www.w3.org/2000/svg " viewBox =" 0 0 128 128 " > < path id =" plain " fill =" #60be86 " d =" M64,7.83H4.77L14.95,95.13l49,25,.06,0,49.07-25L123.23,7.83Zm42.77,54.86c0,.88,0,1.67-.77,2L73.25,80.44l-2.42,1.13-.27-3.15V72.23l.24-1.57,1.09-.47L95.07,59.81l-21.54-9.6L64.35,68.34,58.9,78.87l-1.22,2.27-2.05-.9L22,64.71a2.42,2.42,0,0,1-1.45-2V56.91a2.39,2.39,0,0,1,1.42-2l34-15.73,3.21-1.44v9.66l.24,1.34-1.56.7L34.45,59.79,56.3,69.42l8.05-16,6.21-12.65,1.13-2.28,1.81.91L106,54.89c.73.35.76,1.14.76,2Z " /> </ svg >StyleSheetに次のCSSルールを追加します。
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}imgタグを使用して、リポジトリからSVGを直接参照することもできます。 < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > アイコンをリクエストしたい場合は、お気軽に問題を作成してください。詳細については、Wikiをご覧ください。
新しいアイコン、機能、メンテナーであれ、あらゆる貢献に満足しています。このプロジェクトにどのように貢献できるかを確認するために、Wikiをご覧ください。
Deviconsの不和コミュニティがあります。アイコンを簡単にリクエストしたり、議論したり、コミュニティメンバーと話をするのに楽しい時間を過ごすことができます！ここで公式のDiscordサーバーに参加してください！
masterをdevelopすべての公式リリースはmasterにあります。その間の更新（アイコン、機能など）は、 developに保持されます。
develop contas：masterが含まれます：著者からのアクティビティや応答がなく、30日以上にわたってプルリクエストが開かれた後、それは自動的に古いものとしてマークされます。私たちはあなたの変更を偽装し、自分自身で変化を融合させるかもしれません。 Githubはコミットによる寄付を追跡するため、クレジットされます。
これらの手順に従って、Webサイトとアイコンをローカルまたはgitpod.ioを使用して構築します。
gitpod.ioを使用することにより、アイコンを簡単に作成してインストールできます
1回のクリックで必要な依存関係。追加のセットアップは必要ありません。
コマンドの一部が適切に実行されていない場合は、
以下の手順に従って、gitpod.ioで同じコマンドを実行します
リポジトリをフォークし、フォークリポジトリをクローンします。
git clone https://github.com/ < your-github-username > /devicon.gitGITがインストールされていない場合は、オペレーティングシステムにGitをインストールする公式ガイドを確認してください。
npm installNPMがインストールされていない場合は、Node.jsとNPMのインストールに関するこの究極のガイドを確認してください。これらのツールは、Deviconを適切に構築するために必要です。
注PythonインストールにはPIPが含まれていることを確認してください
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1すべての依存関係がインストールされたら、最新のアイコンを作成することができます。
通常、これは各リリースで行われますが、リリース前にスニークピークをすることができます。
# Linux/Unix
npm run build-icons
# Windows
python3 ./.github/scripts/icomoon_build_githubless.py ./.github/scripts/build_assets/geckodriver-v0.32.2-win64/geckodriver.exe ./icomoon.json ./devicon.json ./icons ./ --headlessオペレーティングシステムの速度とアイコンの量に応じて、プロセスには時間がかかる場合があります。
エラーが表示されている場合は、問題を作成したり、不一致コミュニティで私たちに連絡したりしてお知らせください。
次のコマンドを実行して、新しいCSS StyleSheetを構築します。
このファイルは、以前に作成されたすべての新しいアイコンを表示するために使用されます。
npm run build-css次のコマンドを実行して、PythonでWebサーバーを起動します。
npm run dev # Will run on port 8000または、このコマンドはまったく同じですが、ポートをカスタマイズできます。
python3 -m http.server < port >あなたは今終わった！ ？ Deviconのビルドはhttps://localhost:8000 （または目的のポート）で入手できる必要があります。
