Cara menggunakan ikon Alibaba

Sebagai perpustakaan sumber reka bentuk di bawah Kumpulan Alibaba, ikon Alibaba ialah perpustakaan reka bentuk ikon yang sangat baik. Ia bukan sahaja menyediakan sejumlah besar sumber ikon, tetapi juga kaedah penggunaan yang kaya dan garis panduan reka bentuk terperinci. Berikut akan memperkenalkan penggunaan ikon Alibaba secara terperinci.

1. Pintu Masuk

Ikon Alibaba boleh didapati di perpustakaan vektor Alibaba, atau boleh diakses melalui ikon font laman web perpustakaan ikon Alibaba.

Alamat perpustakaan vektor Alibaba: https://www.iconfont.cn/

Alamat ikon font tapak web perpustakaan ikon Alibaba: https://www.iconfont.cn/

2. Cari

Fungsi carian ikon Alibaba sangat berkuasa Anda boleh mencari ikon yang diperlukan dengan cara berikut:

1. Carian kata kunci

Dengan memasukkan kata kunci Anda boleh mencari ikon berkaitan dengan cepat. Contohnya, jika anda mencari "Ai", anda boleh menemui semua ikon bermula dengan "Ai" termasuk Adobe Illustrator.

2. Carian kategori

Ikon Alibaba menyediakan pelbagai kategori, termasuk perniagaan, gaya reka bentuk, fungsi, jenis ikon, dll. Anda boleh mencari mengikut kategori untuk mencari ikon yang dikehendaki.

3. Carian teg

Setiap ikon mempunyai berbilang teg dan anda boleh mencari ikon yang berkaitan dengan cepat melalui teg. Sebagai contoh, anda boleh mencari "Mel" dan kemudian klik label "Sampul surat" untuk mencari ikon sampul surat yang berkaitan dengan mel dengan cepat.

3 Muat turun

Selepas mencari ikon yang anda perlukan, anda boleh memuat turunnya. Ikon Alibaba menyediakan dua kaedah muat turun: muat turun kod dan muat turun SVG.

1. Muat turun kod

Kod muat turun terbahagi kepada dua jenis: Simbol dan Kelas Fon. Antaranya, Simbol ialah kod berdasarkan ikon SVG, dan Kelas Fon ialah kod berdasarkan fon. Menggunakan kaedah kod memerlukan memasukkan kod ke dalam html.

Muat turun 2.SVG

Muat turun SVG adalah untuk memuat turun ikon dalam format SVG. Kaedah ini sesuai untuk pereka yang perlu bekerja dengan imej SVG.

Ikon Alibaba menyediakan sejumlah besar ikon berkualiti tinggi dan menyediakan pelbagai kaedah penggunaan, meliputi pelbagai senario yang diperlukan untuk reka bentuk dan kerja R&D. Saya harap artikel ini dapat membantu anda menggunakan ikon Alibaba dengan berkesan

Atas ialah kandungan terperinci Cara menggunakan ikon Alibaba. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!