var a = document.querySelectorAll('.flex.flex-row.flex-wrap.items-end.justify-between.gray5.mb6.mb4-l svg');
var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
console.log(url);
//get svg element.
var source = a[0].outerHTML;
var url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
var fileName = prompt("Nháºp tên file", "icon_1");
var downloadLink = document.createElement("a");
downloadLink.download = fileName;
downloadLink.innerHTML = "Download File";
downloadLink.href = url;
downloadLink.click();
var win = window.open();
win.document.write('<h1>Copy This CSS</h1>\
.nf-' + fileName + ' {<br>\
-webkit-mask: url(../images/icon/nf/' + fileName + '.svg) no-repeat;<br>\
mask: url(../images/icon/nf/' + fileName + '.svg) no-repeat;<br>\
display: inline-block;<br>\
/*Your Size*/<br>\
height: 50px;<br>\
width: 50px;<br>\
/*Your Color*/<br>\
background: red;<br>\
/*Your code css here*/<br>\
}<br>');
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.