Hướng dẫn tải Icon SVG lên Website

WordPress mặc định là không cho phép tải Icon SVG lên website vì lý do bảo mật.

Icon SVG là gì?

Đó là loại icon mà dù bạn phóng to hay thu nhỏ đến bất kỳ kích thước nào thì dung lượng và chất lượng ảnh vẫn giữ nguyên.

Ví dụ bạn phóng to icon SVG từ 50 x 50 px có dung lượng 10KB lên 1000 x 1000px thì dung lượng nó vẫn là 10KB, mà độ sắc nét vẫn y hệt như ban đầu.

Hướng dẫn tải Icon SVG?

Rất nhiều địa chỉ tải icon SVG, nhưng mình thường sử dụng Flaticon, vì icon ở đây miễn phí rất rất nhiều. Và để tải icon SVG từ đây, bạn có thể làm theo các bước sau.

Đầu tiên bạn truy cập vào Flaticon.com và đăng ký tài khoản

Sau đó gõ loại icon vào ô tìm kiếm rồi bấm Enter (gõ Tiếng Anh nhá).

Chọn icon bạn thích và bấm Download SVG.

Nếu bạn muốn sửa màu sắc của icon thì bấm vào Edit

Bấm vào một màu bất kỳ ở Select a color > Sau đó gõ tên mã màu như mũi tên thứ 2 trong hình > Xong xuôi bấm Download.

Bấm vào SVG

Và icon SVG sẽ được tải về máy của bạn.

Hướng dẫn đăng Icon SVG lên website.

Đầu tiên bạn cần cài đặt plugin Safe SVG.

Cài đặt và kích hoạt là xong. Plugin sẽ bật tính năng cho phép đăng SVG lên website.

Bây giờ bạn viết bài, và đăng icon SVG bình thường như đăng ảnh thôi.

Trường hợp bạn sử dụng các Page Builder, có thể sẽ gặp lỗi khi tải icon lên. Lúc đó bạn chỉ cần vào Thư viện > Tải lên > Tải icon SVG lên.

Sau đó mở lại Page Builder, và chọn icon vừa tải lên là được.

Ảnh đại diện: fancycrave1/Pixabay