What is SVG?
Scalable Vector Graphics (SVG) is a markup language for describing two-dimensional graphics in XML. SVG images can be created and edited with any text editor, as well as with drawing software.
Advantages of SVG
One of the main advantages of SVG is that it scales perfectly to any size without losing quality. This makes SVG ideal for responsive web design, as the images will look sharp on any device.
How SVG is Used in React.Js and React Native
In React.Js and React Native, SVG can be used to create interactive and dynamic graphics. SVG elements can be manipulated using JavaScript, making it easy to create animations and effects.
SVG vs. Other Image Formats
Compared to raster image formats like JPEG and PNG, SVG has the advantage of being resolution-independent. This means that SVG images will always look crisp and clear, regardless of the screen size.
Optimizing SVG for Performance
To ensure optimal performance, SVG files should be optimized for the web. This includes removing unnecessary code, using inline styles, and minifying the file size.
Accessibility with SVG
SVG images can also be made accessible to users with disabilities by adding descriptive text using the
and elements. This ensures that all users can access and understand the content.</p>
<h2>Creating SVG Icons</h2>
<p>SVG icons are commonly used in web design due to their scalability and flexibility. In React.Js and React Native, SVG icons can be easily imported and styled using CSS.</p>
<h2>Animating SVG with React</h2>
<p>React provides a powerful way to animate SVG elements using libraries like React Spring or Framer Motion. This allows for complex animations and transitions to be created with ease.</p>
<h2>Best Practices for Using SVG in React</h2>
<p>When using SVG in React, it is important to follow best practices such as using inline SVG, optimizing for performance, and ensuring accessibility. This will help ensure a smooth user experience.</p>
<h2>Conclusion</h2>
<p>In conclusion, SVG is a versatile and powerful tool for creating graphics in React.Js and React Native. By following best practices and optimizing for performance, developers can create stunning visuals that enhance the user experience.</p>
<div class='code-block code-block-2' style='margin: 8px 0; clear: both;'>
<div class="meu-banner-fim">
<a href="https://wa.me/5562981062311?text=Hello%20André%20ads%F0%9F%91%8B" target="_blank">
<img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://andreadams.com.br/wp-content/uploads/2024/07/project-react.js.png" ><noscript><img src="https://andreadams.com.br/wp-content/uploads/2024/07/project-react.js.png" ></noscript>
</a>
</div>
</div>
<!-- CONTENT END 3 -->
</div>
</div>
</article>
</main>
</div>
</div>
</div>
<div class="site-footer">
<div class="gb-container gb-container-5ef46cef"><div class="gb-inside-container">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><div class="gb-grid-wrapper gb-grid-wrapper-528b362c">
<div class="gb-grid-column gb-grid-column-d1f8efed"><div class="gb-container gb-container-d1f8efed"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size">Home</p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-58e7ad63"><div class="gb-container gb-container-58e7ad63"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size"><a href="https://andreadams.com.br/aviso-legal/" target="_blank" rel="noreferrer noopener"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">Legal Notice</mark></a></p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-803fd1d4"><div class="gb-container gb-container-803fd1d4"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size"><a href="https://andreadams.com.br/politica-de-privacidade/" target="_blank" rel="noreferrer noopener"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">Privacy Policy</mark></a></p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-79b66c49"><div class="gb-container gb-container-79b66c49"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size"><a href="https://andreadams.com.br/service-react-js-ux-ui/" target="_blank" rel="noreferrer noopener"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">SERVICE REACT.JS UX/UI</mark></a></p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-70d91eb2"><div class="gb-container gb-container-70d91eb2"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size"><a href="https://andreadams.com.br/sitemap_index.xml" target="_blank" rel="noreferrer noopener"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">Menus for SEO</mark></a></p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-d0e3951b"><div class="gb-container gb-container-d0e3951b"><div class="gb-inside-container">
<p class="has-white-color has-text-color has-normal-font-size"><a href="https://andreadams.com.br/arquivos/" target="_blank" rel="noreferrer noopener"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-3-color">Files</mark></a></p>
</div></div></div>
</div>
<div class="gb-grid-wrapper gb-grid-wrapper-801790d2">
<div class="gb-grid-column gb-grid-column-a8435a7d"><div class="gb-container gb-container-a8435a7d"><div class="gb-inside-container"></div></div></div>
<div class="gb-grid-column gb-grid-column-368f46c6"><div class="gb-container gb-container-368f46c6"><div class="gb-inside-container"></div></div></div>
<div class="gb-grid-column gb-grid-column-77a105b9"><div class="gb-container gb-container-77a105b9"><div class="gb-inside-container"></div></div></div>
<div class="gb-grid-column gb-grid-column-f40937d9"><div class="gb-container gb-container-f40937d9"><div class="gb-inside-container"></div></div></div>
<div class="gb-grid-column gb-grid-column-7f78af64"><div class="gb-container gb-container-7f78af64"><div class="gb-inside-container"></div></div></div>
</div></div></div>
<div class="gb-container gb-container-b04a78eb"><div class="gb-inside-container">
<div class="gb-grid-wrapper gb-grid-wrapper-1e253193">
<div class="gb-grid-column gb-grid-column-790bfac2"><div class="gb-container gb-container-790bfac2"><div class="gb-inside-container">
<p class="gb-headline gb-headline-a24471ca gb-headline-text">© All rights reserved André Adams 2024</p>
</div></div></div>
<div class="gb-grid-column gb-grid-column-52fe10cd"><div class="gb-container gb-container-52fe10cd"><div class="gb-inside-container"></div></div></div>
</div>
</div></div>
</div></div>
<p></p>
</div>
<a title="Voltar ao topo" aria-label="Voltar ao topo" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300">
<span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span>
</a> <nav id="generate-slideout-menu" class="main-navigation slideout-navigation do-overlay" itemtype="https://schema.org/SiteNavigationElement" itemscope style="display: none;">
<div class="inside-navigation grid-container grid-parent">
<button class="slideout-exit has-svg-icon"><span class="gp-icon pro-close">
<svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em">
<path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" />
</svg>
</span> <span class="screen-reader-text">Fechar</span></button><div class="main-nav"><ul id="menu-main-navigation-2" class=" slideout-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4545"><a href="https://andreadams.com.br/sobre/">About</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12015"><a href="https://andreadams.com.br/service-react-js-ux-ui/">Service React.js UX/UI</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-4536"><a href="https://andreadams.com.br/blog/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4539"><a href="https://andreadams.com.br/contato-2/">Contact</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-515"><a href="https://wpoficial.com.br/">I recommend<span role="presentation" class="dropdown-menu-toggle"><span class="gp-icon icon-arrow"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M305.913 197.085c0 2.266-1.133 4.815-2.833 6.514L171.087 335.593c-1.7 1.7-4.249 2.832-6.515 2.832s-4.815-1.133-6.515-2.832L26.064 203.599c-1.7-1.7-2.832-4.248-2.832-6.514s1.132-4.816 2.832-6.515l14.162-14.163c1.7-1.699 3.966-2.832 6.515-2.832 2.266 0 4.815 1.133 6.515 2.832l111.316 111.317 111.316-111.317c1.7-1.699 4.249-2.832 6.515-2.832s4.815 1.133 6.515 2.832l14.162 14.163c1.7 1.7 2.833 4.249 2.833 6.515z" /></svg></span></span></a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-514"><a href="https://elementor.com/?ref=6813&campaign=menusite">Elementor</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-513"><a href="https://www.umbler.com/br/seja-bem-vindo?a=ep9q2rvk">Umbler</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-512"><a href="https://www.hostgator.com.br/34821.html">GostGator</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12092"><a href="https://andreadams.com.br/glossario-react-js-and-react-native/">Glossary</a></li>
</ul></div> </div><!-- .inside-navigation -->
</nav><!-- #site-navigation -->
<!-- HFCM by 99 Robots - Snippet # 9: activecampaign. -->
<!-- /end HFCM by 99 Robots -->
<!-- Meta Pixel Event Code -->
<!-- End Meta Pixel Event Code -->
<div id='fb-pxl-ajax-code'></div>
<script id="generate-offside-js-extra">
var offSide = {"side":"left"};
</script>
<script id="kk-star-ratings-js-extra">
var kk_star_ratings = {"action":"kk-star-ratings","endpoint":"https:\/\/andreadams.com.br\/wp-admin\/admin-ajax.php","nonce":"2170f318bb"};
</script>
<script id="wpil-frontend-script-js-extra">
var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"13838","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}};
</script>
<script id="ninja-web-stories-admin-scripts-js-extra">
var ninjaWebStoriesAjax = {"ajaxurl":"https:\/\/andreadams.com.br\/wp-admin\/admin-ajax.php"};
</script>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-delay-js-js-after">
(function() {
"use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this;document.querySelectorAll("script["+this.attrName+"]").forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run();
}());
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/andreadams.com.br","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<!--[if lte IE 11]>
<script src="https://andreadams.com.br/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.3.1" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
</script>
<script id="generate-back-to-top-js-extra">
var generatepressBackToTop = {"smooth":"1"};
</script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"};
</script>
<script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="http://andreadams.com.br/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script>
<script>"use strict";var wprRemoveCPCSS=function wprRemoveCPCSS(){var elem;document.querySelector('link[data-rocket-async="style"][rel="preload"]')?setTimeout(wprRemoveCPCSS,200):(elem=document.getElementById("rocket-critical-css"))&&"remove"in elem&&elem.remove()};window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</script><script src="https://andreadams.com.br/wp-content/cache/min/1/e57c4461a3e6cb70eceeed7d8aa2eeb9.js" data-minify="1" defer></script><noscript><link rel="stylesheet" href="https://andreadams.com.br/wp-content/cache/min/1/ad306639c932d85d0e18dfac3fec8d6c.css" media="all" data-minify="1" /><link rel='stylesheet' id='generate-fonts-css' href='//fonts.googleapis.com/css?family=Fira+Sans:regular|Poppins:regular,500,600&display=swap' media='all' /></noscript></body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --> 
What is SVG
