Bộ công cụ Icon
for Creators

Tìm kiếm 200,000+ icon. Tối ưu tốc độ. Xuất sang HTML, SVG, JSX, Tailwind & nhiều tính năng khác.

Zero-Bundle Bloat Smart Edge CDN 200,000+ Icons Tailwind CSS Native 1-Click Copy JSX/SVG Được yêu thích bởi Devs & Designers Open Licensed Figma & Framer Ready

Quick Start

Installation

npmnpm install viconic-react-icons

Usage (App.jsx)

import { ViconicIcon } from "viconic-react-icons";

function App() {
  return (
    <div style={{ display: "flex", gap: "10px" }}>
      {/* Basic Usage */}
      <ViconicIcon name="h2:0" />

      {/* With Tailwind CSS */}
      <ViconicIcon
        name="lucide:home"
        className="w-8 h-8 text-blue-500"
      />

      {/* With shorthand props */}
      <ViconicIcon
        name="fa:solid:user"
        size={32}
        color="green"
      />
    </div>
  );
}

export default App;

Why Viconic?

Tốc độ siêu việt

Icon được load qua Smart CDN ngay lúc runtime. File JS dự án của bạn luôn giữ mức 0KB. Tốc độ bàn thờ.

Quy trình 1-Click

Dẹp bỏ đống file SVG rác. Tìm kiếm, chỉnh màu và paste thẳng vào Figma, Framer hay Webflow chỉ với 1 click.

Thư viện đồ sộ

Lucide, Tabler, FontAwesome... Mọi bộ icon mã nguồn mở xịn nhất thế giới quy tụ tại một nền tảng.

Tối ưu Tailwind

Đổi màu, chỉnh size hay thêm hiệu ứng cực mượt bằng các class Tailwind CSS mà bạn đã quen thuộc.

Sẵn sàng cho React

Cài đặt qua NPM. Hỗ trợ hoàn hảo Next.js (SSR) và tự động gợi ý code với TypeScript.

Câu hỏi thường gặp

Sẵn sàng để tạo nên điều gì đó tuyệt vời?

Tham gia cùng cộng đồng các nhà sáng tạo đang sử dụng Viconic Kits để tối ưu hóa quy trình thiết kế.