👋 Welcome to Iconify

6 | 7 | The Ultimate Browser Extension for **QUALITY** SVG Icons 8 | 9 |

10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |

23 | 24 | ![image](https://raw.githubusercontent.com/Kyutefox/Iconify/main/assets/web.png) 25 | 26 |

44 |

Introducing Iconify, the ultimate browser extension for anyone looking to enhance their design projects with high-quality SVG icons. With Iconify, you can easily access and download premium SVG icons from Flaticon,Icons8,FontAwesome and Iconscout one of the largest databases of vector icons available online.

45 | 46 |

This extension is supported on the following browsers:

47 | 48 | 49 | 50 | 53 | 56 | 59 | 62 | 63 | 64 | 67 | 70 | 73 | 76 | 77 |

51 \| 52 \|	54 \| 55 \|	57 \| 58 \|	60 \| 61 \|
65 \| ✅ 66 \|	68 \| ✅ 69 \|	71 \| ✅ 72 \|	74 \| ❌ 75 \|

78 | 79 |

Whether you are a designer, developer, or just someone who appreciates good design, Iconify is the perfect tool to take your projects to the next level. With its extensive power to download premium icons, you will have access to a vast range of options that will help you create beautiful and professional designs in no time. So why wait? Install Iconify today and start designing like a pro!

80 |

168 |

169 | Is it Safe? 170 |

171 | 172 |
173 | 174 | If you're concerned about the safety of using Iconify, you'll be pleased to know that the extension is 100% safe and secure to use. The extension does not track any of your browser data or any other personal information, so you can browse and download premium SVG icons with complete peace of mind. 175 | 176 | 177 | The way Iconify works is by replacing your non-premium account token with a premium token from the server when you click on the SVG button. This token is then used to send a request to the respective icon server, which returns the icon as if you were a premium user. The extension then parses the icon and creates a downloadable icon in SVG format. 178 | 179 | Aside from this process, the extension does not do anything else that might raise security concerns. You can use Iconify knowing that your data and personal information are completely safe. 180 | 181 | In conclusion, Iconify is a safe and secure extension that provides premium SVG icons for your design projects. With its user-friendly interface and seamless integration with Flaticon's server, you can browse, search, and download premium icons with ease and confidence. 182 | 183 |

Full Documentation

Full Changelog

Homepage

Author Profile

Did this project leave you impressed? Shower some love with a ⭐️!

+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$"+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\$|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$"+M+"*((?:-\\d)?\\d*)"+M+"*\$|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&v(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!y||!y.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ve(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ye(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ve(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.cssHas=ce(function(){try{return C.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],y=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||y.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||y.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||y.push(".#.+[+~]"),e.querySelectorAll("\\\f"),y.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),d.cssHas||y.push(":has"),y=y.length&&new RegExp(y.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),v=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType&&e.documentElement||e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&v(p,e)?-1:t==C||t.ownerDocument==p&&v(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!y||!y.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),v.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",v.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",v.option=!!ce.lastChild;var ge={thead:[1,"","

"],col:[2,"","

"],tr:[2,"","

"],td:[3,"","

"],_default:[0,"",""]};function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return B(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=_e(v.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return B(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 { 19 | // Create the button element 20 | const button = $('', { 21 | id: 'getFontawesomeCdn', 22 | class: "position-relative", 23 | text: 'Generate Premium Icon CDN Link', 24 | click: function() { 25 | let versionSelector = $(document).find("#choose_aversionoffontawesome").val() ?? "6.4.2"; 26 | let link = `https://site-assets.fontawesome.com/releases/v${versionSelector}/css/all.css` 27 | const textToCopy = link; 28 | const tempInput = $(''); 29 | $(document).find("body").append(tempInput); 30 | tempInput.val(textToCopy).select(); 31 | document.execCommand('copy'); 32 | tempInput.remove(); 33 | Snackbar.show({ text : "CDN link copied to clipboard" , showAction : false}) 34 | } 35 | }); 36 | 37 | // Set the button's position and styles 38 | button.css({ 39 | position: 'fixed', 40 | bottom: '20px', 41 | right: '20px', 42 | zIndex: '999', 43 | padding: "10px 20px", 44 | background: "#007bff", 45 | color: "#fff", 46 | border: "none", 47 | cursor: "pointer", 48 | borderRadius: "4px", /* Added border radius */ 49 | }); 50 | 51 | 52 | // Append the button to the container 53 | var container = $('body'); 54 | container.append(button); 55 | } 56 | 57 | const initFontAwesome = () => { 58 | let button = $(document).find("#fontAwesomeSVGDownload"); 59 | if(button.length < 1){ 60 | $(document).find(".icon-actions").append(""); 61 | } 62 | } 63 | 64 | // Create download 65 | const downloadIcon = function (text = "", downloadAbleName = "", extension = "svg",drc = false) 66 | { 67 | let newAnchorElement = document.createElement("a"); 68 | if(drc === true) 69 | { 70 | newAnchorElement.setAttribute("href", text); 71 | 72 | }else 73 | { 74 | newAnchorElement.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(text)); 75 | 76 | } 77 | newAnchorElement.setAttribute("download", (downloadAbleName + `.${extension}`) ?? "iconify.svg"); 78 | newAnchorElement.style.display = "none"; 79 | document.body.appendChild(newAnchorElement); 80 | newAnchorElement.click(); 81 | document.body.removeChild(newAnchorElement); 82 | } 83 | 84 | async function downloadPNG(imageSrc,name) { 85 | const image = await fetch(imageSrc) 86 | const imageBlog = await image.blob() 87 | const imageURL = URL.createObjectURL(imageBlog) 88 | 89 | const link = document.createElement('a') 90 | link.href = imageURL 91 | link.download = name; 92 | document.body.appendChild(link) 93 | link.click() 94 | document.body.removeChild(link) 95 | } 96 | 97 | // Create download json 98 | const downloadJson = function (data = {}, downloadAbleName = "", extension = "json"){ 99 | let jsonString = JSON.stringify(data, null, 2); 100 | let blob = new Blob([jsonString], { type: 'application/json' }); 101 | let url = URL.createObjectURL(blob); 102 | let link = document.createElement('a'); 103 | link.href = url; 104 | link.download = (downloadAbleName + "." + extension) ?? "iconify.json"; 105 | document.body.appendChild(link); 106 | link.click(); 107 | URL.revokeObjectURL(url); 108 | } 109 | 110 | //Copy SVG to clipboard 111 | const copyToClipBoard = function (text, clickedButtonElement, replacer) 112 | { 113 | const tempTextarea = $('

');
114 |     tempTextarea.val(text);
115 |     $('body').append(tempTextarea);
116 |     tempTextarea.select();
117 |     document.execCommand('copy');
118 |     tempTextarea.remove();
119 |     Snackbar.show({ text : "SVG Copied to clipboard." });
120 |     clickedButtonElement.html(replacer);
121 | }
122 | 
123 | //GET UUID
124 | const getUUIDFroIconScout = function ()
125 | {
126 |     const se = localStorage.getItem("__user_traits");
127 |     if (se)
128 |     {
129 |         const userData = JSON.parse(se);
130 |         if (userData && userData.uuid)
131 |         {
132 |             return userData.uuid;
133 |         }
134 |     }
135 |     return 0;
136 | }
137 | 
138 | // Check user logged in state
139 | const checkLoggedInStatus = function ()
140 | {
141 |     return USER.hasOwnProperty("logged_in") && USER.logged_in === true;
142 | }
143 | 
144 | // Activate the download buttons
145 | const activateButtons = function ()
146 | {
147 |     let iconifyPremiumElements = $("#fi-premium-download-buttons");
148 |     iconifyPremiumElements.find(".icon--premium").hide();
149 |     iconifyPremiumElements.find(".modal-body .hr:first").prevUntil("p.font-md.bold").remove();
150 | 
151 |     $("section[class='profile']").find("div[class='alert alert-warning']").remove();
152 | }
153 | 
154 | // load content
155 | window.addEventListener("load", function (){
156 |     // Observer to observe the content changes on page.
157 |     let targetNode  =   document.body;
158 |     let observer    =   new MutationObserver(function (mutations)
159 |     {
160 |         mutations.forEach(function (mutation) {
161 |             activateButtons();
162 |         });
163 | 
164 |         // flaticon
165 |         if($(document).find("#gr_user_menu_avatar").length > 0)
166 |         {
167 |             let userAccount = $(document).find("#gr_user_menu_avatar").find("img").attr("alt");
168 |             userAccount     = userAccount.replace(/^user/, "");
169 |             USER.logged_in  = true;
170 |             USER.id         = userAccount;
171 |             USER.active_on  = "flaticon";
172 |         }
173 | 
174 |         // icon8
175 |         if($(document).find(".i8-header__login").find(".username").length > 0)
176 |         {
177 |             let userAccount = $(document).find(".i8-header__login").find(".username").html();
178 |             USER.logged_in  = true;
179 |             USER.id         = userAccount;
180 |             USER.active_on  = "icons8";
181 |         }
182 | 
183 |         // iconscout
184 |         if($(document).find(".userProfile_UGnys h3").length > 0)
185 |         {
186 |             let userAccount = $(document).find(".userProfile_UGnys h3").text();
187 |             USER.logged_in  = true;
188 |             USER.id         = userAccount;
189 |             USER.active_on  = "iconscout";
190 |         }
191 | 
192 |         // Replace the download button with SVG download button in Iconscout
193 |         let iconScoutPremiumDownloadButton =
194 |             $(`<button type="button" class="btn btn-primary has-icon w-100 btn-lg download-icon">Download</button>`).text("Download").removeAttr("href");
195 | 
196 |         // const button = $(".modal-body main").find("button[class*='btn'][class*='dropdown-toggle'][class*='btn-primary'][class*='w-100'][class*='btn-lg'][class*='has-icon'][class*='action_H7qtc']");
197 |         const button2 = $(".modal-body main").find("button[class='btn btn-primary has-icon w-100 btn-lg action_H7qtc']");
198 |         const button3 = $(".modal-body main").find("button[class='btn btn-primary w-100 btn-lg action_rM0Z2']");
199 | 
200 | 
201 |         // const button = $("button[class='action_H7qtc']").remove();
202 |         // console.log(button);
203 |         // console.log(button2);
204 | 
205 |         // button.next("ul").remove();
206 |         // if(button)
207 |         // {
208 |         //     button.replaceWith(iconScoutPremiumDownloadButton);
209 |         //
210 |         // }
211 |         // else
212 |         // {
213 |             button2.replaceWith(iconScoutPremiumDownloadButton);
214 |             button3.replaceWith(iconScoutPremiumDownloadButton);
215 |         //
216 |         // }
217 |     });
218 | 
219 |     // Options for the observer (which mutations to observe)
220 |     let config = { attributes: true, childList: true, subtree: true };
221 |     observer.observe(targetNode, config);
222 | 
223 |     // Add download SVG button in Icons8 modal after clicking the original available download button
224 |     let icons8DownloadButton  ='' +
225 |         '<button class="download-svg-ry i8-button--primary i8-button--large i8-button">' +
226 |         '<div class="i8-icon i8-button__icon i8-button__icon--left i8-button__icon i8-button__icon--left" style="--icon-size: 24px;"><svg class="i8-icon-path" preserveAspectRatio="none"><path d="M11.9883 2.98935C11.7896 2.99245 11.6002 3.07432 11.4617 3.21696C11.3233 3.35959 11.2472 3.55135 11.25 3.75009V14.4395L9.53029 12.7198C9.46038 12.6478 9.37674 12.5906 9.28431 12.5515C9.19188 12.5124 9.09255 12.4923 8.9922 12.4923C8.84294 12.4923 8.69709 12.5369 8.5733 12.6203C8.44951 12.7037 8.35342 12.8221 8.29731 12.9604C8.24121 13.0987 8.22765 13.2507 8.25837 13.3967C8.28908 13.5428 8.36268 13.6764 8.46974 13.7804L11.4697 16.7804C11.6104 16.921 11.8011 16.9999 12 16.9999C12.1989 16.9999 12.3896 16.921 12.5303 16.7804L15.5303 13.7804C15.6023 13.7113 15.6597 13.6285 15.6993 13.5369C15.7389 13.4453 15.7598 13.3467 15.7608 13.2469C15.7619 13.1472 15.7429 13.0482 15.7052 12.9558C15.6675 12.8634 15.6117 12.7795 15.5412 12.7089C15.4706 12.6384 15.3867 12.5826 15.2943 12.5449C15.2019 12.5072 15.103 12.4883 15.0032 12.4893C14.9034 12.4903 14.8048 12.5112 14.7132 12.5508C14.6216 12.5904 14.5389 12.6478 14.4697 12.7198L12.75 14.4395V3.75009C12.7515 3.64971 12.7327 3.55006 12.6949 3.45705C12.6572 3.36403 12.6011 3.27955 12.5301 3.20861C12.459 3.13767 12.3745 3.0817 12.2814 3.04404C12.1884 3.00638 12.0887 2.98778 11.9883 2.98935ZM3.7383 15.4893C3.53956 15.4925 3.35017 15.5743 3.21174 15.717C3.07332 15.8596 2.99717 16.0513 3.00002 16.2501V18.2501C3.00002 19.76 4.24013 21.0001 5.75002 21.0001H18.25C19.7599 21.0001 21 19.76 21 18.2501V16.2501C21.0014 16.1507 20.9831 16.052 20.946 15.9598C20.9089 15.8676 20.8539 15.7836 20.7841 15.7129C20.7144 15.6421 20.6312 15.5859 20.5395 15.5475C20.4478 15.5092 20.3494 15.4894 20.25 15.4894C20.1506 15.4894 20.0522 15.5092 19.9605 15.5475C19.8688 15.5859 19.7857 15.6421 19.7159 15.7129C19.6461 15.7836 19.5911 15.8676 19.554 15.9598C19.517 16.052 19.4986 16.1507 19.5 16.2501V18.2501C19.5 18.9492 18.9491 19.5001 18.25 19.5001H5.75002C5.0509 19.5001 4.50002 18.9492 4.50002 18.2501V16.2501C4.50146 16.1497 4.48273 16.0501 4.44495 15.957C4.40717 15.864 4.3511 15.7796 4.28006 15.7086C4.20903 15.6377 4.12447 15.5817 4.03141 15.544C3.93835 15.5064 3.83868 15.4878 3.7383 15.4893Z" style="height: 100%;"></path></svg></div>Iconify Download SVG' +
227 |         '</button>';
228 |     $(document).on("click", ".app-grid-icon", function (e) {
229 |         let downloadModalFooterElement  =   $(document).find(".app-accordion2__main-buttons");
230 |         let existingButton              =   $(document).find(".download-svg-ry");
231 |         if(existingButton.length < 1)
232 |         {
233 |             downloadModalFooterElement.prepend(icons8DownloadButton)
234 |         }
235 |     });
236 | 
237 |     // Download SVG from Fontawesome
238 |     $(document).on("click","#fontAwesomeSVGDownload", function(){
239 |         let versionSelector = $(document).find("#choose_aversionoffontawesome").val() ?? "6.4.2";
240 |         let url         = `https://site-assets.fontawesome.com/releases/v${versionSelector}/svgs/`;
241 |         const name                    =   $(document).find(".icon-code-snippet.codeblock-tabbed.margin-bottom-xl").attr("id") ?? "";
242 |         const iconFamily          =   $(document).find("#icon_family").val() ?? "classic";
243 |         const activeButton            =   $("#icon_style").find("button.active");
244 |         const iconStyle               =   activeButton.attr("aria-label") || "solid";
245 |         url += (iconFamily.toLowerCase() !== "classic" ? iconFamily.toLowerCase() + "-" : "") + iconStyle.toLowerCase() + "/" + name + ".svg";
246 |         fetch(url).then((res) => {
247 |             res.text().then((text) => {
248 |                 downloadIcon(text, name)
249 |             })
250 |         });
251 |     })
252 | 
253 |     // Download SVG from Icons8
254 |     $(document).on("click", ".download-svg-ry", function(e){
255 |         if(!checkLoggedInStatus())
256 |         {
257 |             Snackbar.show({ text : "Please login to download the icon." });
258 |             return;
259 |         }
260 |         try
261 |         {
262 |             let clickedButtonElement    =   $(this);
263 |             let idElement               =   $(document).find(".i8-link.app-accordion2__name.app-accordion2__name");
264 |             let str                   =   idElement.attr("href");
265 |             if(str)
266 |             {
267 | 
268 |                 let value;
269 |                 const regex = /\/icon\/([^\/]+)/;
270 |                 const match = str.match(regex);
271 | 
272 |                 if (match) {
273 |                      value = match[1];
274 |                 } else {
275 |                     value = "";
276 |                 }
277 |                 if(value)
278 |                 {
279 |                     $.ajax({
280 |                         url         :   `https://api-icons.icons8.com/siteApi/icons/icon?id=${value}&info=true&language=en-US&svg=true`,
281 |                         method      :   "GET",
282 |                         dataType    :   "JSON",
283 |                         beforeSend  :   function (){
284 |                             clickedButtonElement.html(LOADING_ICON);
285 |                         },
286 |                         success     :   function (response){
287 |                             const iconName  = response.icon.name    ?? value;
288 |                             const svg       = response.icon.svg     ?? "";
289 |                             if(svg.length > 0)
290 |                             {
291 |                                 downloadIcon(atob(svg), iconName);
292 |                             }
293 |                             else
294 |                             {
295 |                                 Snackbar.show({ text : "Icon / Asset is not available in SVG format."});
296 |                             }
297 |                             clickedButtonElement.html('<div class="i8-icon i8-button__icon i8-button__icon--left i8-button__icon i8-button__icon--left" style="--icon-size: 24px;"><svg class="i8-icon-path" preserveAspectRatio="none"><path d="M11.9883 2.98935C11.7896 2.99245 11.6002 3.07432 11.4617 3.21696C11.3233 3.35959 11.2472 3.55135 11.25 3.75009V14.4395L9.53029 12.7198C9.46038 12.6478 9.37674 12.5906 9.28431 12.5515C9.19188 12.5124 9.09255 12.4923 8.9922 12.4923C8.84294 12.4923 8.69709 12.5369 8.5733 12.6203C8.44951 12.7037 8.35342 12.8221 8.29731 12.9604C8.24121 13.0987 8.22765 13.2507 8.25837 13.3967C8.28908 13.5428 8.36268 13.6764 8.46974 13.7804L11.4697 16.7804C11.6104 16.921 11.8011 16.9999 12 16.9999C12.1989 16.9999 12.3896 16.921 12.5303 16.7804L15.5303 13.7804C15.6023 13.7113 15.6597 13.6285 15.6993 13.5369C15.7389 13.4453 15.7598 13.3467 15.7608 13.2469C15.7619 13.1472 15.7429 13.0482 15.7052 12.9558C15.6675 12.8634 15.6117 12.7795 15.5412 12.7089C15.4706 12.6384 15.3867 12.5826 15.2943 12.5449C15.2019 12.5072 15.103 12.4883 15.0032 12.4893C14.9034 12.4903 14.8048 12.5112 14.7132 12.5508C14.6216 12.5904 14.5389 12.6478 14.4697 12.7198L12.75 14.4395V3.75009C12.7515 3.64971 12.7327 3.55006 12.6949 3.45705C12.6572 3.36403 12.6011 3.27955 12.5301 3.20861C12.459 3.13767 12.3745 3.0817 12.2814 3.04404C12.1884 3.00638 12.0887 2.98778 11.9883 2.98935ZM3.7383 15.4893C3.53956 15.4925 3.35017 15.5743 3.21174 15.717C3.07332 15.8596 2.99717 16.0513 3.00002 16.2501V18.2501C3.00002 19.76 4.24013 21.0001 5.75002 21.0001H18.25C19.7599 21.0001 21 19.76 21 18.2501V16.2501C21.0014 16.1507 20.9831 16.052 20.946 15.9598C20.9089 15.8676 20.8539 15.7836 20.7841 15.7129C20.7144 15.6421 20.6312 15.5859 20.5395 15.5475C20.4478 15.5092 20.3494 15.4894 20.25 15.4894C20.1506 15.4894 20.0522 15.5092 19.9605 15.5475C19.8688 15.5859 19.7857 15.6421 19.7159 15.7129C19.6461 15.7836 19.5911 15.8676 19.554 15.9598C19.517 16.052 19.4986 16.1507 19.5 16.2501V18.2501C19.5 18.9492 18.9491 19.5001 18.25 19.5001H5.75002C5.0509 19.5001 4.50002 18.9492 4.50002 18.2501V16.2501C4.50146 16.1497 4.48273 16.0501 4.44495 15.957C4.40717 15.864 4.3511 15.7796 4.28006 15.7086C4.20903 15.6377 4.12447 15.5817 4.03141 15.544C3.93835 15.5064 3.83868 15.4878 3.7383 15.4893Z" style="height: 100%;"></path></svg></div>Iconify Download SVG')
298 |                         }
299 |                     })
300 |                 }
301 |             }
302 |         }
303 |         catch(e)
304 |         {
305 |             Snackbar.show({ text : "Something went wrong while downloading the icon, Hot reload the page." });
306 |         }
307 |     })
308 |     initFontAwesome();
309 |     $(document).click();
310 | 
311 |     if (window.location.href.startsWith('https://fontawesome.com/')){
312 |         initButtonFae();
313 |     }
314 | })
315 | 
316 | 
317 | 
318 | $(document).on("click", function (){
319 |     initFontAwesome();
320 | })
321 | 
322 | // Download SVG from IconScout
323 | $(document).on("click", ".download-icon, .copyToClipboardIScout", function(e){
324 |     if(!checkLoggedInStatus())
325 |     {
326 |         Snackbar.show({ text : "Please login to download the icon." });
327 |         return;
328 |     }
329 | 
330 |     let product_id                  =   0;
331 |     let product_url                 =   0;
332 |     let clickedButtonElement                 =  $(this);
333 |     clickedButtonElement.html(LOADING_ICON);
334 |     $('meta[data-n-head="ssr"][property="og:product_id"]').each(function(){
335 |         product_id                  =   $(this).attr("content");
336 |     })
337 |     $('meta[data-n-head="ssr"][property="product:product_link"]').each(function(){
338 |         product_url                 =   $(this).attr("content");
339 |     })
340 |     if(product_id)
341 |     {
342 |         let propColorEditor     =   $(document).find("#pdpColorEditor-"     + product_id);
343 |         let pdpLottieEditor     =   $(document).find("#pdp-lottie-player-"  + product_id);
344 |         if(propColorEditor.length > 0)
345 |         {
346 |             let token = extractTokenFromUrls(product_id);
347 |             if(token)
348 |             {
349 |                 fetch(token).then( response => response.text() ).then( data => {
350 |                     if(data)
351 |                     {
352 |                         downloadIcon(data, product_id, "svg", false);
353 |                         clickedButtonElement.html("Download");
354 |                     }
355 |                 })
356 |             }
357 |             clickedButtonElement.html("Download");
358 |         }
359 |         else if(pdpLottieEditor.length > 0)
360 |         {
361 | 
362 |             if(clickedButtonElement.hasClass("copyToClipboardIScout"))
363 |             {
364 |                 const shadowRoot = pdpLottieEditor[0].shadowRoot;
365 |                 const targetDivInShadow = $(shadowRoot).find('#animation');
366 |                 let x = targetDivInShadow.html();
367 |             }
368 |             else
369 |             {
370 |                 let token = extractTokenFromUrls(product_id);
371 |                 console.log(token)
372 |                 if(token)
373 |                 {
374 |                     fetch(token).then( response => response.json() ).then( data => {
375 |                         if(data)
376 |                         {
377 |                             downloadJson(data, product_id);
378 |                             clickedButtonElement.html("Download");
379 |                         }
380 |                     })
381 |                 }
382 |             }
383 |         }
384 |         else
385 |         {
386 |             //The Icon is 3d
387 |             let uuid    =   getUUIDFroIconScout();
388 |             try
389 |             {
390 |                 if(uuid && product_url)
391 |                 {
392 |                     const parts         = product_url.split("/");
393 |                     const p_id          = parts[parts.length - 1];
394 |                     if(p_id)
395 |                     {
396 |                         fetch(`https://iconscout.com/api/v2/new-items/${p_id}?extra_fields=true&items=true&token=${uuid}`).then(response => response.json() ).then( data => {
397 |                             if(data)
398 |                             {
399 |                                 downloadPNG(data.response.item.urls.original, product_id + ".png").then(() => {
400 |                                     clickedButtonElement.html("Download");
401 |                                 });
402 |                             }
403 |                         });
404 |                     }
405 |                 }
406 |             }catch (e)
407 |             {
408 |                 Snackbar.show({ text : "Something went wrong while downloading the icon, Hot reload the page." });
409 |                 clickedButtonElement.html("Download");
410 |             }
411 |         }
412 |     }
413 | });
414 | 
415 | 
416 | // Extract Token
417 | function extractTokenFromUrls(product_id) {
418 |     let entries = window.performance.getEntries();
419 | 
420 |     // Filter the entries that are either xmlhttprequest or fetch, and contain '?token=' in the URL
421 |     let filteredEntries = entries.filter(entry =>
422 |         (entry.initiatorType === 'xmlhttprequest' || entry.initiatorType === 'fetch') &&
423 |         entry.name.includes('?token=') &&
424 |         entry.name.includes(product_id)
425 |     );
426 | 
427 |     // If there are any filtered entries, get the last one and extract the token
428 |     if (filteredEntries.length > 0) {
429 |         let lastEntry = filteredEntries[filteredEntries.length - 1];
430 |         return lastEntry.name;
431 |     }
432 | 
433 |     return null;
434 | }
435 | 
436 | 
437 | // Download SVG from Flaticon
438 | $(document).on("click", ".btn-svg, .copysvg--button", function(e){
439 |     if(!checkLoggedInStatus())
440 |     {
441 |         Snackbar.show({ text : "Please login to download the icon." });
442 |         return;
443 |     }
444 |     try
445 |     {
446 |         let clickedButtonElement    =   $(this);
447 | 
448 |         $(".modal-download-detail__content").remove();
449 |         $(".detail__editor").addClass("hide");
450 |         $(".detail__top").removeClass("hide");
451 |         clickedButtonElement.html(LOADING_ICON);
452 |         let meta        =   $('meta[name="twitter:image"]').prop("content").replace("https://cdn-icons-png.flaticon.com/", "");
453 |         let metaSplit   =   meta.split("/");
454 |         let iconType    =   $("#detail").attr("data-icon_type");
455 |         let iconId      =   metaSplit[metaSplit.length - 1].replace(".png", "");
456 |         let iconName    =   $(`li.icon--item[data-id='${iconId}']`).attr("data-name");
457 |         if(typeof iconName === "undefined")
458 |         {
459 |             iconName    =   $(`section#detail[data-id='${iconId}']`).attr("data-name");
460 |         }
461 |         if(typeof iconName === "undefined")
462 |         {
463 |             iconName    =   iconId
464 |         }
465 |         fetch(`https://www.flaticon.com/editor/icon/svg/${iconId}?type=${iconType}&_auth_premium_token=${USER.premium_token}`).then( response => response.json() ).then( data => {
466 |             fetch(data.url).then((res) => {
467 |                 res.text().then((text) => {
468 |                     if (clickedButtonElement.hasClass("btn-svg"))
469 |                     {
470 |                         downloadIcon(text, `${iconName}`)
471 |                         clickedButtonElement.html("SVG");
472 |                     }
473 |                     else
474 |                     {
475 |                         copyToClipBoard(text, clickedButtonElement, "Copy SVG");
476 |                     }
477 |                 })
478 |             });
479 |         })
480 |     }
481 |     catch (e)
482 |     {
483 |         Snackbar.show({ text : "Something went wrong while downloading the icon, Hot reload the page." });
484 |     }
485 | })
486 |

