Iconbuddy - ค้นหาและแก้ไขไอคอน SVG โอเพนซอร์สมากกว่า 300,000 รายการ

 (iconbuddy.app)
5 คะแนน โดย GN⁺ 2023-07-24 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • Iconbuddy เป็น เสิร์ชเอนจินสำหรับไอคอน ที่ให้ค้นหาไอคอนจากหลายไลบรารีโอเพนซอร์สได้ในที่เดียว พร้อมปรับสี·ขนาดแล้วดาวน์โหลดได้
  • ตามเมทาดาทาของบริการ มี ไอคอน SVG ฟรีมากกว่า 300,000 รายการ ช่วยลดความยุ่งยากในการต้องไล่หาแต่ละชุดไอคอนแยกกัน
  • รองรับการส่งออกเป็น SVG, PNG, JSX, Base64 จึงนำไปใช้ได้ทั้งงานออกแบบและงานโค้ดฝั่งฟรอนต์เอนด์
  • มีการระบุว่ามี ผู้เชี่ยวชาญกว่า 500K+ คน ใช้งาน และแสดงรายชื่อการใช้งานอย่าง Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean เป็นต้น
  • สามารถสำรวจ ไลบรารีไอคอนโอเพนซอร์ส อย่าง HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome, Simple Icons ได้ในที่เดียว

ตั้งแต่ค้นหาจนถึงส่งออกในเวิร์กโฟลว์เดียว

  • Iconbuddy เป็น เสิร์ชเอนจินสำหรับไอคอนโอเพนซอร์ส ที่มอบเวิร์กโฟลว์แบบ “ค้นหาได้รวดเร็ว แก้ไขได้อิสระ ดาวน์โหลดได้ทันที”
  • ตามเมทาดาทาของบริการ ฟีเจอร์หลักมีดังนี้
    • ค้นหาและดาวน์โหลดไอคอน SVG ฟรี มากกว่า 300,000 รายการ
    • ปรับแต่งสีและขนาดได้
    • ส่งออกเป็น SVG, PNG, JSX, Base64

ขนาดการใช้งานและตัวอย่างการใช้งาน

  • มีการระบุว่ามี ผู้เชี่ยวชาญทั่วโลกกว่า 500K+ คน ใช้งาน
  • มีการแสดงรายชื่อต่อไปนี้เป็นตัวอย่างการใช้งาน
    • Framer
    • Midjourney
    • Figma
    • Mobbin
    • Google
    • Microsoft
    • cohere
    • CashApp
    • Buy Me a Coffee
    • DigitalOcean
    • Roadmap.sh
    • Letter

ตัวอย่างไลบรารีไอคอนหลักที่รวมอยู่

  • ชุดไอคอนทั่วไป

    • Fluent UI System Icons: 18,519 รายการ
    • Material Symbols Light: 14,910 รายการ
    • Material Symbols: 14,840 รายการ
    • Google Material Icons: 10,955 รายการ
    • Phosphor: 9,072 รายการ
    • Material Design Icons: 7,447 รายการ
    • Solar: 7,401 รายการ
    • Tabler Icons: 5,963 รายการ
    • Huge Icons: 4,556 รายการ
    • Game Icons: 4,123 รายการ

  • ไอคอนสำหรับพัฒนาและไฟล์

    • VSCode Icons: 1,397 รายการ
    • Material Icon Theme: 1,106 รายการ
    • Devicon: 957 รายการ
    • Devicon Plain: 700 รายการ
    • Codicons: 497 รายการ
    • Skill Icons: 397 รายการ

  • ไอคอนแบรนด์และโลโก้

    • Simple Icons: 3,364 รายการ
    • SVG Logos: 1,837 รายการ
    • Logos free icons: 1,362 รายการ
    • Font Awesome Brands: 548 รายการ
    • CoreUI Brands: 830 รายการ

  • ไอคอนอีโมจิและธง

    • Noto Emoji: 3,710 รายการ
    • Twitter Emoji: 3,668 รายการ
    • OpenMoji: 4,185 รายการ
    • Fluent Emoji Flat: 3,145 รายการ
    • Flag Icons: 542 รายการ
    • Circle Flags: 632 รายการ

