devicon
v2.16.0
Demo · meminta ikon · berkontribusi
<!-- 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 > develop vs master Devicon bertujuan untuk mengumpulkan semua logo yang mewakili bahasa dan alat pengembangan. Setiap ikon hadir dalam beberapa versi: font/svg, asli/polos/garis, berwarna/tidak berwarna, wordmark/no wordmark. Devicon memiliki 150+ ikon. Dan itu berkembang!
Lihat Devicon.json atau situs web kami untuk referensi lengkap dan terkini dari semua ikon yang tersedia.
Terima kasih kepada semua kontributor kami dan aplikasi Icomoon. Devicon tidak akan mungkin tanpa Anda.
Semua nama produk, logo, dan merek adalah milik pemiliknya masing -masing. Semua nama perusahaan, produk, dan layanan yang digunakan di situs web ini hanya untuk tujuan identifikasi. Penggunaan nama, logo, dan merek ini tidak menyiratkan dukungan. Penggunaan logo ini harus dilakukan sesuai dengan kebijakan merek perusahaan/merek/layanan. Untuk pengaturan yang sangat cepat, periksa Devicon.dev.
Anda dapat menggunakan ikon SVG mentah, font Devicon kami (yang juga tersedia melalui CDN), atau dengan membangun Devicon sendiri.
devicon (disarankan) Anda dapat menginstal Devicon sebagai ketergantungan pada proyek Anda baik dengan npm atau yarn :
npm install --save devicon
yarn add deviconJika Anda tidak ingin menggunakan manajer paket, Anda juga dapat mengunduh dan menyertakan devicon.min.css di sebelah file font ke proyek Anda. Lihat Devicon.dev untuk detail tentang cara menambahkan Devicon ke proyek Anda melalui CDN.
Setelah menyiapkan, Anda hanya perlu menyertakan stylesheet di header Anda untuk memulai:
< link rel =" stylesheet " href =" devicon.min.css " > Mulailah menggunakan ikon dengan <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 > Cara alternatif untuk menggunakan devicon adalah dengan menyalin/menempelkan kode SVG mentah ke proyek Anda.
<!-- 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 >Tambahkan aturan CSS berikut di stylesheet Anda:
. devicon-devicon-plain {
max-width : 2 em ;
}
/* if you want to change the original color */
. devicon-devicon-plain path {
fill : # 4691f6 ;
}img dan merujuk SVG langsung dari repositori: < img src =' https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/devicon/devicon-original.svg ' > Saat Anda ingin meminta ikon, jangan ragu untuk membuat masalah. Lihat wiki kami untuk informasi lebih lanjut.
Kami senang dengan setiap kontribusi, apakah itu ikon, fitur, atau pengelola baru. Silakan lihat wiki kami untuk melihat bagaimana Anda dapat berkontribusi pada proyek ini.
Kami memiliki komunitas perselisihan untuk Devicons. Anda dapat dengan mudah meminta ikon, mendiskusikan, dan bersenang -senang berbicara dengan anggota masyarakat! Bergabunglah dengan server Discord resmi di sini!
develop vs master Semua rilis resmi harus menjadi master . Setiap pembaruan di antara (ikon, fitur, dll.) Akan tetap develop .
develop berisi:master berisi:Setelah permintaan tarik terbuka selama lebih dari 30 hari tanpa aktivitas atau respons dari penulis, itu akan secara otomatis ditandai sebagai basi. Kami mungkin membayar perubahan Anda dan menggabungkan perubahan itu sendiri. Karena GitHub melacak kontribusi oleh komitmen, Anda akan dikreditkan.
Ikuti langkah -langkah ini untuk membangun situs web dan ikon baik secara lokal atau menggunakan gitpod.io.
Dengan menggunakan gitpod.io, Anda dapat dengan mudah membangun ikon dan menginstal
Ketergantungan yang diperlukan dalam satu klik tunggal. Tidak diperlukan pengaturan tambahan.
Catatan Jika beberapa perintah tidak dijalankan dengan benar, Anda bisa
Ikuti langkah -langkah di bawah ini dan jalankan perintah yang sama di gitpod.io
Fork The Repository dan klon Repositori Forked.
git clone https://github.com/ < your-github-username > /devicon.gitCATATAN Jika Anda tidak menginstal Git, periksa panduan resmi untuk menginstal Git pada sistem operasi Anda.
npm installCatatan Jika Anda tidak menginstal NPM, periksa panduan utama ini untuk menginstal Node.js dan NPM. Alat -alat ini diperlukan untuk membangun Devicon dengan benar.
CATATAN Pastikan pemasangan python Anda termasuk PIP
python3 -m pip install --upgrade pip && pip install selenium==4.1.0 requests==2.25.1 Setelah semua dependensi diinstal, Anda dapat melanjutkan untuk membangun ikon terbaru.
Biasanya, ini dilakukan pada setiap rilis, tetapi Anda dapat mengintip sebelum rilis.
# 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 ./ --headlessProsesnya mungkin memakan waktu cukup lama, tergantung pada kecepatan sistem operasi Anda dan jumlah ikon.
Jika ada kesalahan yang ditampilkan, beri tahu kami dengan membuat masalah atau menghubungi kami di komunitas perselisihan kami.
Jalankan perintah berikut untuk membangun CSS Stylesheet baru.
File ini digunakan untuk menampilkan semua ikon baru yang dibangun sebelumnya.
npm run build-cssJalankan perintah berikut untuk memulai server web dengan Python.
npm run dev # Will run on port 8000Atau perintah ini, yang melakukan hal yang persis sama, tetapi port dapat disesuaikan.
python3 -m http.server < port > Anda sudah selesai sekarang! ? Bangunan Devicons Anda harus tersedia di https://localhost:8000 (atau port yang diinginkan).
