หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ดาวน์โหลดแบบอักษร
ดาวน์โหลด

Unicons

ไอคอนเวกเตอร์และไอคอนที่สมบูรณ์แบบ 1,000 พิกเซลและไอคอนสำหรับโครงการต่อไปของคุณ ไอคอนเหล่านี้ได้รับการออกแบบโดย iConScout

เริ่มต้น

ใช้เป็นตัวอักษร

มันง่ายที่จะใช้ Unicons บนเว็บไซต์ของคุณโดยเพียงแค่แทรก CSS ต่อไปนี้ นอกจากนี้คุณยังสามารถดาวน์โหลด repo นี้และใช้โฟลเดอร์ CSS จาก css 

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

และใช้ไอคอนใน body ของคุณด้านล่าง 

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

ใช้แพ็คเกจ NPM

คุณสามารถติดตั้ง Unicons ได้อย่างง่ายดายโดยใช้ NPM 

npm install --save @iconscout/unicons

ใช้เป็น SVG

หากคุณเป็นนักออกแบบมันก็ยอดเยี่ยมมากที่มีไฟล์ SVG คุณสามารถดาวน์โหลด SVGs จากเว็บไซต์อย่างเป็นทางการของ Unicons หรือดาวน์โหลด iCondrop เพื่อเข้าถึงไอคอนเหล่านี้ลงใน Sketch, Adobe XD, Adobe Illustrator และอีกมากมาย

ใช้ในเฟรมเวิร์ก Flutter

มีแพ็คเกจ Flutter ที่สร้างขึ้นโดย Pedro Lemos ซึ่งสามารถใช้งานได้ใน Pub.dev ซึ่งสามารถใช้งานได้ง่ายในโครงการของคุณ

เพียงเพิ่มการพึ่งพาในไฟล์ pubspec.yaml ของคุณดังต่อไปนี้: 

 dependencies :
  unicons : ^1.0.0+2

จากนั้นเรียกใช้คำสั่งด้านบน: 

flutter pub get

อีกทางเลือกหนึ่งบรรณาธิการของคุณอาจรองรับ flutter pub get ตรวจสอบเอกสารสำหรับบรรณาธิการของคุณเพื่อเรียนรู้เพิ่มเติม

ตอนนี้ในรหัสปาเป้าของคุณนำเข้าแพ็คเกจ: 

 import 'package:unicons/unicons.dart' ;

ใช้กับ JS Frameworks

เราได้สร้างส่วนประกอบสำหรับห้องสมุดยอดนิยมเช่น React, Vuejs, React Native คุณสามารถตรงไปที่ Repo อย่างเป็นทางการของ GitHub เพื่อทราบข้อมูลเพิ่มเติม

รูปแบบเส้น

  • สำหรับ React: https://github.com/iconscout/react-unicons
  • สำหรับ vuejs: https://github.com/iconscout/vue-unicons
  • สำหรับ React Native: https://github.com/iconscout/react-native-unicons

สไตล์ที่มั่นคง

  • สำหรับ React: https://github.com/iconscout/react-unicons-solid
  • สำหรับ vuejs: https://github.com/iconscout/vue-unicons-solid

สไตล์ขาวดำ

  • สำหรับ React: https://github.com/iconscout/react-unicons-monochrome

วิธีเพิ่มเติม (สนับสนุนชุมชน)

  • Vue-Unicons โดย Anton Reshetov

แผนงาน

  • สร้างส่วนประกอบตอบสนอง
  • การเพิ่มไอคอนแบรนด์
  • ออกแบบสไตล์ที่มั่นคง
  • การออกแบบสไตล์เส้นบาง ๆ
  • สนับสนุนภาพเคลื่อนไหว CSS
  • สร้างสไปรต์ SVG ซึ่งผู้ใช้สามารถควบคุมแอตทริบิวต์ที่แตกต่างกันเช่นจังหวะการเติมความกว้างความสูงและอื่น ๆ

การบริจาค

เรายินดีที่จะได้รับการสนับสนุนจากชุมชนสำหรับ Unicons อย่าลังเลที่จะแยกและสร้างคำขอดึง เราได้ให้แผนงานขนาดเล็กด้านบนเพื่อให้คุณสามารถช่วยเราสร้างคุณสมบัติเหล่านี้

คำขอไอคอน

เราได้สร้างเธรดที่ชุมชน iConScout ซึ่งคุณสามารถขอไอคอนใหม่ได้ และเรายินดีที่จะออกแบบพวกเขาในอีกไม่กี่สัปดาห์ข้างหน้า

ใบอนุญาต

Unicons เป็นไอคอนโอเพนซอร์สและได้รับใบอนุญาตภายใต้ใบอนุญาต ICONSONCOUT Simple คุณมีอิสระที่จะใช้ไอคอนเหล่านี้ในโครงการส่วนตัวและเชิงพาณิชย์ของคุณ เราชอบที่จะเห็นการระบุแหล่งที่มาของแอปของคุณ เกี่ยวกับ หน้าจอ แต่มันไม่ได้บังคับ 

Unicons by < a href =" https://iconscout.com/ " > IconScout </ a >
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด