iframe Archives - Tutorial Guruji

Custom Play Pause buttons – Youtube Iframe

React JS April 12, 2021

I wanted to implement custom play/pause buttons on youtube iframe in a React project but, couldn’t achieve it! It returns all type of errors like: When I press my custom mute button, it gives: player….

How to check if value entered in Material ui textfield is an ? </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/react-js/" rel="tag" data-wpel-link="internal">React JS</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/react-js/how-to-check-if-value-entered-in-material-ui-textfield-is-an/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2021-04-05T16:02:06+05:30">April 5, 2021</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I am using TextField material-ui component in my code. I want to check if the value entered by user is an iframe. How I can do that? I am using ReactJS. I am using window.parent.frames.length > 0; …</p> </div> </article> <article id="post-7712" class="post-7712 post type-post status-publish format-standard hentry category-javascript tag-cross-domain tag-iframe tag-javascript tag-postmessage"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/javascript/postmessage-cross-origin-iframe-javascript/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> postMessage() cross-origin iframe javascript </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/javascript/" rel="tag" data-wpel-link="internal">JavaScript</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/javascript/postmessage-cross-origin-iframe-javascript/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2021-03-18T19:31:19+05:30">March 18, 2021</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I am trying to communicate with cross-origin resources using postMessage(), but am unable to get it to work properly. I have reviewed dozens of other similar questions, but am still stuck. (https://…</p> </div> </article> <article id="post-7578" class="post-7578 post type-post status-publish format-standard hentry category-python tag-iframe tag-python tag-selenium"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/python/can-i-embed-asterisk-wildcard-in-python-selenium-switch_to-frame/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> can I embed asterisk wildcard * in python selenium switch_to.frame() </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/python/" rel="tag" data-wpel-link="internal">Python</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/python/can-i-embed-asterisk-wildcard-in-python-selenium-switch_to-frame/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2021-03-18T07:19:00+05:30">March 18, 2021</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I’ve encountered with a problem. when I need to switch to iframe, the id & name of the iframe varies all the time, from iframe1~iframe9, I am always getting the ‘NoSuchFrameException’,so how can I …</p> </div> </article> <article id="post-10312" class="post-10312 post type-post status-publish format-standard hentry category-javascript tag-browser-history tag-iframe tag-javascript tag-karma-runner tag-web"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/javascript/history-back-not-behaving-as-expected-in-karma/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> history.back not behaving as expected in Karma </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/javascript/" rel="tag" data-wpel-link="internal">JavaScript</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/javascript/history-back-not-behaving-as-expected-in-karma/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2021-02-26T20:12:42+05:30">February 26, 2021</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>When I run a basic test case like this: fdescribe(‘Browser back button’, () => { fit(‘should return to previous’, async () => { const originalHref = window.location.href; …</p> </div> </article> <article id="post-10743" class="post-10743 post type-post status-publish format-standard hentry category-javascript tag-iframe tag-javascript tag-web-component"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/javascript/how-can-i-call-a-web-component-with-a-script-call/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> How can i call a web-component with a script call </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/javascript/" rel="tag" data-wpel-link="internal">JavaScript</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/javascript/how-can-i-call-a-web-component-with-a-script-call/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2021-01-04T22:53:19+05:30">January 4, 2021</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I developed a web app with react and i want to embed it in another website, although i embedded it in the website through an iframe, there is a code below about it. <iframe src="https://mapbox-... </p> </div> </article> <article id="post-11547" class="post-11547 post type-post status-publish format-standard hentry category-python tag-iframe tag-playwright tag-playwright-python tag-python tag-webautomation"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/python/in-playwright-for-python-how-do-i-retrieve-a-handle-for-elements-from-within-an-frame-iframe/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> In Playwright for Python, how do I retrieve a handle for elements from within an frame (iframe)? </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/python/" rel="tag" data-wpel-link="internal">Python</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/python/in-playwright-for-python-how-do-i-retrieve-a-handle-for-elements-from-within-an-frame-iframe/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2020-12-23T12:13:14+05:30">December 23, 2020</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I have successfully used Playwright in python to get elements from a page. I now ran into to challenge of getting elements from a document embedded within an iframe. As an example, I used the …</p> </div> </article> <article id="post-14067" class="post-14067 post type-post status-publish format-standard hentry category-python tag-css-selectors tag-iframe tag-python tag-selenium tag-xpath"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/python/how-to-locate-the-create-an-account-element-within-https-www-shopdisney-com-using-selenium-and-python/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> How to locate the Create an Account element within https://www.shopdisney.com/ using Selenium and Python </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/python/" rel="tag" data-wpel-link="internal">Python</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/python/how-to-locate-the-create-an-account-element-within-https-www-shopdisney-com-using-selenium-and-python/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2020-07-13T22:04:07+05:30">July 13, 2020</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>I have been trying to click the “Create an Account” button on this webpage with selenium and python but python cannot seem to find the element. Here is my current code: from selenium import …</p> </div> </article> <article id="post-3176" class="post-3176 post type-post status-publish format-standard hentry category-javascript tag-html tag-iframe tag-javascript tag-jquery"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/javascript/read-iframe-content-html/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> read iframe content html </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/javascript/" rel="tag" data-wpel-link="internal">JavaScript</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/javascript/read-iframe-content-html/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2018-08-14T09:23:41+05:30">August 14, 2018</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>In my page i am having an iframe, the source of the iframe is a url which is having a page of another server. When the page is loading its fetching the output and display it in the iframe. Now i …</p> </div> </article> <article id="post-4870" class="post-4870 post type-post status-publish format-standard hentry category-jquery tag-dynamics-crm tag-events tag-iframe tag-jquery tag-post"> <header class="entry-header"> <h2 class="entry-title"> <a href="https://www.tutorialguruji.com/jquery/multiple-postmessage-to-eventlistener-to-iframe-from-crm-onload/" data-wpel-link="internal"> <svg class="icon icon-news" aria-hidden="true" role="img"> <use href="#icon-news" xlink:href="#icon-news"></use> </svg> Multiple postMessage to eventListener to iFrame from CRM onLoad </a> </h2> </header> <div class="entry-meta-outer"> <div class="entry-meta"> <span class="tags-outer"> <svg class="icon icon-tags" aria-hidden="true" role="img"> <use href="#icon-tags" xlink:href="#icon-tags"></use> </svg> <span class="entry-terms category"><a href="https://www.tutorialguruji.com/category/jquery/" rel="tag" data-wpel-link="internal">jQuery</a></span> </span> <span class="posted-on-outer"> <svg class="icon icon-calendar" aria-hidden="true" role="img"> <use href="#icon-calendar" xlink:href="#icon-calendar"></use> </svg> <span class="posted-on"><a href="https://www.tutorialguruji.com/jquery/multiple-postmessage-to-eventlistener-to-iframe-from-crm-onload/" rel="bookmark" data-wpel-link="internal"><time class="entry-date published updated" datetime="2018-03-17T18:18:06+05:30">March 17, 2018</time></a></span> </span> </div> </div> <div class="entry-excerpt"> <p>A bit new to javascript. I have embedded an html web resource in an iFrame in a Dynamics CRM entity. I can easily grab the input from the iFrame to populate CRM, but am having issues posting back …</p> </div> </article> <nav class="navigation pagination" role="navigation" aria-label="Posts"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"><span aria-current="page" class="page-numbers current"><span class="meta-nav screen-reader-text">Page </span>1</span> <a class="page-numbers" href="https://www.tutorialguruji.com/tag/iframe/page/2/" data-wpel-link="internal"><span class="meta-nav screen-reader-text">Page </span>2</a> <a class="page-numbers" href="https://www.tutorialguruji.com/tag/iframe/page/3/" data-wpel-link="internal"><span class="meta-nav screen-reader-text">Page </span>3</a> <a class="next page-numbers" href="https://www.tutorialguruji.com/tag/iframe/page/2/" data-wpel-link="internal"><span class="screen-reader-text">Next page</span>></a></div> </nav> </main> </div> <div class="cell cell--4@medium"> <aside class="widget-area blog-sidebar" role="complementary" aria-label="Blog Sidebar"> <a class="screen-reader-text" href="#site-footer">Skip to footer</a> <section id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Articles</h2> <ul> <li> <a href="https://www.tutorialguruji.com/python/if-all-of-the-values-%e2%80%8bin-the-column-are-outside-of-a-certain-range-drop-that-column/" data-wpel-link="internal">If all of the values in the column are outside of a certain range, drop that column</a> </li> <li> <a href="https://www.tutorialguruji.com/python/curve_fit-of-a-summation-of-functions/" data-wpel-link="internal">curve_fit of a summation of functions</a> </li> <li> <a href="https://www.tutorialguruji.com/python/syntaxerror-return-outside-function-scoping-problem-closed/" data-wpel-link="internal">SyntaxError: ‘return’ outside function. scoping problem [closed]</a> </li> <li> <a href="https://www.tutorialguruji.com/python/python-tkinter-listbox-input-from-txt-file-multiple-lines-are-showing-in-one-line/" data-wpel-link="internal">Python Tkinter listbox input from txt file multiple lines are showing in one line</a> </li> <li> <a href="https://www.tutorialguruji.com/python/python-word-counter-program/" data-wpel-link="internal">Python word counter program</a> </li> </ul> </section><section id="categories-2" class="widget widget_categories"><h2 class="widget-title">What You Want To Learn?</h2> <ul> <li class="cat-item cat-item-2919"><a href="https://www.tutorialguruji.com/category/android/" title="Android Questions and Answers" data-wpel-link="internal">Android</a> </li> <li class="cat-item cat-item-3079"><a href="https://www.tutorialguruji.com/category/angularjs/" title="AngularJS Questions and Answers" data-wpel-link="internal">AngularJS</a> </li> <li class="cat-item cat-item-543"><a href="https://www.tutorialguruji.com/category/bitcoin-core/" title="Bitcoin Core Questions And Answers" data-wpel-link="internal">Bitcoin Core</a> </li> <li class="cat-item cat-item-618"><a href="https://www.tutorialguruji.com/category/bitcoin-exchanges/" title="Bitcoin Exchanges Questions and Answers" data-wpel-link="internal">Bitcoin Exchanges</a> </li> <li class="cat-item cat-item-587"><a href="https://www.tutorialguruji.com/category/bitcoin-security/" title="Bitcoin Security Questions and Answers" data-wpel-link="internal">Bitcoin Security</a> </li> <li class="cat-item cat-item-607"><a href="https://www.tutorialguruji.com/category/bitcoin-transaction-fees/" title="Bitcoin Transaction Fees Questions and Answers" data-wpel-link="internal">Bitcoin Transaction Fees</a> </li> <li class="cat-item cat-item-571"><a href="https://www.tutorialguruji.com/category/bitcoin-transactions/" data-wpel-link="internal">Bitcoin Transactions</a> </li> <li class="cat-item cat-item-2781"><a href="https://www.tutorialguruji.com/category/c-sharp/" title="C# Questions and Answers" data-wpel-link="internal">C#</a> </li> <li class="cat-item cat-item-2834"><a href="https://www.tutorialguruji.com/category/cpp/" data-wpel-link="internal">C++</a> </li> <li class="cat-item cat-item-4"><a href="https://www.tutorialguruji.com/category/dbms/" title="Database Management System" data-wpel-link="internal">DBMS</a> </li> <li class="cat-item cat-item-352"><a href="https://www.tutorialguruji.com/category/for-loop-questions/" data-wpel-link="internal">for loop</a> </li> <li class="cat-item cat-item-1915"><a href="https://www.tutorialguruji.com/category/grammar/" title="Free Grammar Tutorial - Learn more about the English language at online grammar lessons and tutorials. " data-wpel-link="internal">Grammar</a> </li> <li class="cat-item cat-item-3009"><a href="https://www.tutorialguruji.com/category/html/" title="HTML Questions and Answers" data-wpel-link="internal">HTML</a> </li> <li class="cat-item cat-item-1"><a href="https://www.tutorialguruji.com/category/java/" title="Java Questions and Answers" data-wpel-link="internal">Java</a> </li> <li class="cat-item cat-item-6"><a href="https://www.tutorialguruji.com/category/javascript/" title="JavaScript Questions And Answers" data-wpel-link="internal">JavaScript</a> </li> <li class="cat-item cat-item-3037"><a href="https://www.tutorialguruji.com/category/jquery/" title="jQuery Questions and Answers" data-wpel-link="internal">jQuery</a> </li> <li class="cat-item cat-item-629"><a href="https://www.tutorialguruji.com/category/linux-questions/" title="Linux Questions and Answers" data-wpel-link="internal">Linux</a> </li> <li class="cat-item cat-item-496"><a href="https://www.tutorialguruji.com/category/mathematics-real-analysis-questions/" title="Mathematics Real Analysis Questions" data-wpel-link="internal">Mathematics Real Analysis</a> </li> <li class="cat-item cat-item-3180"><a href="https://www.tutorialguruji.com/category/node-js/" data-wpel-link="internal">Node.js</a> </li> <li class="cat-item cat-item-5"><a href="https://www.tutorialguruji.com/category/php/" title="PHP Questions and Answers" data-wpel-link="internal">PHP</a> </li> <li class="cat-item cat-item-2027"><a href="https://www.tutorialguruji.com/category/python/" title="Python Questions and Answers" data-wpel-link="internal">Python</a> </li> <li class="cat-item cat-item-3235"><a href="https://www.tutorialguruji.com/category/react-js/" title="React JS Questions and Answers" data-wpel-link="internal">React JS</a> </li> <li class="cat-item cat-item-711"><a href="https://www.tutorialguruji.com/category/shell-script/" title="Shell Script Questions And Answers" data-wpel-link="internal">Shell Script</a> </li> <li class="cat-item cat-item-3670"><a href="https://www.tutorialguruji.com/category/travel/" title="Travel Questions and Answers" data-wpel-link="internal">Travel</a> </li> <li class="cat-item cat-item-3159"><a href="https://www.tutorialguruji.com/category/wordpress/" title="WordPress Questions and Answers" data-wpel-link="internal">WordPress</a> </li> </ul> </section></aside> </div> </div> </div> <footer class="site-footer" id="site-footer" role="contentinfo"> <aside class="footer-widgets" role="complementary" aria-label="Footer"> <div class="container container-default-widgets"> <div id="footer-area-1" class="footer-area-1 widget-area-footer grid-auto" role="complementary"> <section id="custom_html-2" class="widget_text widget widget_custom_html"><h2 class="widget-title">Contact Details</h2><div class="textwidget custom-html-widget"><b>Web:</b> <a href="https://www.tutorialguruji.com/" data-wpel-link="internal">tutorialguruji.com</a> <br /> For Advertisement - <a href="https://www.tutorialguruji.com/contact-us/" data-wpel-link="internal">Contact Us Today</a>.</div></section> </div> <div id="footer-area-2" class="footer-area-2 widget-area-footer grid-auto" role="complementary"> <section id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"></div></section> </div> </div> </aside> <div class="site-info"> <span class="site-designer"> </span> <a href="http://www.tutorialguruji.com/" data-wpel-link="internal">Tutorial Guruji</a> </div> </footer> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ / var wpcf7 = {"apiSettings":{"root":"https:\/\/www.tutorialguruji.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; / ]]> */ </script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3.2' id='contact-form-7-js'></script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-content/plugins/wp-codemirror-block/vendor/codemirror/lib/codemirror.min.js?ver=5.40.5' id='codemirror-js'></script> <script type='text/javascript' id='codemirror-autoload-assets-js-before'> var wpcm = {"plugin_url":"https://www.tutorialguruji.com/wp-content/plugins/wp-codemirror-block","assets":[],"panelOptions":{"showPanel":true,"languageLabel":false,"runButton":false,"fullScreenButton":false,"copyButton":true},"view":"public"} </script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-content/plugins/wp-codemirror-block/assets/js/autoLoadAssets.min.js?ver=1612775107' id='codemirror-autoload-assets-js'></script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-content/plugins/wp-codemirror-block/assets/js/init.min.js?ver=1612775107' id='codemirror-init-js'></script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-content/themes/learnmore/assets/scripts/bundle.min.js?ver=1.0.4' id='learnmore-scripts-js'></script> <script type='text/javascript' src='https://www.tutorialguruji.com/wp-includes/js/wp-embed.min.js?ver=5.6.2' id='wp-embed-js'></script> <svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; width: 0; height: 0;" aria-hidden="true"> <symbol id="icon-arrow-down" viewBox="0 0 1792 1792"><path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10L407 759q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/></symbol> <symbol id="icon-bars" viewBox="0 0 768 1024"><path d="M0 192v128h768V192H0zm0 384h768V448H0v128zm0 256h768V704H0v128z"/></symbol> <symbol id="icon-calendar" viewBox="0 0 512 512"><path fill="none" d="M80 112v64h352v-64"/><path d="M352 96V64h-16v32H176V64h-16v32H64v352h384V96h-96zm80 336H80V192h352v240zm0-256H80v-64h80v32h16v-32h160v32h16v-32h80v64z"/></symbol> <symbol id="icon-close" viewBox="0 0 640 1024"><path d="M640 320L512 192 320 384 128 192 0 320l192 192L0 704l128 128 192-192 192 192 128-128-192-192 192-192z"/></symbol> <symbol id="icon-news" viewBox="0 0 32 32"><path d="M4 32h24a2 2 0 002-2V2a2 2 0 00-2-2H4a2 2 0 00-2 2v28a2 2 0 002 2zM4 2h24v28H4V2zm19 4h-8a1 1 0 000 2h8a1 1 0 000-2zm0 6H9a1 1 0 000 2h14a1 1 0 000-2zm0 6H9a1 1 0 000 2h14a1 1 0 000-2zm0 6H9a1 1 0 000 2h14a1 1 0 000-2z"/></symbol> <symbol id="icon-pin" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></symbol> <symbol id="icon-search-icon" viewBox="0 0 20 20"><circle cx="9" cy="9" r="7" fill="none"/><path fill="none" d="M14 14l4 4-4-4z"/></symbol> <symbol id="icon-tags" viewBox="0 0 1024 1024"><path d="M477.5 694l311.9-311.8-19-224.6-224.6-19-311.9 311.9L477.5 694zm116-415.5a47.81 47.81 0 0133.9-33.9c16.6-4.4 34.2.3 46.4 12.4a47.93 47.93 0 0112.4 46.4 47.81 47.81 0 01-33.9 33.9c-16.6 4.4-34.2-.3-46.4-12.4a48.3 48.3 0 01-12.4-46.4z" fill-opacity=".15" fill="#626262"/><path d="M476.6 792.6c-1.7-.2-3.4-1-4.7-2.3L137.7 456.1a8.03 8.03 0 010-11.3L515.9 66.6c1.2-1.3 2.9-2.1 4.7-2.3h-.4c-2.3-.2-4.7.6-6.3 2.3L135.7 444.8a8.03 8.03 0 000 11.3l334.2 334.2c1.8 1.9 4.3 2.6 6.7 2.3z" fill-opacity=".15" fill="#626262"/><path d="M889.7 539.8l-39.6-39.5a8.03 8.03 0 00-11.3 0l-362 361.3-237.6-237a8.03 8.03 0 00-11.3 0l-39.6 39.5a8.03 8.03 0 000 11.3l243.2 242.8 39.6 39.5c3.1 3.1 8.2 3.1 11.3 0l407.3-406.6c3.1-3.1 3.1-8.2 0-11.3zM652.3 337.3a47.81 47.81 0 0033.9-33.9c4.4-16.6-.3-34.2-12.4-46.4a47.93 47.93 0 00-46.4-12.4 47.81 47.81 0 00-33.9 33.9c-4.4 16.6.3 34.2 12.4 46.4a48.3 48.3 0 0046.4 12.4z" fill="#626262"/><path d="M137.7 444.8a8.03 8.03 0 000 11.3l334.2 334.2c1.3 1.3 2.9 2.1 4.7 2.3 2.4.3 4.8-.5 6.6-2.3L861.4 412c1.7-1.7 2.5-4 2.3-6.3l-25.5-301.4c-.7-7.8-6.8-13.9-14.6-14.6L522.2 64.3h-1.6c-1.8.2-3.4 1-4.7 2.3L137.7 444.8zm408.1-306.2l224.6 19 19 224.6L477.5 694 233.9 450.5l311.9-311.9z" fill="#626262"/><path fill="rgba(0, 0, 0, 0)" d="M0 0h1024v1024H0z"/></symbol> </svg> </body> </html>