unicons

Unicons

1000+ ikon vektor dan Iconfont piksel piksel untuk proyek Anda berikutnya. Ikon -ikon ini dirancang oleh Iconscout.

Memulai

Menggunakan sebagai font

Sangat mudah untuk menggunakan unicons di situs web Anda dengan hanya memasukkan CSS berikut. Anda juga dapat mengunduh repo ini dan menggunakan folder CSS dari css .

 < link
  rel =" stylesheet "
  href =" https://unicons.iconscout.com/release/v4.0.0/css/unicons.css "
/>

Dan gunakan ikon di body Anda seperti di bawah ini.

 < i class =" uil uil-comments " > </ i >

Menggunakan sebagai paket NPM

Anda dapat dengan mudah menginstal unicons menggunakan NPM.

npm install --save @iconscout/unicons

Menggunakan sebagai SVG

Jika Anda seorang desainer maka selalu bagus untuk memiliki file SVG. Anda dapat mengunduh SVG dari situs web resmi unicons atau mengunduh Icondrop untuk mengakses ikon -ikon ini langsung ke dalam sketsa, Adobe XD, Adobe Illustrator, dan banyak lagi.

Menggunakan kerangka kerja yang berkeping -keping

Ada paket flutter yang dibuat oleh Pedro Lemos, tersedia di pub.dev, yang dapat dengan mudah digunakan dalam proyek Anda.

Cukup tambahkan ketergantungan di file pubspec.yaml Anda sebagai berikut:

 dependencies :
  unicons : ^1.0.0+2

Kemudian, jalankan perintah di atas:

flutter pub get

Atau, editor Anda mungkin mendukung flutter pub get . Periksa dokumen untuk editor Anda untuk mempelajari lebih lanjut.

Sekarang, dalam kode DART Anda, impor paket:

 import 'package:unicons/unicons.dart' ;

Gunakan dengan kerangka JS

Kami telah membuat komponen untuk perpustakaan populer seperti React, Vuejs, React Native. Anda dapat menuju ke repo GitHub resmi untuk mengetahui lebih banyak.

Gaya garis

• Untuk Bereaksi: https://github.com/iconscout/react-unicons
• Untuk Vuejs: https://github.com/iconscout/vue-unicons
• Untuk React Native: https://github.com/iconscout/react-native-unicons

Gaya solid

• Untuk Bereaksi: https://github.com/iconscout/react-unicons-solid
• Untuk Vuejs: https://github.com/iconscout/vue-unicons-solid

Gaya monokrom

• Untuk React: https://github.com/iconscout/react-unicons-monochrome

Lebih banyak cara (didukung masyarakat)

• Vue-Unicons oleh Anton Reshetov

Peta jalan

• Membuat komponen bereaksi
• Menambahkan ikon merek
• Merancang gaya solid
• Merancang gaya garis tipis
• Dukungan untuk Animasi CSS
• Buat sprite SVG di mana pengguna dapat mengontrol atribut yang berbeda seperti stroke, isian, lebar, tinggi dan banyak lagi.

Berkontribusi

Kami akan senang memiliki dukungan masyarakat untuk unicons. Jangan ragu untuk membayar dan membuat permintaan tarik. Kami telah memberikan peta jalan kecil di atas sehingga Anda dapat membantu kami membangun fitur -fitur ini.

Permintaan ikon

Kami telah membuat utas di Komunitas Iconscout di mana Anda dapat meminta ikon baru. Dan kami akan dengan senang hati mendesainnya dalam beberapa minggu mendatang.

Lisensi

Unicons adalah ikon open source dan dilisensikan di bawah Iconscout Lisensi Sederhana. Anda bebas menggunakan ikon -ikon ini dalam proyek pribadi dan komersial Anda. Kami ingin melihat atribusi di aplikasi Anda tentang layar, tetapi itu tidak wajib.

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >