[TIPS] Tải hình SVG trên FlatIcon miễn phí

Xin chào các bạn, bài viết hôm nay mình sẻ hướng dẫn các bạn cách tải hình SVG miễn phí trên FlatIcon, 

mặc định chỉ cho tải hình PNG 512, còn muốn tải hình định dạng SVG phải có tài khoản Premium mới download được.

[TIPS] Hướng dẫn cách tải hình SVG trên FlatIcon miễn phí

Trong lập trình ứng dụng, việc tìm kiếm icon cho phù hợp với các chức năng của ứng dụng rất phức tạp, vì mình không có người thiết kế.

Bạn có thể lên trang FlatIcon tìm kiếm icon và hình ảnh để sử dụng.

Hình Svg giúp chúng ta có thể thay đổi màu icon một cách linh hoạt và sắc nét.

Từ menu thanh BookMark Toolbar, các bạn add new như hình Gif ở trên:

Ở cột Name, thì bạn nhập gì tùy ý. Ví dụ: Download SVG
Còn ở mục URL, các bạn Paste đoạn code bên dưới này vào.

javascript: (function() {
    var url = window.location.href.split("?")[0];
    var filename = url.split("/")[url.split("/").length - 1];
    var id = filename.split("_")[1];
    if (!id) {
        alert("You can only download svg icon while viewing an icon.");
        return;
    }
    var onlyName = filename.split("_")[0];

    function downloadURI(uri, name) {
        var link = document.createElement("a");
        link.setAttribute("download", name);
        link.href = uri;
        document.body.appendChild(link);
        link.click();
        link.remove();
    }
    var loggedin = document.getElementById("gr_connected");
    if (!loggedin) {
        alert("Please login before clicking on me.");
        return;
    }
    fetch("https://www.flaticon.com/editor/icon/svg/" + id + "?type=standard").then(function(response) {
        return response.json();
    }).then((data) => {
        downloadURI(data.url, onlyName + ".svg");
    }).catch((error) => {
        alert("Something went wrong >.<");
    })
})()

Chúc các bạn thành công với thủ thuật trên.

Theo LapTrinhVB