digtools
🎨
svg icon search,

Tìm kiếm Biểu tượng SVG

Tìm kiếm Lucide & Heroicons—nhấp để sao chép mã SVG, React hoặc Vue. Tùy chỉnh kích thước, màu sắc và độ dày nét vẽ.

🔍
Tìm kiếm Đa bộ
Tìm kiếm trên cả Lucide và Heroicons
📋
Sao chép Một cú nhấp
Sao chép mã SVG/React ngay lập tức
🎨
Có thể Tùy chỉnh
Điều chỉnh kích thước, màu sắc, độ dày nét vẽ
| Giấy phép: Lucide (ISC) / Heroicons (MIT)

🔒Tất cả các hoạt động chạy hoàn toàn trong trình duyệt của bạn.

Bạn cũng có thể thích

🖼️

Trình tạo hình nền SVG

🔤

Trình rút gọn Font (Font Subsetter)

📱

Trình tạo hình ảnh Responsive

about,

Giới thiệu

Tìm kiếm Biểu tượng SVG cho phép bạn tìm kiếm qua bộ biểu tượng Lucide và sao chép mã SVG bằng một cú nhấp chuột. Tùy chỉnh kích thước, màu sắc và độ dày nét vẽ, đồng đồng thời tạo sẵn mã component React hoặc Vue. Mọi thứ chạy trong trình duyệt của bạn mà không cần yêu cầu mạng.

how to use,

Cách sử dụng

BƯỚC 1

Tìm kiếm theo Tên

Nhập một từ khóa (arrow, home, v.v.) để lọc các biểu tượng.

BƯỚC 2

Chọn & Tùy chỉnh

Nhấp vào một biểu tượng, sau đó điều chỉnh kích thước, màu sắc và độ dày nét vẽ.

BƯỚC 3

Sao chép Mã

Sao chép mã SVG, React hoặc Vue trực tiếp vào dự án của bạn.

glossary,

Thuật ngữ

SVG (Đồ họa vector có thể mở rộng)
Một định dạng hình ảnh vector dựa trên XML, thu phóng mà không giảm chất lượng, lý tưởng cho web.
Lucide
Một bộ biểu tượng SVG nguồn mở với hơn 1500 biểu tượng. Cấp phép theo ISC.
Heroicons
Các biểu tượng SVG của nhóm Tailwind CSS. Cấp phép theo MIT.
viewBox
Thuộc tính SVG xác định hệ tọa độ, đảm bảo tỷ lệ thu phóng chính xác.
stroke-width
Kiểm soát độ dày của các nét vẽ biểu tượng.
currentColor
Một từ khóa SVG kế thừa giá trị màu CSS (color) để làm nét vẽ/tô màu.
faq,

FAQ

Q.Các biểu tượng được cấp phép theo giấy phép nào?
Lucide được cấp phép theo ISC, Heroicons được cấp phép theo MIT. Cả hai đều miễn phí cho mục đích thương mại.
Q.Dữ liệu có được gửi đến máy chủ không?
Không. Tất cả các hoạt động đều chạy trong trình duyệt của bạn.
use cases,

Ứng dụng

🎨

Thiết kế Web

Tìm các biểu tượng hoàn hảo cho các dự án UI.

💻

Dự án React

Sao chép import component ngay lập tức.

📐

Bản mẫu Thiết kế

Xem trước biểu tượng trước khi thêm vào Figma.

📚

So sánh Thư viện

So sánh Lucide vs Heroicons cạnh nhau.

Công cụ liên quan

Trình tạo CSSXem tất cả
🖼️

Trình tạo hình nền SVG

Tạo các mẫu hình nền SVG tuyệt đẹp dùng làm background CSS.

🔤

Trình rút gọn Font (Font Subsetter)

Giảm dung lượng tệp font chữ bằng cách loại bỏ các ký tự không dùng.

📱

Trình tạo hình ảnh Responsive

Tạo bộ ảnh với nhiều kích thước hỗ trợ thuộc tính srcset cho website.

📐

Trình tạo bố cục CSS

Tạo mã CSS cho các bố cục Flexbox hoặc CSS Grid linh hoạt.

✨

Trình tạo CSS View Transition

Tạo hiệu ứng chuyển cảnh trang web bằng CSS View Transitions API.

🎨

Trình chuyển đổi màu sắc

Chuyển đổi các định dạng màu (HEX, RGB, HSL, CMYK) qua lại dễ dàng.

🎨

Bảng chọn màu từ hình ảnh

Trích xuất mã màu trực tiếp từ bất kỳ vị trí nào trên hình ảnh tải lên.

↔️

Trình tạo CSS Clamp

Tạo hàm clamp() trong CSS để thiết kế kiểu chữ và khoảng cách responsive.

✂️

Trình tạo CSS clip-path

Tạo hình dạng cắt clip-path trực quan cho các phần tử web bằng CSS.

Tất cả danh mục

Công cụ Web & Nhà phát triển Trình tạo CSS Công cụ Hình ảnh & Ảnh Công cụ Video & Âm thanh SEO & Tiếp thị Công cụ Mạng & Hệ thống Công cụ Văn bản & Viết Công cụ Tài chính & Lương Công cụ Ngày & Lịch Công cụ Tài liệu & Doanh nghiệp Trò chơi & Sự kiện Đời sống & Sức khỏe Trang chủ

Gửi phản hồi

Vui lòng cho chúng tôi biết suy nghĩ của bạn để giúp chúng tôi cải thiện công cụ.

Tuyên bố miễn trách nhiệm

Các công cụ được cung cấp trên trang web này hoàn toàn miễn phí, nhưng vui lòng sử dụng theo rủi ro của riêng bạn. Chúng tôi không đảm bảo về độ chính xác, đầy đủ hoặc an toàn của bất kỳ kết quả tính toán, kết quả chuyển đổi hoặc dữ liệu được tạo ra nào. Xin lưu ý rằng người vận hành không chịu trách nhiệm về bất kỳ thiệt hại hoặc sự cố nào gây ra bởi việc sử dụng các công cụ này. Hầu hết các công cụ xử lý tệp và tính toán ngay trong trình duyệt của bạn, nghĩa là dữ liệu bạn nhập không được gửi hoặc lưu trữ trên máy chủ của chúng tôi.