1.0CopyCat Bloghttps://www.copycat.dev/blogcopycathttps://www.copycat.dev/blog/author/copycat/Create Amazing Projects with Stunning React Icons - CopyCat Blogrich600338<blockquote class="wp-embedded-content" data-secret="J72tT4bAHr"><a href="https://www.copycat.dev/blog/react-icons/">Bring Your React Projects to Life with Stunning React Icons</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/react-icons/embed/#?secret=J72tT4bAHr" width="600" height="338" title="“Bring Your React Projects to Life with Stunning React Icons” — CopyCat Blog" data-secret="J72tT4bAHr" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> https://www.copycat.dev/blog/wp-content/uploads/2023/02/React-Icons.png22401260This article will explore everything you need to know about React Icons and best practices for integrating them into your user interface.
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<oembed>
<version>1.0</version>
<provider_name>CopyCat Blog</provider_name>
<provider_url>https://www.copycat.dev/blog</provider_url>
<author_name>copycat</author_name>
<author_url>https://www.copycat.dev/blog/author/copycat/</author_url>
<title>Create Amazing Projects with Stunning React Icons - CopyCat Blog</title>
<type>rich</type>
<width>600</width>
<height>338</height>
<html><blockquote class="wp-embedded-content" data-secret="J72tT4bAHr"><a href="https://www.copycat.dev/blog/react-icons/">Bring Your React Projects to Life with Stunning React Icons</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.copycat.dev/blog/react-icons/embed/#?secret=J72tT4bAHr" width="600" height="338" title="“Bring Your React Projects to Life with Stunning React Icons” — CopyCat Blog" data-secret="J72tT4bAHr" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> </html>
<thumbnail_url>https://www.copycat.dev/blog/wp-content/uploads/2023/02/React-Icons.png</thumbnail_url>
<thumbnail_width>2240</thumbnail_width>
<thumbnail_height>1260</thumbnail_height>
<description>This article will explore everything you need to know about React Icons and best practices for integrating them into your user interface.</description>
</oembed>