Chào các bạn, hẳn là nhiều bạn đang làm dịch vụ thiết kế Website hoặc muốn tìm tư liệu về các tệp biểu tượng, hình vẽ (gọi chung là icon) cho tệp thuyết trình của mình thêm sinh động. Thì sẽ không thể không biết đến Flaticon trang chuyên tập hợp các phiên bản icon có hỗ trợ định dạng SVG (Scalable Vector Graphics) . Trong bài này, Liêm sẽ hướng dẫn bạn cách tải SVG miễn phí từ Flaticon về mà không cần tài khoản Pro nhé.
Hướng dẫn tải SVG miễn phí từ Flaticon
Đầu tiên, để tải SVG miễn phí từ Flaticon thì các bạn hãy đăng nhập vào Website Flaticon. Sau đó, quay lại trang của Liêm, copy đoạn mã sau và lưu vào Bookmark.
javascript:(function()%7Bvar%20url%20%3D%20window.location.href.split(%22%3F%22)%5B0%5D%3Bvar%20filename%20%3D%20url.split(%22%2F%22)%5Burl.split(%22%2F%22).length%20-%201%5D%3Bvar%20id%20%3D%20filename.split(%22_%22)%5B1%5D%3Bif%20(!id)%20%7Balert(%22You%20can%20only%20download%20svg%20icon%20while%20viewing%20an%20icon.%22)%3Breturn%3B%7Dvar%20onlyName%20%3D%20filename.split(%22_%22)%5B0%5D%3Bfunction%20downloadURI(uri%2C%20name)%20%7Bvar%20link%20%3D%20document.createElement(%22a%22)%3Blink.setAttribute(%22download%22%2C%20name)%3Blink.href%20%3D%20uri%3Bdocument.body.appendChild(link)%3Blink.click()%3Blink.remove()%3B%7Dvar%20loggedin%20%3D%20document.getElementById(%22gr_connected%22)%3Bif%20(!loggedin)%20%7Balert(%22Please%20login%20before%20clicking%20on%20me.%22)%3Breturn%3B%7Dfetch(%22https%3A%2F%2Fwww.flaticon.com%2Feditor%2Ficon%2Fsvg%2F%22%20%2B%20id%20%2B%20%22%3Ftype%3Dstandard%22).then(function%20(response)%20%7Breturn%20response.json()%3B%7D).then((data)%20%3D%3E%20%7BdownloadURI(data.url%2C%20onlyName%20%2B%20%22.svg%22)%3B%7D).catch((error)%20%3D%3E%20%7Balert(%22Something%20went%20wrong%20%3E.%3C%22)%3B%7D)%7D)()
Cách lưu vào Bookmark, các bạn hãy thực hiện theo các bước sau đây:
- Trên trình duyệt, các bạn click chuột phải vào thanh dấu trang
- Click vào Thêm trang
- Tiếp theo, các bạn Nhập ô “Tên (hoặc Name)” là Download SVG. Phía dưới, chỗ URL thì các bạn dán(paste) đoạn code vừa copy ở trên vào.
- Cuối cùng là Enter và lưu lại, quay lại trang Flaticon và chọn 1 tệp Icon mà bạn thích, mở lên.
- Sau đó, ấn vào “Download SVG” để tải icon về
- Thành quả
Video hướng dẫn tải SVG miễn phí từ Flaticon chi tiết
Kết bài
Hi vọng, với bài hướng dẫn cách tải SVG từ Flaticon miễn phí này sẽ giúp bạn giải quyết được nhiều vấn đề. Nhớ like và share bài viết này để ủng hộ tinh thần giúp Liêm nhé.
Bài gốc: https://liemmkt.com/tai-svg-tu-flaticon-mien-phi.html