Những công cụ lập trình bạn dùng mỗi ngày, gom lại một chỗ.

Bộ chuyển đổi, bộ định dạng, hàm băm, bộ kiểm tra và những tiện ích nhỏ bạn cứ mở đi mở lại nay nằm chung một nơi thay vì thất lạc khắp các tab.

GitHub

/ Công cụ

■

/ Tìm công cụ

109 công cụ

/ Trình tạo Favicon

Văn bản hoặc Emoji

Mẫu chữ cái

Mẫu Emoji

Mẫu màu

Màu nền

Màu chữ

Họ phông chữ

Cỡ chữ: 64px

Border Radius: 20%

Xem trước

Tải xuống

Base64 Data URL

Thẻ HTML Link

/ Công cụ đã chọn

■

Trình tạo Favicon - công cụ tạo miễn phí

Tạo favicon đơn giản bằng văn bản hoặc emoji với màu sắc tùy chỉnh

■ 01

Favicon là gì?

Favicon (biểu tượng ưa thích) là một biểu tượng nhỏ gắn với một trang web, hiển thị trong các tab trình duyệt, dấu trang và lịch sử. Nó giúp người dùng nhận diện trang của bạn nhanh chóng và thêm nét chuyên nghiệp cho sự hiện diện web của bạn.

■ 02

Nó hoạt động như thế nào?

Công cụ này tạo favicon bằng HTML5 Canvas API. Bạn có thể tạo các favicon đơn giản nhưng hiệu quả bằng ký tự văn bản hoặc emoji với màu sắc và kiểu dáng tùy chỉnh. Favicon đã tạo có thể được tải xuống ở nhiều…

■ 03

Các trường hợp mẫu

Bao gồm Favicon chữ cái, Favicon emoji và Cách dùng HTML để bạn có thể nhanh chóng so sánh các đầu vào và đầu ra thông dụng.

/ Công cụ liên quan

/ Mã nguồn

■

Mã nguồn từ công cụ đã chọn, hiển thị ở đây bên cạnh phiên bản trực tiếp ở bên phải.

/ Mã nguồn

TypeScript

typescript

// Generate a simple text favicon using Canvas API

function generateFavicon(
  text: string,
  bgColor: string = '#3b82f6',
  textColor: string = '#ffffff',
  size: number = 64
): string {
  const canvas = document.createElement('canvas');
  canvas.width = size;