รูปแบบการใช้งานในงานจริง

  • สามารถ ค้นหา·แก้ไข·ดาวน์โหลด ได้ในที่เดียว โดยไม่ต้องเข้าแต่ละไลบรารีไอคอนแยกกัน
  • ด้วยการรองรับการปรับสีและขนาด รวมถึงหลายรูปแบบการส่งออก ทำให้นักออกแบบและนักพัฒนาสามารถใช้แอสเซ็ตไอคอนชุดเดียวกันให้เหมาะกับสภาพแวดล้อมการทำงานของตนได้

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-07-24
ความคิดเห็นจาก Hacker News

  • น่าจะดีถ้าดู ไลเซนส์และผู้สร้าง ของแต่ละไอคอนได้
    ตอนนี้ถ้าหาจากการค้นหาไอคอนรวมทั้งเว็บ ดูเหมือนว่าจะทำไม่ได้ เลยสงสัยว่าผมพลาดอะไรไปหรือเปล่า

    • การที่ ไม่มีข้อมูลไลเซนส์ ตรงนี้ถือว่าค่อนข้างร้ายแรง
      เขาใช้คำว่า “ไอคอนโอเพนซอร์ส” แต่ทุกวันนี้คำนี้ถูกใช้พร่ำเพรื่อจนแทบไม่มีความหมายแล้ว
      ลองเช็กดูไม่กี่อันก็ไม่เห็นข้อมูลไลเซนส์อยู่ในไฟล์ SVG ที่ดาวน์โหลดมาด้วย
    • อย่างน้อยก็ควรมี แหล่งที่มา ไม่งั้นก็ใช้งานไม่ได้
      ในเชิงเทคนิคมันอาจเป็นโอเพนซอร์ส แต่ข้อดีของมันแทบหายไปหมด
      เห็นปัญหานี้ได้ชัดจากตัวอย่างอย่าง https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google แล้วก็ไม่รู้ว่าไอคอนของบริการที่คนรู้จักน้อยกว่านี้จะเป็นขนาดไหน
      ก็ไม่รู้เหมือนกันว่ามีไอคอนที่เป็น CC-BY ซึ่งต้องระบุที่มาอยู่กี่อัน และมีแหล่งที่มาน่าสงสัยที่ไปขโมยไอคอนมาแล้วอ้างว่าเป็น CC0 เพื่อ ฟอกไลเซนส์ อยู่เท่าไร
    • อันนี้คงไม่ใช่โอเพนซอร์ส และน่าจะมี ปัญหาเครื่องหมายการค้า ด้วย: https://iconbuddy.app/bxl/amazon
    • หน้าแรกก็ควรมีส่วนที่อธิบาย ไลเซนส์และแหล่งที่มา ของไอคอนด้วย หาไม่เจอเลยก็เลยปิดหน้าไปทันที
    • กดไอคอนข้อมูลข้างชื่อคอลเลกชันแล้วจะเห็น รายละเอียดไลเซนส์, GitHub repository/Figma file และข้อมูลผู้สร้าง/ดีไซเนอร์

  • The Noun Project ใหญ่กว่า และมี ไอคอน 5 ล้านรายการ พร้อมไลเซนส์ที่ชัดเจนกว่า: https://thenounproject.com/

    • ผมจ่ายปีละ 40 ดอลลาร์ สำหรับเวอร์ชัน Pro และมันดีมากเวลาต้องการไอคอนหรือภาพประกอบง่าย ๆ
      ผมก็เอาหลายไอคอนมาประกอบกันใช้บ่อยเหมือนกัน และแทบจะมีไอคอนสำหรับทุกอย่างจริง ๆ
      “Affair”
      https://thenounproject.com/icon/cheating-10395/

  • ใช้ https://iconify.design/ เป็นหลักมาหลายปีแล้ว
    ชอบฟีเจอร์ที่เปลี่ยนสีได้ใน UI แต่ส่วนตัวผมใช้ คลาส Tailwind กับสี

  • ดีเลย! ยังมีโปรเจกต์คล้ายกันของ Anthony Fu ด้วย: https://icones.js.org
    สงสัยว่าทั้งคู่พึ่งพาเฟรมเวิร์ก Iconify เหมือนกัน เลยแชร์ ซูเปอร์เซ็ตของไอคอน ชุดเดียวกันหรือเปล่า

  • เจ๋งมาก :)
    ถ้าขอฟีเจอร์เล็ก ๆ / ข้อเสนอแนะได้ อยากให้ตอนดูผลการค้นหามี ลิงก์ไปคอลเลกชันต้นทาง ของแต่ละผลลัพธ์ด้วย
    เช่น ถ้าเห็นไอคอนที่ชอบในผลค้นหา ก็อยากรู้ว่ามันมาจากคอลเลกชันไหน

    • ไอเดียของเว็บไซต์โอเคนะ แต่ถ้าดูไม่ออกว่าผลค้นหามาจากคอลเลกชันไหน มันก็ใช้งานได้น้อยลงมาก
      แถมในเว็บก็ไม่แสดงไลเซนส์ด้วย ถ้าไม่รู้ว่าเป็นชุดไอคอนอะไร ก็ไปตามหาข้อมูลเองไม่ได้

  • ไม่นานมานี้ผมไปจัดตู้ที่บ้านพ่อแม่แล้วเจอ กล่องคลิปอาร์ต
    มันแบ่งอยู่ในดิสก์ 50 แผ่น ราคา 50 ดอลลาร์ ยังมีป้ายราคาแปะอยู่เลย น่าจะเป็นของราวปี 1990
    พอมาคิดดู ทุกวันนี้คอลเลกชันไอคอนทั้งชุดแบบนั้นกลับใช้ฟรีและหยิบใช้ได้ทันที

    • ถ้าคิดเป็นเงินปัจจุบันก็ 116 ดอลลาร์
      น่าจะเป็นงานเสริมที่ทำเงินใช้ได้เลย

  • ดีอยู่ แต่ผมชอบ https://icones.js.org/ มากกว่า

  • อยากรู้ว่าเทียบกับ https://fontawesome.com แล้วเป็นอย่างไร
    แก้ไข: ดูจากหน้านี้แล้วเหมือนจะเป็นซูเปอร์เซ็ต: https://iconbuddy.app/fa-solid

    • Font Awesome เวอร์ชันล่าสุดไม่ใช่โอเพนซอร์ส
      Fork Awesome เป็นฟอร์กโอเพนซอร์ส: https://forkaweso.me/Fork-Awesome/

  • ต้องใช้ด้วยความรับผิดชอบของตัวเอง ไม่มีไลเซนส์ และแหล่งที่มาของไอคอนก็มาจากหลายที่ปะปนกัน

  • บอกว่าปรับแต่งได้เต็มที่เหรอ? สิ่งที่เปลี่ยนได้มีแค่ สี เท่านั้น

    • พื้นหลังก็เปลี่ยนได้หลายแบบนะ ซึ่งผมว่าก็ถือเป็น มูลค่าเพิ่ม ที่ใช้ได้เหมือนกัน