FontAwsome Pro

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"); = fileName; downloadLink.innerHTML = "Download File"; downloadLink.href = url;; var win =; 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.