--------------------------------------------------------------------------------
/src/scripts/iconify-snackbar.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Snackbar v0.1.14
 3 |  * http://polonel.com/Snackbar
 4 |  *
 5 |  * Copyright 2018 Chris Brame and other contributors
 6 |  * Released under the MIT license
 7 |  * https://github.com/polonel/Snackbar/blob/master/LICENSE
 8 |  */
 9 | !function(a,b){"use strict";"function"==typeof define&&define.amd?define([],function(){return a.Snackbar=b()}):"object"==typeof module&&module.exports?module.exports=a.Snackbar=b():a.Snackbar=b()}(this,function(){var a={};a.current=null;var b={text:"Default Text",textColor:"#FFFFFF",width:"auto",showAction:!0,actionText:"Dismiss",actionTextAria:"Dismiss, Description for Screen Readers",alertScreenReader:!1,actionTextColor:"#4CAF50",showSecondButton:!1,secondButtonText:"",secondButtonAria:"Description for Screen Readers",secondButtonTextColor:"#4CAF50",backgroundColor:"#323232",pos:"bottom-left",duration:5e3,customClass:"",onActionClick:function(a){a.style.opacity=0},onSecondButtonClick:function(a){},onClose:function(a){}};a.show=function(d){var e=c(!0,b,d);a.current&&(a.current.style.opacity=0,setTimeout(function(){var a=this.parentElement;a&&
10 | // possible null if too many/fast Snackbars
11 | a.removeChild(this)}.bind(a.current),500)),a.snackbar=document.createElement("div"),a.snackbar.className="snackbar-container "+e.customClass,a.snackbar.style.width=e.width;var f=document.createElement("p");if(f.style.margin=0,f.style.padding=0,f.style.color=e.textColor,f.style.fontSize="14px",f.style.fontWeight=300,f.style.lineHeight="1em",f.innerHTML=e.text,a.snackbar.appendChild(f),a.snackbar.style.background=e.backgroundColor,e.showSecondButton){var g=document.createElement("button");g.className="action",g.innerHTML=e.secondButtonText,g.setAttribute("aria-label",e.secondButtonAria),g.style.color=e.secondButtonTextColor,g.addEventListener("click",function(){e.onSecondButtonClick(a.snackbar)}),a.snackbar.appendChild(g)}if(e.showAction){var h=document.createElement("button");h.className="action",h.innerHTML=e.actionText,h.setAttribute("aria-label",e.actionTextAria),h.style.color=e.actionTextColor,h.addEventListener("click",function(){e.onActionClick(a.snackbar)}),a.snackbar.appendChild(h)}e.duration&&setTimeout(function(){a.current===this&&(a.current.style.opacity=0,
12 | // When natural remove event occurs let's move the snackbar to its origins
13 | a.current.style.top="-100px",a.current.style.bottom="-100px")}.bind(a.snackbar),e.duration),e.alertScreenReader&&a.snackbar.setAttribute("role","alert"),a.snackbar.addEventListener("transitionend",function(b,c){"opacity"===b.propertyName&&"0"===this.style.opacity&&("function"==typeof e.onClose&&e.onClose(this),this.parentElement.removeChild(this),a.current===this&&(a.current=null))}.bind(a.snackbar)),a.current=a.snackbar,document.body.appendChild(a.snackbar);getComputedStyle(a.snackbar).bottom,getComputedStyle(a.snackbar).top;a.snackbar.style.opacity=1,a.snackbar.className="snackbar-container "+e.customClass+" snackbar-pos "+e.pos},a.close=function(){a.current&&(a.current.style.opacity=0)};
14 | // Pure JS Extend
15 | // http://gomakethings.com/vanilla-javascript-version-of-jquery-extend/
16 | var c=function(){var a={},b=!1,d=0,e=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(b=arguments[0],d++);for(var f=function(d){for(var e in d)Object.prototype.hasOwnProperty.call(d,e)&&(b&&"[object Object]"===Object.prototype.toString.call(d[e])?a[e]=c(!0,a[e],d[e]):a[e]=d[e])};d<e;d++){var g=arguments[d];f(g)}return a};return a});
17 | //# sourceMappingURL=snackbar.min.js.map

--------------------------------------------------------------------------------

51 \| 52 \|	54 \| 55 \|	57 \| 58 \|	60 \| 61 \|
65 \| ✅ 66 \|	68 \| ✅ 69 \|	71 \| ✅ 72 \|	74 \| ❌ 75 \|