PageSourceSearch

https://www.svgviewer.dev/svg-to-react-jsx

html svgviewer.dev collected 2026-09-24 20:39:23 UTC 39,546 bytes, 51 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta http-equiv="X-UA-Compatible" content="IE=edge" data-next-head=""/><meta http-equiv="Content-type" content="text/html; charset=utf-8" data-next-head=""/><meta id="viewport" name="viewport" content="width=device-width" data-next-head=""/><meta name="keywords" content="svg, svg tool, svg editor, svg viewer, online svg, svg to jsx, svg to react, svg to react native, svg optimize, rotate svg, resize svg" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:image:width" content="1200" data-next-head=""/><meta property="og:image:height" content="667" data-next-head=""/><meta property="og:image" content="https://www.svgviewer.dev/images/svgviewer-og-image.png" data-next-head=""/><link rel="SVG Viewer" href="/images/logo.svg" data-next-head=""/>
1<script data-next-head="">
2                (function(c,u,v,n,p,e,z,A,w){function k(a){if(!x){x=!0;var l=u.getElementsByTagName(v)[0],d=u.createElement(v);d.src=A;d.crossOrigin="anonymous";d.addEventListener("load",function(){try{c[n]=r;c[p]=t;var b=c[e],d=b.init;b.init=function(a){for(var b in a)Object.prototype.hasOwnProperty.call(a,b)&&(w[b]=a[b]);d(w)};B(a,b)}catch(g){console.error(g)}});l.parentNode.insertBefore(d,l)}}function B(a,l){try{for(var d=m.data,b=0;b<a.length;b++)if("function"===typeof a[b])a[b]();var e=!1,g=c.__SENTRY__;"undefined"!==
3                typeof g&&g.hub&&g.hub.getClient()&&(e=!0);g=!1;for(b=0;b<d.length;b++)if(d[b].f){g=!0;var f=d[b];!1===e&&"init"!==f.f&&l.init();e=!0;l[f.f].apply(l,f.a)}!1===e&&!1===g&&l.init();var h=c[n],k=c[p];for(b=0;b<d.length;b++)d[b].e&&h?h.apply(c,d[b].e):d[b].p&&k&&k.apply(c,[d[b].p])}catch(C){console.error(C)}}for(var f=!0,y=!1,q=0;q<document.scripts.length;q++)if(-1<document.scripts[q].src.indexOf(z)){f="no"!==document.scripts[q].getAttribute("data-lazy");break}var x=!1,h=[],m=function(a){(a.e||a.p||a.f&&
4                -1<a.f.indexOf("capture")||a.f&&-1<a.f.indexOf("showReportDialog"))&&f&&k(h);m.data.push(a)};m.data=[];c[e]=c[e]||{};c[e].onLoad=function(a){h.push(a);f&&!y||k(h)};c[e].forceLoad=function(){y=!0;f&&setTimeout(function(){k(h)})};"init addBreadcrumb captureMessage captureException captureEvent configureScope withScope showReportDialog".split(" ").forEach(function(a){c[e][a]=function(){m({f:a,a:arguments})}});var r=c[n];c[n]=function(a,e,d,b,f){m({e:[].slice.call(arguments)});r&&r.apply(c,arguments)};
5                var t=c[p];c[p]=function(a){m({p:a.reason});t&&t.apply(c,arguments)};f||setTimeout(function(){k(h)})})(window,document,"script","onerror","onunhandledrejection","Sentry","df0d0734fba740d69c823219229f3464","https://browser.sentry-cdn.com/7.29.0/bundle.es5.min.js",{"dsn":"https://[email protected]/6078300"});
6                Sentry.onLoad(function() {
7                  Sentry.init();
8                });
9                if (typeof window.mixpanel === 'undefined') {
10                  var MIXPANEL_CUSTOM_LIB_URL = 'https://t.svgviewer.dev/__mix/lib.min.js';
11                  (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
12                  for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);
13                  
14                  mixpanel.init('710e9b3aa35fa9973def53bee95c0a7c', {
15                    api_host: 'https://t.svgviewer.dev',
16                    persistence: 'localStorage',
17                    loaded: (mixpanel) => {
18                      if (window.anonymousProperties) {
19                        window.setAnonymousProperties(mixpanel.get_distinct_id(), window.anonymousProperties);
20                      }
21                    }
22                  });
23                }
24                </script>
24<title data-next-head="">Convert SVG to React JSX - SVG Viewer</title><meta name="description" content="Convert SVG to React JSX online." data-next-head=""/>
24<script>if (window.document.documentMode) {
25                window.location.replace('/outdated.html')
26              }</script>
vendor: 66 bytes, line 26
26<script async="" src="https://www.googletagmanager.com/gtag/js?id=
26G-1FDJPVDXQB
vendor: 11 bytes, line 26
26"></script>
26<script>
27            
vendor: 163 bytes, lines 27-30
27window.dataLayer = window.dataLayer || [];
28            function gtag(){dataLayer.push(arguments);}
29            gtag('js', new Date());
30            gtag('config', '
30G-1FDJPVDXQB
vendor: 14 bytes, lines 30-31
30');
31          
31</script>
31<script type="text/javascript">window.setAnonymousProperties = () => undefined;</script>
31<link rel="preload" href="/_next/static/css/d782d8d9bd1525b9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d782d8d9bd1525b9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/112b223d10060269.css" as="style"/><link rel="stylesheet" href="/_next/static/css/112b223d10060269.css" data-n-p=""/><link rel="preload" href="/_next/static/css/9afb218da098d789.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9afb218da098d789.css" data-n-p=""/><noscript data-n-css=""></noscript>
31<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
31<script src="/_next/static/chunks/webpack-d8b24a1fbb3d9977.js" defer=""></script>
31<script src="/_next/static/chunks/framework-0418714ac4f44841.js" defer=""></script>
31<script src="/_next/static/chunks/main-38fd629d186a9563.js" defer=""></script>
31<script src="/_next/static/chunks/pages/_app-9058170e50602b3e.js" defer=""></script>
31<script src="/_next/static/chunks/3949d334-568f9bd8dda49471.js" defer=""></script>
31<script src="/_next/static/chunks/a7f50d57-5473b94fdd4cff9f.js" defer=""></script>
31<script src="/_next/static/chunks/868bbdb4-33e1b4bb9b3f3a7d.js" defer=""></script>
31<script src="/_next/static/chunks/a26566bc-346b412f949d4d15.js" defer=""></script>
31<script src="/_next/static/chunks/576-9f92c4f3bd074d36.js" defer=""></script>
31<script src="/_next/static/chunks/376-a40405631c27a185.js" defer=""></script>
31<script src="/_next/static/chunks/552-68c0abf95ac112c6.js" defer=""></script>
31<script src="/_next/static/chunks/537-b8fc4da1694e338d.js" defer=""></script>
31<script src="/_next/static/chunks/pages/svg-to-react-jsx-4014b13be44a27e5.js" defer=""></script>
31<script src="/_next/static/dlld_4IQ2gfCvTGdpnClY/_buildManifest.js" defer=""></script>
31<script src="/_next/static/dlld_4IQ2gfCvTGdpnClY/_ssgManifest.js" defer=""></script>
31</head><body><div id="__next"><div class="page_main__zhCUI"><div class="page_contentContainer__aY1r9"><div class="page_content__5BTMW"><main class="main_main__91XYS"><div class="main_resizableContainer__9Tpln"><div class="main_desktopView__2W9V4"><div class="SplitPane vertical " style="display:flex;flex:1;height:100%;position:absolute;outline:none;overflow:hidden;left:0;right:0;flex-direction:row"><div class="DragLayer vertical  " style="position:absolute;top:0;right:0;bottom:0;left:0"></div><div class="Pane vertical " style="position:relative;outline:none;border:0;overflow:hidden;display:flex;flex-basis:auto;flex-grow:1;flex-shrink:1;width:0;height:100%;min-width:20px"><div class="main_svgDirectorySidebar__1ZOwF"><div class="svg-directory-sidebar_svgDirectorySidebar__GJcJc"><div class="svg-directory-sidebar_sidebarHeaderContainer__8idxq"><div class="svg-directory-sidebar_sidebarHeader__MZyxD"><div class="svg-directory-sidebar_logo__7Kv4U"><a href="/"><div class="svg-directory-sidebar_logoSVGContainer__32FaV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 124 124" fill="none"><rect width="124" height="124" rx="24" fill="#F97316"></rect><path d="M19.375 36.782v63.843a4 4 0 0 0 4 4h63.843c3.564 0 5.348-4.309 2.829-6.828L26.203 33.953c-2.52-2.52-6.828-.735-6.828 2.829Z" fill="#fff"></path><circle cx="63.211" cy="37.539" r="18.164" fill="#000"></circle><rect opacity="0.4" x="81.133" y="80.72" width="17.569" height="17.388" rx="4" transform="rotate(-45 81.133 80.72)" fill="#FDBA74"></rect></svg></div><div class="svg-directory-sidebar_logoText__SpV3A"><span>SVG</span>Viewer</div></a></div></div><div><div class="svg-directory-sidebar_searchComponents__txpVA"><div class="searchbar-mini_searchBarContainer__j6UJF"><label class="searchbar-mini_searchBarLabel__NaZVY"><div class="searchbar-mini_searchIcon__8shuc"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.474 9.474 15.2 15.2m-4.32-9.12a4.8 4.8 0 1 1-9.6 0 4.8 4.8 0 0 1 9.6 0Z" stroke="#566B76" stroke-width="1.2"></path></svg></div><input class="searchbar-mini_searchBar__SgF2j" type="text" placeholder="Search SVGs" value=""/></label></div></div></div></div><div class="directory-results-main-page_directoryResultsMainPage__9__YG"><div class="directory-results-main-page_centerMessage__8D4lv" style="margin-top:30px"><div class="pulse-loader_skFlow__CNy5O"><div class="pulse-loader_skFlowDot__5HG1L"></div><div class="pulse-loader_skFlowDot__5HG1L"></div><div class="pulse-loader_skFlowDot__5HG1L"></div></div></div></div><div class="svg-directory-sidebar_sidebarFooter__j_vxe" id="container"><span class="svg-directory-sidebar_footerText__zL_Xz"><a href="/contact"><button class="svg-directory-sidebar_sendFeedback__0dl8_"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M2 6h8v5H7l-3 2v-2H2V6Z" fill="#6E7687" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 3H6v5h3l3 2V8h2V3Z" fill="#6E7687" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="svg-directory-sidebar_sendFeedbackText__hq3vx">Send feedback</span></button></a><div><button class="more-button_moreButton__qP0Yq"><svg width="4" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="burger_svg__a" fill="#fff"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.44 2.24a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Zm0 5.76A1.44 1.44 0 1 1 .56 8a1.44 1.44 0 0 1 2.88 0ZM2 15.2a1.44 1.44 0 1 0 0-2.88 1.44 1.44 0 0 0 0 2.88Z"></path></mask><path fill-rule="evenodd" clip-rule="evenodd" d="M3.44 2.24a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0Zm0 5.76A1.44 1.44 0 1 1 .56 8a1.44 1.44 0 0 1 2.88 0ZM2 15.2a1.44 1.44 0 1 0 0-2.88 1.44 1.44 0 0 0 0 2.88Z" fill="currentColor"></path><path d="M2 4.68a2.44 2.44 0 0 0 2.44-2.44h-2a.44.44 0 0 1-.44.44v2ZM-.44 2.24A2.44 2.44 0 0 0 2 4.68v-2a.44.44 0 0 1-.44-.44h-2ZM2-.2A2.44 2.44 0 0 0-.44 2.24h2A.44.44 0 0 1 2 1.8v-2Zm2.44 2.44A2.44 2.44 0 0 0 2-.2v2a.44.44 0 0 1 .44.44h2ZM2 10.44A2.44 2.44 0 0 0 4.44 8h-2a.44.44 0 0 1-.44.44v2ZM-.44 8A2.44 2.44 0 0 0 2 10.44v-2A.44.44 0 0 1 1.56 8h-2ZM2 5.56A2.44 2.44 0 0 0-.44 8h2A.44.44 0 0 1 2 7.56v-2ZM4.44 8A2.44 2.44 0 0 0 2 5.56v2a.44.44 0 0 1 .44.44h2Zm-2 5.76a.44.44 0 0 1-.44.44v2a2.44 2.44 0 0 0 2.44-2.44h-2ZM2 13.32a.44.44 0 0 1 .44.44h2A2.44 2.44 0 0 0 2 11.32v2Zm-.44.44a.44.44 0 0 1 .44-.44v-2a2.44 2.44 0 0 0-2.44 2.44h2Zm.44.44a.44.44 0 0 1-.44-.44h-2A2.44 2.44 0 0 0 2 16.2v-2Z" fill="currentColor" mask="url(#burger_svg__a)"></path></svg><ul class="more-button_moreButtonMenu__h_Fj9"><li><a class="more-button_terms__MKUqp" href="/terms"><span>Terms &amp; Conditions</span></a></li><li><a href="/privacy-policy"><span>Privacy Policy</span></a></li></ul></button></div></span></div></div></div></div><span role="presentation" class="Resizer vertical " style="flex:none"></span><div class="Pane vertical " style="position:relative;outline:none;border:0;overflow:hidden;display:flex;flex-basis:auto;flex-grow:3;flex-shrink:3;width:0;height:100%;min-width:20px"><div class="main_vertical__rRfeQ"><div class="main_editor__be8vT"><div class="main_darkMode__9Nwj2"><div class="input-nav_editorNav__OMFFV"><div class="input-nav_above__CbKjm"><div class="input-nav_optionsButtonsContainer__8xuew"><div class="input-nav_resizeOptionsContainer__Y1PNv"><div class="resize-options_resizeContainer__XEku1" tabindex="0"><div class="resize-options_resizeContainer__supportingInfo__6VP3B"><div class="resize-options_resizeContainer__content__Q0Mdp"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#resize_svg__a)" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path opacity="0.4" d="M4 4h8v8H4V4Z" fill="#C7CAD1"></path>
31<path d="M4 4h8v8M4 4v8h8M4 4V1m0 3H1m11 8h3m-3 0v3"></path></g><defs><clipPath id="resize_svg__a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs></svg><span class="resize-options_resizeContainer__text__WgZ01">-1px x -1px</span></div><div class="resize-options_popover___UZqr resize-options_popoverToRight__GCSyX"><span>Change dimensions</span></div></div></div></div></div><div class="input-nav_right__ubAvw"><div><div class="input-nav_buttonContainer__szrVq"><div class="input-nav_optimizeButtonContainer__6R84r"><button class="input-nav_optimizeButton___FSye">Optimize</button></div><div class="input-nav_buttonContainer__supportingInfo__4bwJH"><span class="input-nav_buttonContainer__fileSize__pCHee">578 bytes<div class="input-nav_buttonContainer__icon__apKWa"><svg width="17" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.118 1.5 14 6.5l-4.882 5M14 6.5H1" stroke="#00B277" stroke-width="2"></path></svg></div>493 bytes</span><span class="input-nav_buttonContainer__saving___3Bck">-<!-- -->15<!-- -->%</span></div></div></div><div class="input-nav_prettifyButtonContainer__4Prhn"><button class="input-nav_prettifyButton__yYHaa">Prettify </button></div><div class="svgo-options_reactOptions__8R4Om"><div class="svgo-options_optionsButtonContainer__k81b2"><button type="submit" name="[object Object]" class="button_button__vzz15 button_medium__7JChw button" style="width:32px;height:32px;display:flex;align-items:center;padding:0px;background:inherit"><span class="svgo-options_optionsWord___OyAz"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" clip-path="url(#options_svg__a)"><path d="M3.29 9.91a1.05 1.05 0 0 1-.21 1.157l-.037.038a1.272 1.272 0 1 0 1.8 1.801l.039-.038a1.05 1.05 0 0 1 1.158-.21 1.05 1.05 0 0 1 .636.961v.108a1.273 1.273 0 0 0 2.546 0v-.057a1.05 1.05 0 0 1 .687-.96 1.05 1.05 0 0 1 1.158.21l.038.037a1.272 1.272 0 0 0 2.175-.9 1.272 1.272 0 0 0-.374-.9l-.038-.039a1.05 1.05 0 0 1-.21-1.158 1.05 1.05 0 0 1 .961-.636h.108a1.273 1.273 0 0 0 0-2.546h-.057a1.05 1.05 0 0 1-.96-.687 1.05 1.05 0 0 1 .21-1.158l.037-.038a1.272 1.272 0 1 0-1.8-1.801l-.039.038a1.05 1.05 0 0 1-1.158.21h-.05a1.05 1.05 0 0 1-.637-.961v-.108a1.273 1.273 0 0 0-2.546 0v.057a1.05 1.05 0 0 1-.636.96 1.05 1.05 0 0 1-1.158-.21l-.038-.037a1.273 1.273 0 1 0-1.801 1.8l.038.039a1.05 1.05 0 0 1 .21 1.158v.05a1.05 1.05 0 0 1-.961.637h-.108a1.273 1.273 0 0 0 0 2.546h.057a1.05 1.05 0 0 1 .96.636Z"></path><path d="M8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"></path></g><defs><clipPath id="options_svg__a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></span></button><div class="svgo-options_popover__zkKY4"><span>Preferences</span></div></div></div></div></div><div class="input-nav_under__wmc7Q"><span data-position="true" class="input-nav_position__8SI_n"></span><div class="clear-input_reactOptions__Mr01N"><div class="clear-input_optionsButtonContainer__ajXf3"><button type="submit" name="[object Object]" class="button_button__vzz15 button_medium__7JChw button" style="width:auto;height:23px;display:flex;align-items:center;padding:4px 7px;border-radius:4px"><span class="clear-input_optionsWord__XAoBx">Clear</span></button></div></div></div></div><div class="input_input__e33zK"><div class="input_resizeIndicator__GtDQ4"></div><div class="codemirror_codemirror__a_9Qe"><textarea class="codemirror_textarea__YrnrA">&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;400&quot; height=&quot;400&quot; viewBox=&quot;0 0 124 124&quot; fill=&quot;none&quot;&gt;
32&lt;rect width=&quot;124&quot; height=&quot;124&quot; rx=&quot;24&quot; fill=&quot;#F97316&quot;/&gt;
33&lt;path d=&quot;M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 31.4336 19.375 33.2182 19.375 36.7818Z&quot; fill=&quot;white&quot;/&gt;
34&lt;circle cx=&quot;63.2109&quot; cy=&quot;37.5391&quot; r=&quot;18.1641&quot; fill=&quot;black&quot;/&gt;
35&lt;rect opacity=&quot;0.4&quot; x=&quot;81.1328&quot; y=&quot;80.7198&quot; width=&quot;17.5687&quot; height=&quot;17.3876&quot; rx=&quot;4&quot; transform=&quot;rotate(-45 81.1328 80.7198)&quot; fill=&quot;#FDBA74&quot;/&gt;
36&lt;/svg&gt;</textarea></div><div class="input_resizeIndicator__GtDQ4 input_right__FPiVz"></div></div><div class="input_optionsButtonsContainer___zUFH"><div class="input-header_inputHeader__rmRm_"><input type="file" class="input-header_fileInput__ie40q" id="fileUpload"/><label for="fileUpload" class="input-header_label__vzjmw"><div class="input-header_iconButton__gAa0O"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 2v10M8 2 3 7m5-5 5 5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M14 15H2v-3h12v3Z" fill="#fff" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="input-header_labelContent__3QqpF">Upload</div></div></label></div><div class="input_exportButtons__RP2va"><button class="copy-button_copyButton__kMxBC"><span class="copy-button_copyTextWrapper__wO74D"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
36<path d="M6 1h8v10H6V1Z" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h8v-4H6V5H2v10Z" fill="#C7CAD1" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Copy</span></button><button class="input_download___a_Vk"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 12V2m0 10 5-5m-5 5L3 7" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h12v-3H2v3Z" fill="#C7CAD1" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Download</button><button class="input_save__bI22v"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path opacity="0.4" d="M13 15H3V9h10v6Z" fill="#6E7687"></path><path d="M5 10a5 5 0 0 1 5-5h2m0 0-2 2m2-2-2-2" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Share</button></div></div></div></div></div></div><span role="presentation" class="Resizer vertical " style="flex:none"></span><div class="Pane vertical " style="position:relative;outline:none;border:0;overflow:hidden;display:flex;flex-basis:auto;flex-grow:3;flex-shrink:3;width:0;height:100%;min-width:20px"><div class="main_vertical__rRfeQ"><div class="main_ourOutput__LaezH"><div id="svgContainerSizing" style="position:absolute;left:10000px"><svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 124 124" fill="none">
37<rect width="124" height="124" rx="24" fill="#F97316"/>
38<path d="M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 31.4336 19.375 33.2182 19.375 36.7818Z" fill="white"/>
39<circle cx="63.2109" cy="37.5391" r="18.1641" fill="black"/>
40<rect opacity="0.4" x="81.1328" y="80.7198" width="17.5687" height="17.3876" rx="4" transform="rotate(-45 81.1328 80.7198)" fill="#FDBA74"/>
41</svg></div><div class="output_innerOutput__dxYCR"><div class="output-nav_outputNav__K2Vse"><div class="output-nav_top__30S38"><div class="output-nav_outputNavMenu__cmVUz"><a class="nav-item_navItem__zLOfT" href="/"><button type="button">Preview</button></a><a class="nav-item_navItem__zLOfT nav-item_selected__Ps_eQ" href="/svg-to-react-jsx"><button type="button">React</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-react-native-jsx"><button type="button">React Native</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-png"><button type="button">PNG</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-data-uri"><button type="button">Data URI</button></a></div><div class="output-nav_outputNavSettings__MEPdE"><div class="react-options_reactOptions__X_z_e"><div class="react-options_optionsButtonContainer__GBvVo"><button class="react-options_button__CA_Ai"><span class="react-options_optionsWord__fXUCH"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" clip-path="url(#options_svg__a)"><path d="M3.29 9.91a1.05 1.05 0 0 1-.21 1.157l-.037.038a1.272 1.272 0 1 0 1.8 1.801l.039-.038a1.05 1.05 0 0 1 1.158-.21 1.05 1.05 0 0 1 .636.961v.108a1.273 1.273 0 0 0 2.546 0v-.057a1.05 1.05 0 0 1 .687-.96 1.05 1.05 0 0 1 1.158.21l.038.037a1.272 1.272 0 0 0 2.175-.9 1.272 1.272 0 0 0-.374-.9l-.038-.039a1.05 1.05 0 0 1-.21-1.158 1.05 1.05 0 0 1 .961-.636h.108a1.273 1.273 0 0 0 0-2.546h-.057a1.05 1.05 0 0 1-.96-.687 1.05 1.05 0 0 1 .21-1.158l.037-.038a1.272 1.272 0 1 0-1.8-1.801l-.039.038a1.05 1.05 0 0 1-1.158.21h-.05a1.05 1.05 0 0 1-.637-.961v-.108a1.273 1.273 0 0 0-2.546 0v.057a1.05 1.05 0 0 1-.636.96 1.05 1.05 0 0 1-1.158-.21l-.038-.037a1.273 1.273 0 1 0-1.801 1.8l.038.039a1.05 1.05 0 0 1 .21 1.158v.05a1.05 1.05 0 0 1-.961.637h-.108a1.273 1.273 0 0 0 0 2.546h.057a1.05 1.05 0 0 1 .96.636Z"></path><path d="M8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"></path></g><defs><clipPath id="options_svg__a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></span></button></div></div></div></div></div><div class="output-type-react_outputReact__Un_aw"><div class="output-type-react_codemirrorContainer__6KL2T"><div class="codemirror_codemirror__a_9Qe"><textarea class="codemirror_textarea__YrnrA"></textarea></div></div><div class="output-type-react_outputReactFooter__BcBR8"><button class="copy-button_copyButton__kMxBC copy-button_reactTrue__xJgLk"><span class="copy-button_copyTextWrapper__wO74D copy-button_reactSpanTrue__Tg_sW"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
41<path d="M6 1h8v10H6V1Z" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h8v-4H6V5H2v10Z" fill="#6E7687" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Copy</span></button><div class="download-button_buttonWrapper__V9uHe"><button type="submit" name="[object Object],Download ,JSX" class="button_button__vzz15 button_brand__Zykbx button_small__tuYUt button" style="width:auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 12V2m0 10 5-5m-5 5L3 7" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h12v-3H2v3Z" fill="#fff" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Download <!-- -->JSX</button></div></div></div></div></div></div></div></div></div><div class="main_mobileView__CvpDI"><div class="main_mobileContainer__9NqqU"><div class="mobile-nav_mobileNav__2MHYo"><div class="mobile-nav_logo__nKV2w"><a href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 124 124" fill="none"><rect width="124" height="124" rx="24" fill="#F97316"></rect><path d="M19.375 36.782v63.843a4 4 0 0 0 4 4h63.843c3.564 0 5.348-4.309 2.829-6.828L26.203 33.953c-2.52-2.52-6.828-.735-6.828 2.829Z" fill="#fff"></path><circle cx="63.211" cy="37.539" r="18.164" fill="#000"></circle><rect opacity="0.4" x="81.133" y="80.72" width="17.569" height="17.388" rx="4" transform="rotate(-45 81.133 80.72)" fill="#FDBA74"></rect></svg><div class="mobile-nav_logoText__Z6QGJ"><span>SVG</span>Viewer</div></a></div><div class="mobile-nav_navigationButtons__mcNr1"><button class="mobile-nav_button__HBbU_ mobile-nav_toggled__F23aI">Edit</button><button class="mobile-nav_button__HBbU_">Export</button></div></div><div class=""><div class="main_vertical__rRfeQ"><div class="main_editor__be8vT"><div class="main_darkMode__9Nwj2"><div class="input-nav_editorNav__OMFFV"><div class="input-nav_above__CbKjm"><div class="input-nav_optionsButtonsContainer__8xuew"><div class="input-nav_resizeOptionsContainer__Y1PNv"><div class="resize-options_resizeContainer__XEku1" tabindex="0"><div class="resize-options_resizeContainer__supportingInfo__6VP3B"><div class="resize-options_resizeContainer__content__Q0Mdp"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#resize_svg__a)" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path opacity="0.4" d="M4 4h8v8H4V4Z" fill="#C7CAD1"></path><path d="M4 4h8v8M4 4v8h8M4 4V1m0 3H1m11 8h3m-3 0v3"></path></g><defs><clipPath id="resize_svg__a"><path fill="#fff" d="M0 0h16v16H0z"></path></clipPath></defs></svg><span class="resize-options_resizeContainer__text__WgZ01">-1px x -1px</span></div><div class="resize-options_popover___UZqr resize-options_popoverToRight__GCSyX"><span>Change dimensions</span></div></div></div></div></div><div class="input-nav_right__ubAvw"><div><div class="input-nav_buttonContainer__szrVq"><div class="input-nav_optimizeButtonContainer__6R84r"><button class="input-nav_optimizeButton___FSye">Optimize</button></div><div class="input-nav_buttonContainer__supportingInfo__4bwJH"><span class="input-nav_buttonContainer__fileSize__pCHee">578 bytes<div class="input-nav_buttonContainer__icon__apKWa"><svg width="17" height="13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.118 1.5 14 6.5l-4.882 5M14 6.5H1" stroke="#00B277" stroke-width="2"></path></svg></div>493 bytes</span><span class="input-nav_buttonContainer__saving___3Bck">-<!-- -->15<!-- -->%</span></div></div></div><div class="input-nav_prettifyButtonContainer__4Prhn"><button class="input-nav_prettifyButton__yYHaa">Prettify </button></div><div class="svgo-options_reactOptions__8R4Om"><div class="svgo-options_optionsButtonContainer__k81b2"><button type="submit" name="[object Object]" class="button_button__vzz15 button_medium__7JChw button" style="width:32px;height:32px;display:flex;align-items:center;padding:0px;background:inherit"><span class="svgo-options_optionsWord___OyAz"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" clip-path="url(#options_svg__a)"><path d="M3.29 9.91a1.05 1.05 0 0 1-.21 1.157l-.037.038a1.272 1.272 0 1 0 1.8 1.801l.039-.038a1.05 1.05 0 0 1 1.158-.21 1.05 1.05 0 0 1 .636.961v.108a1.273 1.273 0 0 0 2.546 0v-.057a1.05 1.05 0 0 1 .687-.96 1.05 1.05 0 0 1 1.158.21l.038.037a1.272 1.272 0 0 0 2.175-.9 1.272 1.272 0 0 0-.374-.9l-.038-.039a1.05 1.05 0 0 1-.21-1.158 1.05 1.05 0 0 1 .961-.636h.108a1.273 1.273 0 0 0 0-2.546h-.057a1.05 1.05 0 0 1-.96-.687 1.05 1.05 0 0 1 .21-1.158l.037-.038a1.272 1.272 0 1 0-1.8-1.801l-.039.038a1.05 1.05 0 0 1-1.158.21h-.05a1.05 1.05 0 0 1-.637-.961v-.108a1.273 1.273 0 0 0-2.546 0v.057a1.05 1.05 0 0 1-.636.96 1.05 1.05 0 0 1-1.158-.21l-.038-.037a1.273 1.273 0 1 0-1.801 1.8l.038.039a1.05 1.05 0 0 1 .21 1.158v.05a1.05 1.05 0 0 1-.961.637h-.108a1.273 1.273 0 0 0 0 2.546h.057a1.05 1.05 0 0 1 .96.636Z"></path><path d="M8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"></path></g><defs><clipPath id="options_svg__a">
41<path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></span></button><div class="svgo-options_popover__zkKY4"><span>Preferences</span></div></div></div></div></div><div class="input-nav_under__wmc7Q"><span data-position="true" class="input-nav_position__8SI_n"></span><div class="clear-input_reactOptions__Mr01N"><div class="clear-input_optionsButtonContainer__ajXf3"><button type="submit" name="[object Object]" class="button_button__vzz15 button_medium__7JChw button" style="width:auto;height:23px;display:flex;align-items:center;padding:4px 7px;border-radius:4px"><span class="clear-input_optionsWord__XAoBx">Clear</span></button></div></div></div></div><div class="input_input__e33zK"><div class="input_resizeIndicator__GtDQ4"></div><div class="codemirror_codemirror__a_9Qe"><textarea class="codemirror_textarea__YrnrA">&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;400&quot; height=&quot;400&quot; viewBox=&quot;0 0 124 124&quot; fill=&quot;none&quot;&gt;
42&lt;rect width=&quot;124&quot; height=&quot;124&quot; rx=&quot;24&quot; fill=&quot;#F97316&quot;/&gt;
43&lt;path d=&quot;M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 31.4336 19.375 33.2182 19.375 36.7818Z&quot; fill=&quot;white&quot;/&gt;
44&lt;circle cx=&quot;63.2109&quot; cy=&quot;37.5391&quot; r=&quot;18.1641&quot; fill=&quot;black&quot;/&gt;
45&lt;rect opacity=&quot;0.4&quot; x=&quot;81.1328&quot; y=&quot;80.7198&quot; width=&quot;17.5687&quot; height=&quot;17.3876&quot; rx=&quot;4&quot; transform=&quot;rotate(-45 81.1328 80.7198)&quot; fill=&quot;#FDBA74&quot;/&gt;
46&lt;/svg&gt;</textarea></div><div class="input_resizeIndicator__GtDQ4 input_right__FPiVz"></div></div><div class="input_optionsButtonsContainer___zUFH"><div class="input-header_inputHeader__rmRm_"><input type="file" class="input-header_fileInput__ie40q" id="fileUpload"/><label for="fileUpload" class="input-header_label__vzjmw"><div class="input-header_iconButton__gAa0O"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 2v10M8 2 3 7m5-5 5 5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M14 15H2v-3h12v3Z" fill="#fff" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="input-header_labelContent__3QqpF">Upload</div></div></label></div><div class="input_exportButtons__RP2va"><button class="copy-button_copyButton__kMxBC"><span class="copy-button_copyTextWrapper__wO74D"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M6 1h8v10H6V1Z" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h8v-4H6V5H2v10Z" fill="#C7CAD1" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Copy</span></button><button class="input_download___a_Vk"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 12V2m0 10 5-5m-5 5L3 7" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h12v-3H2v3Z" fill="#C7CAD1" stroke="#C7CAD1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Download</button><button class="input_save__bI22v"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path opacity="0.4" d="M13 15H3V9h10v6Z" fill="#6E7687"></path><path d="M5 10a5 5 0 0 1 5-5h2m0 0-2 2m2-2-2-2" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Share</button></div></div></div></div></div></div><div class="main_outputContainer__3qSXW main_hidden__UOd3j"><div class="main_vertical__rRfeQ"><div class="main_ourOutput__LaezH"><div id="svgContainerSizing" style="position:absolute;left:10000px"><svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 124 124" fill="none">
47<rect width="124" height="124" rx="24" fill="#F97316"/>
48<path d="M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 3
481.4336 19.375 33.2182 19.375 36.7818Z" fill="white"/>
49<circle cx="63.2109" cy="37.5391" r="18.1641" fill="black"/>
50<rect opacity="0.4" x="81.1328" y="80.7198" width="17.5687" height="17.3876" rx="4" transform="rotate(-45 81.1328 80.7198)" fill="#FDBA74"/>
51</svg></div><div class="output_innerOutput__dxYCR"><div class="output-nav_outputNav__K2Vse"><div class="output-nav_top__30S38"><div class="output-nav_outputNavMenu__cmVUz"><a class="nav-item_navItem__zLOfT" href="/"><button type="button">Preview</button></a><a class="nav-item_navItem__zLOfT nav-item_selected__Ps_eQ" href="/svg-to-react-jsx"><button type="button">React</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-react-native-jsx"><button type="button">React Native</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-png"><button type="button">PNG</button></a><a class="nav-item_navItem__zLOfT" href="/svg-to-data-uri"><button type="button">Data URI</button></a></div><div class="output-nav_outputNavSettings__MEPdE"><div class="react-options_reactOptions__X_z_e"><div class="react-options_optionsButtonContainer__GBvVo"><button class="react-options_button__CA_Ai"><span class="react-options_optionsWord__fXUCH"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" clip-path="url(#options_svg__a)"><path d="M3.29 9.91a1.05 1.05 0 0 1-.21 1.157l-.037.038a1.272 1.272 0 1 0 1.8 1.801l.039-.038a1.05 1.05 0 0 1 1.158-.21 1.05 1.05 0 0 1 .636.961v.108a1.273 1.273 0 0 0 2.546 0v-.057a1.05 1.05 0 0 1 .687-.96 1.05 1.05 0 0 1 1.158.21l.038.037a1.272 1.272 0 0 0 2.175-.9 1.272 1.272 0 0 0-.374-.9l-.038-.039a1.05 1.05 0 0 1-.21-1.158 1.05 1.05 0 0 1 .961-.636h.108a1.273 1.273 0 0 0 0-2.546h-.057a1.05 1.05 0 0 1-.96-.687 1.05 1.05 0 0 1 .21-1.158l.037-.038a1.272 1.272 0 1 0-1.8-1.801l-.039.038a1.05 1.05 0 0 1-1.158.21h-.05a1.05 1.05 0 0 1-.637-.961v-.108a1.273 1.273 0 0 0-2.546 0v.057a1.05 1.05 0 0 1-.636.96 1.05 1.05 0 0 1-1.158-.21l-.038-.037a1.273 1.273 0 1 0-1.801 1.8l.038.039a1.05 1.05 0 0 1 .21 1.158v.05a1.05 1.05 0 0 1-.961.637h-.108a1.273 1.273 0 0 0 0 2.546h.057a1.05 1.05 0 0 1 .96.636Z"></path><path d="M8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"></path></g><defs><clipPath id="options_svg__a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs></svg></span></button></div></div></div></div></div><div class="output-type-react_outputReact__Un_aw"><div class="output-type-react_codemirrorContainer__6KL2T"><div class="codemirror_codemirror__a_9Qe"><textarea class="codemirror_textarea__YrnrA"></textarea></div></div><div class="output-type-react_outputReactFooter__BcBR8"><button class="copy-button_copyButton__kMxBC copy-button_reactTrue__xJgLk"><span class="copy-button_copyTextWrapper__wO74D copy-button_reactSpanTrue__Tg_sW"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M6 1h8v10H6V1Z" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h8v-4H6V5H2v10Z" fill="#6E7687" stroke="#6E7687" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Copy</span></button><div class="download-button_buttonWrapper__V9uHe"><button type="submit" name="[object Object],Download ,JSX" class="button_button__vzz15 button_brand__Zykbx button_small__tuYUt button" style="width:auto"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M8 12V2m0 10 5-5m-5 5L3 7" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="0.4" d="M2 15h12v-3H2v3Z" fill="#fff" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>Download <!-- -->JSX</button></div></div></div></div></div></div></div></div></div></div></main></div></div></div></div>
51<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{},"svg":{"text":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\" viewBox=\"0 0 124 124\" fill=\"none\"\u003e\n\u003crect width=\"124\" height=\"124\" rx=\"24\" fill=\"#F97316\"/\u003e\n\u003cpath d=\"M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 31.4336 19.375 33.2182 19.375 36.7818Z\" fill=\"white\"/\u003e\n\u003ccircle cx=\"63.2109\" cy=\"37.5391\" r=\"18.1641\" fill=\"black\"/\u003e\n\u003crect opacity=\"0.4\" x=\"81.1328\" y=\"80.7198\" width=\"17.5687\" height=\"17.3876\" rx=\"4\" transform=\"rotate(-45 81.1328 80.7198)\" fill=\"#FDBA74\"/\u003e\n\u003c/svg\u003e"},"optimizedSvg":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\" fill=\"none\" viewBox=\"0 0 124 124\"\u003e\u003crect width=\"124\" height=\"124\" fill=\"#f97316\" rx=\"24\"/\u003e\u003cpath fill=\"#fff\" d=\"M19.375 36.782v63.843a4 4 0 0 0 4 4h63.843c3.564 0 5.348-4.309 2.829-6.828L26.203 33.953c-2.52-2.52-6.828-.735-6.828 2.829\"/\u003e\u003ccircle cx=\"63.211\" cy=\"37.539\" r=\"18.164\" fill=\"#000\"/\u003e\u003crect width=\"17.569\" height=\"17.388\" x=\"81.133\" y=\"80.72\" fill=\"#fdba74\" opacity=\".4\" rx=\"4\" transform=\"rotate(-45 81.133 80.72)\"/\u003e\u003c/svg\u003e","prettifiedSvg":"\u003csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\" viewBox=\"0 0 124 124\" fill=\"none\"\u003e\n  \u003crect width=\"124\" height=\"124\" rx=\"24\" fill=\"#F97316\"/\u003e\n  \u003cpath d=\"M19.375 36.7818V100.625C19.375 102.834 21.1659 104.625 23.375 104.625H87.2181C90.7818 104.625 92.5664 100.316 90.0466 97.7966L26.2034 33.9534C23.6836 31.4336 19.375 33.2182 19.375 36.7818Z\" fill=\"white\"/\u003e\n  \u003ccircle cx=\"63.2109\" cy=\"37.5391\" r=\"18.1641\" fill=\"black\"/\u003e\n  \u003crect opacity=\"0.4\" x=\"81.1328\" y=\"80.7198\" width=\"17.5687\" height=\"17.3876\" rx=\"4\" transform=\"rotate(-45 81.1328 80.7198)\" fill=\"#FDBA74\"/\u003e\n\u003c/svg\u003e\n"},"page":"/svg-to-react-jsx","query":{},"buildId":"dlld_4IQ2gfCvTGdpnClY","isFallback":false,"isExperimentalCompile":false,"appGip":true,"scriptLoader":[]}</script>
51</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.