/*! For license information please see 753254ff.710e3fe8.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[2414],{3927:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>i,toc:()=>c});var s=n(85893),o=n(11151);const r={title:"Convert svgs file to jsx by one script",authors:"hunghg",tags:["svg","jsx","reactjs","scripts","generate"],image:"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png"},a=void 0,i={permalink:"/blog/convert-svgs-to-jsx",editUrl:"https://github.com/hunghg255/web-totals/tree/main/blog/convert-svgs-to-jsx.md",source:"@site/blog/convert-svgs-to-jsx.md",title:"Convert svgs file to jsx by one script",description:"Run this script on terminal",date:"2023-04-24T17:13:15.000Z",formattedDate:"April 24, 2023",tags:[{label:"svg",permalink:"/blog/tags/svg"},{label:"jsx",permalink:"/blog/tags/jsx"},{label:"reactjs",permalink:"/blog/tags/reactjs"},{label:"scripts",permalink:"/blog/tags/scripts"},{label:"generate",permalink:"/blog/tags/generate"}],readingTime:.94,hasTruncateMarker:!0,authors:[{name:"Gia Hung",title:"Creator of Web totals",url:"https://github.com/hunghg255",email:"giahung197bg@gmail.com",imageURL:"https://res.cloudinary.com/hunghg255/image/upload/v1654956015/Screen_Shot_2022-06-07_at_11.25.34_bpnymt.png",key:"hunghg"}],frontMatter:{title:"Convert svgs file to jsx by one script",authors:"hunghg",tags:["svg","jsx","reactjs","scripts","generate"],image:"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1200px-React-icon.svg.png"},unlisted:!1,prevItem:{title:"Vscode extensions useful",permalink:"/blog/vscode-extensions-useful"},nextItem:{title:"HTML Input Type",permalink:"/blog/html-input"}},l={authorsImageUrls:[void 0]},c=[];function g(e){return(0,s.jsx)(s.Fragment,{})}function p(e={}){const{wrapper:t}={...(0,o.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(g,{...e})}):g()}},75251:(e,t,n)=>{var s=n(67294),o=Symbol.for("react.element"),r=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,i=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var s,r={},c=null,g=null;for(s in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(g=t.ref),t)a.call(t,s)&&!l.hasOwnProperty(s)&&(r[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps)void 0===r[s]&&(r[s]=t[s]);return{$$typeof:o,type:e,key:c,ref:g,props:r,_owner:i.current}}t.Fragment=r,t.jsx=c,t.jsxs=c},85893:(e,t,n)=>{e.exports=n(75251)},11151:(e,t,n)=>{n.d(t,{Z:()=>i,a:()=>a});var s=n(67294);const o={},r=s.createContext(o);function a(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:a(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);