Tab Emojis | Personalize your tabs

<!DOCTYPE html> <html lang="en" class="large-screen-ready v2023 "> <head> <link rel="preload" href="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js" as="script" />  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted' }); </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRBZ42F'); </script>  <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, width=device-width"> <title>Tab Emojis | Personalize your tabs | Opera Browser</title> <meta name="description" content="Personalize your tabs and express yourself with Tab Emojis. Have fun and organize tab chaos in Opera Browser."> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/apple-touch-icon.555ee4c450b1.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-32x32.ddd494719bed.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-16x16.052be2038748.png"> <link rel="manifest" href="/webmanifest"> <link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/safari-pinned-tab.2ff3aa479bec.svg" color="#ff0a21"> <link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon.90b13d0c7b36.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/browserconfig.f5848516ccd3.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.opera.com/features/tab-emojis" /> <link rel="alternate" hreflang="en" href="https://www.opera.com/features/tab-emojis" /><link rel="alternate" hreflang="de" href="https://www.opera.com/de/features/tab-emojis" /><link rel="alternate" hreflang="es" href="https://www.opera.com/es/features/tab-emojis" /><link rel="alternate" hreflang="es-HN" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-AR" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-SV" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-PR" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-DO" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-EC" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-GT" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-PE" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-BO" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-NI" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-VE" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-PA" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-CR" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-UY" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="es-PY" href="https://www.opera.com/es-419/features/tab-emojis" /><link rel="alternate" hreflang="fr" href="https://www.opera.com/fr/features/tab-emojis" /><link rel="alternate" hreflang="en-ID" href="https://www.opera.com/id/features/tab-emojis" /><link rel="alternate" hreflang="it" href="https://www.opera.com/it/features/tab-emojis" /><link rel="alternate" hreflang="en-JP" href="https://www.opera.com/ja/features/tab-emojis" /><link rel="alternate" hreflang="en-KR" href="https://www.opera.com/ko/features/tab-emojis" /><link rel="alternate" hreflang="en-NO" href="https://www.opera.com/no/features/tab-emojis" /><link rel="alternate" hreflang="pl" href="https://www.opera.com/pl/features/tab-emojis" /><link rel="alternate" hreflang="en-PT" href="https://www.opera.com/pt/features/tab-emojis" /><link rel="alternate" hreflang="pt-BR" href="https://www.opera.com/pt-br/features/tab-emojis" /><link rel="alternate" hreflang="ru" href="https://www.opera.com/ru/features/tab-emojis" /><link rel="alternate" hreflang="en-TR" href="https://www.opera.com/tr/features/tab-emojis" /><link rel="alternate" hreflang="en-UA" href="https://www.opera.com/ua/features/tab-emojis" /><link rel="alternate" hreflang="en-VN" href="https://www.opera.com/vi/features/tab-emojis" /><link rel="alternate" hreflang="en-CN" href="https://www.opera.com/zh-cn/features/tab-emojis" /> <meta property="og:title" content="Personalize your tabs with Tab Emojis"> <meta property="og:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/og/og-opera_lp_tab-emojis.5e495aedb0e5.png"> <meta property="og:description" content="Personalize your tabs and express yourself with Tab Emojis. Have fun and organize tab chaos in Opera Browser."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.opera.com/features/tab-emojis"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@opera"> <meta name="twitter:title" content="Personalize your tabs with Tab Emojis"> <meta name="twitter:description" content="Personalize your tabs and express yourself with Tab Emojis. Have fun and organize tab chaos in Opera Browser."> <meta name="twitter:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/og/og-opera_lp_tab-emojis.5e495aedb0e5.png"> <meta property="vk:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/opera-150.5800338be920.png"> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="stylesheet" type="text/css" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="all" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 320px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-320.4eb0e0b405f4.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 640px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-640.9343d3c37bce.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-768.1a04d8fb8869.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1024px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1024.fa0ba1810435.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1224px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1224.f455e6f99cb2.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1824px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1824.2173f5ae90e1.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1924px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1924.ec3e7ebf2c85.css"/> <link rel="stylesheet" type="text/css" media="all" href="https://cdn-production-opera-website.operacdn.com/staticfiles/tabEmoji.db4fc69ed4d5.css"/> </head> <body class=""> <header id="header" class="hf hf__header"> <input id="header__switcher" class="hidden--clip header__switcher" type="checkbox"> <div class="header " role="navigation"> <div class="header__wrapper container-fluid wrapper"> <a class="header__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <div class="header__menu"> <ul class="header__main-nav-items" role="menu"> <li class="header__main-nav-item header__main-nav-item--dropdown active" role="menuitem"> <a href="/browsers" class="header__main-nav-anchor" data-menu="Browsers"> <i class="icon-component hover-color" data-icon-name="Browsers" data-icon-type="Header" data-icon-alt="Browsers" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Browsers </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/browsers/opera" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Browser <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--updated">Updated</span> </a> <a href="/gx" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera GX </a> <a href="/download" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Downloads </a> <a href="/features" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Features <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--hover-color">New</span> </a> <a href="/compare" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Compare Browsers </a> <a href="/browsers/opera-mini" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Mini </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/secure-private-browser" class="header__main-nav-anchor" data-menu="Privacy & Security"> <i class="icon-component hover-color" data-icon-name="Security" data-icon-type="Header" data-icon-alt="Security" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Privacy & Security </span> </a> </li> <li class="header__main-nav-item header__main-nav-item--dropdown" role="menuitem"> <a href="/about" class="header__main-nav-anchor" data-menu="About"> <i class="icon-component hover-color" data-icon-name="About us" data-icon-type="Header" data-icon-alt="About us" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> About </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/about" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> About Opera </a> <a href="https://blogs.opera.com/" target="_blank" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Blog </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/help" class="header__main-nav-anchor" data-menu="Help"> <i class="icon-component hover-color" data-icon-name="Help" data-icon-type="Header" data-icon-alt="Help" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Help </span> </a> </li> </ul> <div class="header__download"> <span class="download-button--wrapper download-button--desktop download-button--full download-button--small "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" data-event-action="download_opera" data-event-category="new_floating_header" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class="header__mobile container-fluid"> <a class="header__mobile__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <label class="header__menu-switcher" for="header__switcher"> language: </label> </div> </div> </div> </header> <main> <section class="hero hero--lnr hero--glow-color-1--aurora hero--glow-color-2--avocado" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class="row"> <div class="col-xs-12 col-md-6 flex flex-direction--column justify-content--center"> <h1 class="pb3 text-40 text-md-56 font-weight--900" > <span class='text-transform--none'>Tab Emojis in Opera Browser</span> </h1> <p class="text-level-1 hero__title"> Personalize your tabs and express yourself with Tab Emojis. Have fun while organizing tab chaos in Opera Browser. <a href="#see-more" data-custom-offset="20">See more</a> </p> <div class=" my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class="col-xs-12 col-md-6 block--relative"> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.463ad4c538a0.webp 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile%402x.59682d83bb6c.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.b6ccdbe7c76d.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.b6ccdbe7c76d.png 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile%402x.b64963ead4ae.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="Tab Emojis in Opera Browser" /> </picture> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero.b0303466ee21.webp 1181w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero%402x.416dc7857170.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero.974e4c8f81dd.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero%402x.b7a7d8a206f0.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="Tab Emojis in Opera Browser" /> </picture> <span id="see-more" class="move-top-by-header-height"></span> </div> </div> </div> </div> </section> <section class="wrapper container-fluid section-component"> <div class="row reverse"> <div class="col-xs-12 col-md-6"> <div class="box-component box-component__v4"> <div class="box-component__content"> <h3 class="text-24 text-md-32 font-weight--900 mb5 box-component__title ">Identify tabs easily</h3> <div class="box-component__description text-14 text-md-18 color--opera-text-bw-50">Trouble finding specific tabs? Make them stand out with emojis, and identify them easily.</div> </div> </div> </div> <div class="col-xs-12 col-md-6"> <div class="box-component box-component--only-img box-component__v4"> <div class="box-component__content"> <picture class="hidden--from-md"> <img class="box-component__image block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif 640w" sizes="calc(100vw - 40px)" alt="Identify tabs easily"/> </picture> <picture class="hidden--to-md"> <img class="box-component__image block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/tabemoji-gif.fe56738a8c16.gif 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Identify tabs easily" /> </picture> </div> </div> </div> </div> </section> <section class="benefits section-component block--overflow-hidden" id="benefits"> <div class="container-fluid wrapper"> <div class="row between-lg vmb50 middle-xs"> <div class="col-xs-12 col-lg-5"> <h2 class="h-level-3 font-weight--900 mb0 text-transform--uppercase"> Benefits of Tab Emojis </h2> </div> <div class="col-xs-12 col-lg-6"> <p class="text-level-2 block--opacity-50"> Add a fun, personal touch to your tabs with Tab Emojis and stay organized while browsing. </p> </div> </div> </div> <div class="x-scroll-wrapper container-fluid wrapper"> <div class="x-scroll-wrapper__inner"> <div class="row"> <div class="col-xs-3"> <div class="tile-component tile-component__v1 avocado no-icon"> <h3 class="text-24 font-weight--900 flex"> Useful 🔥 </h3> <div class="text-16"> Mark important tabs with emojis and become a productivity guru. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 sapphire no-icon"> <h3 class="text-24 font-weight--900 flex"> Personal ✨ </h3> <div class="text-16"> Express your feelings about tabs and decorate your browser with emojis. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 coral no-icon"> <h3 class="text-24 font-weight--900 flex"> Fun 🌈 </h3> <div class="text-16"> Bring some fun to your tabs. It’s proven that emojis make us happier. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 purple no-icon"> <h3 class="text-24 font-weight--900 flex"> Easy 😎 </h3> <div class="text-16"> Hover on a tab and select your emoji. Change or remove it the same way. </div> </div> </div> </div> </div> </div> <div class="container-fluid wrapper"> <div class="text-align--center mt5 mb0"> <div class="button-component button-component__v-arrowed-vertical" > <a href="#explore-more" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Explore more</span> </a> </div> </div> </div> </section> <div id="explore-more"></div> <section id="try-it-out-here" class="wrapper container-fluid section-component hidden--to-lg"> <div class="center-xs"> <div class="title_component title_component_size-56-40 "> <h2 class="primary_text ">Try it out here</h2> </div> </div> </section> <section id="UniqueDropzone" class="container-fluid wrapper tab-emoji UniqueDropzone hidden--to-lg"> <div class="tab-emoji__content"> <div class="tab-emoji__tab-bar flex BlockLayout"> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <i class="icon-component " data-icon-name="Airbnb" data-icon-type="Favicons" data-icon-alt="Airbnb" data-icon-width=""></i> <div class="tab-emoji__tab-item__title"><p>Airbnb | Vacation rent</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="airbnb"></span> </div> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat.module.724a32ec0873.svg" alt="Opera" style="height: 4rem;" class="logo-component "> <div class="tab-emoji__tab-item__title"><p>Opera Web Browser</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="opera"></span> </div> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <i class="icon-component " data-icon-name="Instagram" data-icon-type="Favicons" data-icon-alt="Instagram" data-icon-width=""></i> <div class="tab-emoji__tab-item__title"><p>Instagram | Post to Ins</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="instagram"></span> </div> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <i class="icon-component " data-icon-name="Google YouTube" data-icon-type="Favicons" data-icon-alt="Google YouTube" data-icon-width=""></i> <div class="tab-emoji__tab-item__title"><p>YouTube - Opera</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="youtube"></span> </div> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <i class="icon-component " data-icon-name="Uber Eats" data-icon-type="Favicons" data-icon-alt="Uber Eats" data-icon-width=""></i> <div class="tab-emoji__tab-item__title"><p>Uber Eats | Food Delivery</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="uber-eats"></span> </div> <div class="tab-emoji__tab-item"> <div class="tab-emoji__tab-item__content"> <i class="icon-component " data-icon-name="Gmail" data-icon-type="Favicons" data-icon-alt="Gmail" data-icon-width=""></i> <div class="tab-emoji__tab-item__title"><p>Inbox - @gmail.com</p></div> </div> <span class="BlockWrapper--isDropzone tab-emoji-dropzone" data-dropzone="gmail"></span> </div> </div> <div class="tab-emoji__message-container"> <div class="tab-emoji__message-content"> <div class="tab-emoji__message-content__heart-emoji"> <div class="tab-emoji__message-content__heart-emoji--airbnb"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-1.8c2e21f188d5.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--airbnb"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--airbnb" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">I would love a holiday... Unfortunately I'm just a sentient caption on a webpage. :(</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">I would love a holiday... Unfortunately I'm just a sentient caption on a webpage. :(</text> </svg> </div> <div class="tab-emoji__message-content__heart-emoji--opera"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-2.dbb07594d447.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Yeah, we heart you too. <3</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Yeah, we heart you too. <3</text> </svg> </div> <div class="tab-emoji__message-content__heart-emoji--instagram"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-3.c882f29fb3cc.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Aren't we overusing the heart emoji just a wee bit?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Aren't we overusing the heart emoji just a wee bit?</text> </svg> </div> <div class="tab-emoji__message-content__heart-emoji--youtube"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-4.f6d646e5b734.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Ooh! Ooh! You should check out &quotkitten vs TWO scary things.&quot Totes adorbs.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Ooh! Ooh! You should check out &quotkitten vs TWO scary things.&quot Totes adorbs.</text> </svg> </div> <div class="tab-emoji__message-content__heart-emoji--uber-eats"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-5.16ada0944e03.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">While you're there, could you get me some fries? Wait, garlic naan. Or sushi. Nomnomnom.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">While you're there, could you get me some fries? Wait, garlic naan. Or sushi. Nomnomnom.</text> </svg> </div> <div class="tab-emoji__message-content__heart-emoji--gmail"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/heart/pop-up-6.63ab710d5ef6.png" alt="Heart emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, what, you love sorting email? I mean... it is satisfying to report spam, so, I get it. We can be friends.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, what, you love sorting email? I mean... it is satisfying to report spam, so, I get it. We can be friends.</text> </svg> </div> </div> <div class="tab-emoji__message-content__poop-emoji"> <div class="tab-emoji__message-content__poop-emoji--airbnb"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-1.b570ad2905f6.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--airbnb"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--airbnb" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Not looking forward to your trip? I'm guessing... family reunion?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Not looking forward to your trip? I'm guessing... family reunion?</text> </svg> </div> <div class="tab-emoji__message-content__poop-emoji--opera"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-2.8e2031c674d4.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">I'm not usually one to judge, but for you I'll make an exception.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">I'm not usually one to judge, but for you I'll make an exception.</text> </svg> </div> <div class="tab-emoji__message-content__poop-emoji--instagram"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-3.91e8bfb12b32.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Ah, I see you're also a person of culture.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Ah, I see you're also a person of culture.</text> </svg> </div> <div class="tab-emoji__message-content__poop-emoji--youtube"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-4.fb1a50024726.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Is this a commentary on ads?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Is this a commentary on ads?</text> </svg> </div> <div class="tab-emoji__message-content__poop-emoji--uber-eats"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-5.967d77e93240.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Hey, here's that room-temperature flat bag of food you ordered. Please tip.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Hey, here's that room-temperature flat bag of food you ordered. Please tip.</text> </svg> </div> <div class="tab-emoji__message-content__poop-emoji--gmail"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/poop/pop-up-6.d9423de592e6.png" alt="Poop emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, is this a comment on the pressures of modern life, or do you just like the poop emoji?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, is this a comment on the pressures of modern life, or do you just like the poop emoji?</text> </svg> </div> </div> <div class="tab-emoji__message-content__palm-emoji"> <div class="tab-emoji__message-content__palm-emoji--airbnb"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-1.330b17064a6a.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--airbnb"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--airbnb" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Aruba, Jamaica, ooh I wanna take ya...</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Aruba, Jamaica, ooh I wanna take ya...</text> </svg> </div> <div class="tab-emoji__message-content__palm-emoji--opera"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-2.7bdea14537ba.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">We agree, Opera is a kick-back-and-relax type of browser.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">We agree, Opera is a kick-back-and-relax type of browser.</text> </svg> </div> <div class="tab-emoji__message-content__palm-emoji--instagram"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-3.aa387bcad3f9.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">If this is where you go to relax, what do you do for excitement?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">If this is where you go to relax, what do you do for excitement?</text> </svg> </div> <div class="tab-emoji__message-content__palm-emoji--youtube"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-4.b121593c426b.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Looking for a break from the internet? We recommend <tspan font-style='italic'>Relaxing ocean sounds</tspan>.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Looking for a break from the internet? We recommend <tspan font-style='italic'>Relaxing ocean sounds</tspan>.</text> </svg> </div> <div class="tab-emoji__message-content__palm-emoji--uber-eats"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-5.fa852859bda2.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Mmmm... coconut drinks. With little umbrellas.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Mmmm... coconut drinks. With little umbrellas.</text> </svg> </div> <div class="tab-emoji__message-content__palm-emoji--gmail"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/palm/pop-up-6.9df6ca2dc22e.png" alt="Palm emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">You've won a dream vacation! (totally not spam)</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">You've won a dream vacation! (totally not spam)</text> </svg> </div> </div> <div class="tab-emoji__message-content__pizza-emoji"> <div class="tab-emoji__message-content__pizza-emoji--airbnb"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-1.93ff71bc864d.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--airbnb"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--airbnb" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Want to settle the Chicago deep dish vs New York pizza debate? Or visit Italy for the OG pizza?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Want to settle the Chicago deep dish vs New York pizza debate? Or visit Italy for the OG pizza?</text> </svg> </div> <div class="tab-emoji__message-content__pizza-emoji--opera"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-2.d4322b726f06.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Did you know? The word <tspan font-style='italic'>pizza</tspan> is thought to have derived from the Medieval Greek word, <tspan font-style='italic'>pitta</tspan>, meaning <tspan font-style='italic'>pie</tspan>.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Did you know? The word <tspan font-style='italic'>pizza</tspan> is thought to have derived from the Medieval Greek word, <tspan font-style='italic'>pitta</tspan>, meaning <tspan font-style='italic'>pie</tspan>.</text> </svg> </div> <div class="tab-emoji__message-content__pizza-emoji--instagram"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-3.2bc0ae2383fb.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Someone should start a TikTok just for pizza. PizzaTok? Tikzza?</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Someone should start a TikTok just for pizza. PizzaTok? Tikzza?</text> </svg> </div> <div class="tab-emoji__message-content__pizza-emoji--youtube"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-4.1dd6c3aa7294.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Looking for pizza-baking videos to fall asleep to? Mood.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">Looking for pizza-baking videos to fall asleep to? Mood.</text> </svg> </div> <div class="tab-emoji__message-content__pizza-emoji--uber-eats"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-5.3a7b9ec9a8c6.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">What's the difference between a good and a bad pizza joke? The delivery.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">What's the difference between a good and a bad pizza joke? The delivery.</text> </svg> </div> <div class="tab-emoji__message-content__pizza-emoji--gmail"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/messages-backgrounds/pizza/pop-up-6.afd87da2216d.png" alt="Pizza emoji background" class="tab-emoji__message-content__background tab-emoji__message-content__background--opera"> <svg class="tab-emoji__message-content__text tab-emoji__message-content__text--opera" > <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, like, do you have a dedicated account for you pizza delivery orders? I like you.</text> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">So, like, do you have a dedicated account for you pizza delivery orders? I like you.</text> </svg> </div> </div> </div> </div> <div class="center-xs tab-emoji__drag-section"> <div class="tab-emoji__drag-menu BlockLayout"> <div class="tab-emoji__drag-menu__content"> <div class="tab-emoji__drag-menu__emoji-box BlockWrapper--isDropzone" data-dropzone="1"> <div class="tab-emoji__drag-menu__emoji-box__draggable tab-emoji__drag-menu__emoji-box__draggable--type-hollow"> <p>❤️</p></div> <div class="tab-emoji__drag-menu__emoji-box__draggable Block--isDraggable" data-emoji-number="1"><p>❤️</p></div> </div> <div class="tab-emoji__drag-menu__emoji-box BlockWrapper--isDropzone" data-dropzone="2"> <div class="tab-emoji__drag-menu__emoji-box__draggable tab-emoji__drag-menu__emoji-box__draggable--type-hollow"> <p>💩</p></div> <div class="tab-emoji__drag-menu__emoji-box__draggable Block--isDraggable" data-emoji-number="2"><p>💩</p></div> </div> <div class="tab-emoji__drag-menu__emoji-box BlockWrapper--isDropzone" data-dropzone="3"> <div class="tab-emoji__drag-menu__emoji-box__draggable tab-emoji__drag-menu__emoji-box__draggable--type-hollow"> <p>🌴</p></div> <div class="tab-emoji__drag-menu__emoji-box__draggable Block--isDraggable" data-emoji-number="3"><p>🌴</p></div> </div> <div class="tab-emoji__drag-menu__emoji-box BlockWrapper--isDropzone" data-dropzone="4"> <div class="tab-emoji__drag-menu__emoji-box__draggable tab-emoji__drag-menu__emoji-box__draggable--type-hollow"> <p>🍕</p></div> <div class="tab-emoji__drag-menu__emoji-box__draggable Block--isDraggable" data-emoji-number="4"><p>🍕</p></div> </div> </div> <img class="tab-emoji__drag-menu__cursor" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/main/tab-emoji/Cursor.4403e610ebfd.svg" alt="Cursor"> </div> <p class="text-24 color--opera-text-bw-50 mt-18">Drag emojis to the tabs above</p> </div> </div> </section> <section id="tab-emoji-slider" class="horizontal-slider-section section-component"> <div class="container-fluid wrapper"> <div class="row between-lg middle-xs"> <div class="col-xs-12"> <div class="slider-component__wrapper pb-96" data-visible-slides="1"> <div class="horizontal-slider--image__cover mt0 tns-slider mt1" id="more-about" > <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/feedback/Happy.module.e9425ff39e95.svg" alt="Easily add Emojis to your tab"/> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Easily add Emojis to your tab </h3> <div class="banner-copy text-14 text-md-18 mt4"> Hover on any tab and select an emoji. Change or remove it the same way. Click + for your full suite of emojis. Tab Emojis can be enabled or disabled in Settings. Enjoy telling your tabs apart easily, all in a playful, interactive way. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1.98d6826f95f6.webp" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1.98d6826f95f6.webp 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1%402x.2bf2ebd39633.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1.0e1b1023ab30.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1.0e1b1023ab30.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1%402x.77d72dbe4458.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Easily add Emojis to your tab" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1.0e1b1023ab30.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-1%402x.77d72dbe4458.png 2x" sizes="calc(100vw - 4rem)" alt="Easily add Emojis to your tab"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/feature/Folder.module.592b4d969a03.svg" alt="Organize your tabs with Workspaces"/> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Organize your tabs with Workspaces </h3> <div class="banner-copy text-14 text-md-18 mt4"> Organize tab groups according to your interests - like work, planning holidays, games, or shopping. Enjoy a cleaner, simpler and distraction-free browser. <br><br> Add more workspaces, name them, and choose their icons - customize your tab groups for the contexts that are relevant to you. Hide a workspace if you need to, or delete it entirely. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2.5e74f8d6705d.webp" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2.5e74f8d6705d.webp 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2%402x.d2533435c6d9.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2.8f9def7943e8.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2.8f9def7943e8.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2%402x.3fcd6a86096e.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Organize your tabs with Workspaces" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2.8f9def7943e8.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-2%402x.3fcd6a86096e.png 2x" sizes="calc(100vw - 4rem)" alt="Organize your tabs with Workspaces"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/feature/Copy.module.7cbfbaef773d.svg" alt="Group your tabs with Tab Islands"/> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Group your tabs with Tab Islands </h3> <div class="banner-copy text-14 text-md-18 mt4"> Tab Islands is such a simple and intuitive way to group tabs and keep your browsing organized, you’ll never again be overwhelmed by tabs. <br><br> At its core, Tab Islands arranges your tabs into groups by browsing session, so that related tabs are naturally grouped by context. Shop, research, work, relax - switch between tab groups in one click and stay focused. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3.72af0674db50.webp" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3.72af0674db50.webp 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3%402x.a0076555b181.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3.6d0f38f47168.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3.6d0f38f47168.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3%402x.3a44541c8b35.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Group your tabs with Tab Islands" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3.6d0f38f47168.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-emoji/opera__browser--tab-emoji--slider-3%402x.3a44541c8b35.png 2x" sizes="calc(100vw - 4rem)" alt="Group your tabs with Tab Islands"/> </picture> </div> </div> </div> </div> </div> </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </div> </div> </section> <section class="more-unique-features section-component "> <div class="more-unique-features__image block--relative more-unique-features__image--mobile mb6"> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features.8d27c83d9ad9.webp 1366w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features%402x.69646125a339.webp 2732w" sizes="100vw" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features.be40a1ec5174.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features%402x.09ba08b4d923.png 2732w" sizes="100vw" class="width-100" alt="Optimize your browsing with more great Opera features"/> </picture> <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features__mobile.6c575e5ae062.webp 376w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features__mobile%402x.1c0c58da994b.webp 752w" sizes="100vw" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features__mobile.3f01716c76e7.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features__mobile.3f01716c76e7.png 376w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-emoji/opera__browser--tab-emoji--more-features__mobile%402x.7e9cae3e9024.png 752w" sizes="100vw" class="width-100" alt="Optimize your browsing with more great Opera features"/> </picture> <div class="more-unique-features__content vpt1"> <div class="container-fluid wrapper"> <div class="row"> <div class="col-xs-12 col-lg-5"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat-darkmode.module.d5dc23d0d00c.svg" alt="Opera" style="height: 4rem;" class="logo-component vmb1 block--filter-from-black"> <h2 class="more-unique-features__header text-40 text-md-48"> Optimize your browsing with more great Opera features</h2> </div> </div> </div> </div> <div class="more-unique-features__try-now"> <div class="button-component color--black button-component__v-arrowed-vertical" > <a href="#features" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Discover more features</span> </a> </div> </div> </div> </section> <section class="feature-slider section-component"> <div class="feature-slider__content container-fluid wrapper block--relative" dir="ltr"> <div class="slider-component__wrapper pb-96" data-visible-slides="4"> <div class="section--feature-slider tns-feature-slider tns-slider mt1" id="features" >  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-islands" >Tab Islands</a> </h3> <div class="text-16"> Save space, keep organized, and switch contexts easily with Tab Islands. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/workspaces" >Workspaces</a> </h3> <div class="text-16"> Organize tab groups in separate customizable workspaces. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/splitscreen" >Split screen</a> </h3> <div class="text-16"> Split your screen between two tabs </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-emojis" >Tab Emojis</a> </h3> <div class="text-16"> Make your tabs stand out more with emojis, and identify them easily. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/x" >Twitter in the sidebar</a> </h3> <div class="text-16"> Explore and tweet conveniently with a better view on desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/pinboards" >Pinboards</a> </h3> <div class="text-16"> Save and collect web content easily, share it visually. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/instagram" >Instagram in the sidebar</a> </h3> <div class="text-16"> Use Instagram in Opera’s sidebar while you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/search-in-tabs" >Search in tabs</a> </h3> <div class="text-16"> Work and browse more efficiently with many open tabs. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/ad-blocker" >Ad blocker</a> </h3> <div class="text-16"> Browse with less distractions and load websites faster. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/lucid-mode" >Lucid Mode</a> </h3> <div class="text-16"> Enhance online videos and images in one click. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/messenger" >Facebook Messenger in the sidebar</a> </h3> <div class="text-16"> Use Messenger on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/news-reader" >Personal news</a> </h3> <div class="text-16"> A customizable and convenient newsfeed on your start page. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/snapshot" >Snapshot tool</a> </h3> <div class="text-16"> Easily capture, edit and share your snapshots from webpages. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/flow" >Opera Flow</a> </h3> <div class="text-16"> Instantly send files, links and notes between your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/video-popout" >Video popout</a> </h3> <div class="text-16"> Pop out online videos so they float on top of webpages as you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/bookmarks" >Import bookmarks</a> </h3> <div class="text-16"> Easily manage, customize and keep your favorite places online. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/free-vpn" >Free VPN</a> </h3> <div class="text-16"> Browse comfortably with enhanced privacy and security, for free. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tiktok" >TikTok in the sidebar</a> </h3> <div class="text-16"> Browse, watch and upload TikTok videos on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/sync" >Sync data</a> </h3> <div class="text-16"> Synchronize the Opera browsers on any of your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/easy-files" >Easy Files</a> </h3> <div class="text-16"> Attach files in one click without digging through folders. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/battery-saver" >Battery saver</a> </h3> <div class="text-16"> An easy way to noticeably extend your laptop’s battery life. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/units-converter" >Unit converter</a> </h3> <div class="text-16"> Automatically convert time-zones, currencies and units of measurement. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/music-player" >Music Player</a> </h3> <div class="text-16"> A world of music and podcasts at your fingertips. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/aria" >Aria Browser AI</a> </h3> <div class="text-16"> Chat and create with Opera’s free AI on mobile and desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/vpn-pro" >VPN Pro</a> </h3> <div class="text-16"> Browse privately anywhere with VPN Pro. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/opera-wallet" >Opera Wallet</a> </h3> <div class="text-16"> Make secure crypto translations with a built-in Opera Wallet. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/whatsapp" >WhatsApp</a> </h3> <div class="text-16"> Chat in WhatsApp on desktop in your Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/telegram" >Telegram</a> </h3> <div class="text-16"> Chat in Telegram on desktop in Opera Browser. </div> </div> </div>  </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </section> <section class="hero hero--glow pb-24 pb-md-48 hero--placement-bottom hero--glow-color-1--aurora hero--glow-color-2--avocado" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class=""> <div class=""> <h2 class="pb3 text-40 text-md-56 font-weight--900" > You deserve a better browser </h2> <p class="text-level-1 hero__title"> Opera's free VPN, Ad blocker, and Flow file sharing. Just a few of the must-have features built into Opera for faster, smoother and distraction-free browsing designed to improve your online experience. </p> <div class="text-align--center my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class=""> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.463ad4c538a0.webp 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile%402x.59682d83bb6c.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.b6ccdbe7c76d.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile.b6ccdbe7c76d.png 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__mobile%402x.b64963ead4ae.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="You deserve a better browser" /> </picture> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__bottom.f677f6293214.webp 1181w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__bottom%402x.d712f8e5b980.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__bottom.4a422e88281e.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-emoji/opera__browser--tab-emoji--hero__bottom%402x.d0f59d0ddaf7.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="You deserve a better browser" /> </picture> </div> </div> </div> </div> </section> </main> <footer class="hf hf__footer"> <div class="wrapper container-fluid"> <div class="breadcrumbs"> <div class="breadcrumbs__container"> <div class="breadcrumbs__crumb breadcrumbs__logo breadcrumbs__sep"> <a href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat.module.724a32ec0873.svg" alt="Opera" width="16px" class="logo-component "> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill="#B3B3B3" fill-rule="evenodd" d="M8.03 0a7.97 7.97 0 0 1 5.302 2.036 5.773 5.773 0 0 0-3.206-.98c-1.905 0-3.612.945-4.76 2.436-.884 1.044-1.457 2.587-1.496 4.32v.377c.04 1.732.612 3.275 1.497 4.32 1.147 1.49 2.854 2.435 4.759 2.435 1.17 0 2.265-.357 3.203-.978-2.049.997-3.962.297-4.594-.14 2.015-.441 3.538-2.878 3.538-5.826 0-2.948-1.523-5.385-3.538-5.827.632-.436 2.545-1.136 4.597-.136a7.979 7.979 0 0 1 2.662 5.655L16 8c0 2.37-1.03 4.499-2.668 5.963l-.002.001-.226.196a7.967 7.967 0 0 1-5.485 1.83A8 8 0 0 1 8 0h.03z"/> </svg> </a> </div> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <a itemprop="item" href="/features"> <span itemprop="name">Features</span> </a> <meta itemprop="position" content="1" /> </div> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <span itemprop="name">Tab Emojis</span> <meta itemprop="position" content="2" /> </div> </li> </ol> </div> </div> <div class="footer__content"> <div class="row"> <div class="col-xs-12 col-xl-2"> <input id="hf-features-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label hf__label--no-spacing" for="hf-features-switcher">Features<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/features/ad-blocker"> <span>Ad Blocker</span> </a> </li> <li> <a class="hf__link" href="/features/free-vpn"> <span>Free VPN</span> </a> </li> <li> <a class="hf__link" href="/features/vpn-pro"> <span>VPN Pro</span> </a> </li> <li> <a class="hf__link" href="/features/aria"> <span>Aria, browser AI</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-messengers"> <span>Built-in Messengers</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-social-media"> <span>Built-in Social Media</span> </a> </li> <li class="hf__links__features"> <a class="hf__link hf__link--features" href="/features"> <span>More features</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-services-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-services-switcher">Services<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/products"> <span>Products</span> </a> </li> <li> <a class="hf__link" href="/gaming"> <span>Gaming</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com" target="_blank"> <span>Addons</span> </a> </li> <li> <a class="hf__link" href="https://auth.opera.com" target="_blank" rel="nofollow noopener"> <span>Opera Account</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com/wallpapers" target="_blank"> <span>Wallpapers</span> </a> </li> <li> <a class="hf__link" href="/ads" target="_blank"> <span>Opera Ads</span> </a> </li> <li> <a class="hf__link" href="https://www.devicetest.ai/" target="_blank"> <span>AI Benchmark</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-help-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-help-switcher">Help<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/switch-to-opera"> <span>Switch to Opera</span> </a> </li> <li> <a class="hf__link" href="/help"> <span>Help & Support</span> </a> </li> <li> <a class="hf__link" href="https://blogs.opera.com" target="_blank"> <span>Opera Blog</span> </a> </li> <li> <a class="hf__link" href="https://forums.opera.com" target="_blank"> <span>Opera Forums</span> </a> </li> <li> <a class="hf__link" href="https://help.opera.com/en/faq/" target="_blank"> <span>FAQ</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-legal-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-legal-switcher">Legal<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/impressum" rel="nofollow"> <span>Impressum</span> </a> </li> <li> <a class="hf__link" href="https://security.opera.com" target="_blank" rel="nofollow"> <span>Security</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/privacy/" target="_blank" rel="nofollow"> <span>Privacy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/cookies/" target="_blank" rel="nofollow"> <span>Cookie Policy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/eula/" target="_blank" rel="nofollow"> <span>EULA</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/terms/" target="_blank" rel="nofollow"> <span>Terms of Service</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/transparency/" target="_blank" rel="nofollow"> <span>ESG</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2 mb4"> <input id="hf-company-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-company-switcher">Company<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/about"> <span>About Opera</span> </a> </li> <li> <a class="hf__link" href="/newsroom"> <span>Press Info</span> </a> </li> <li> <a class="hf__link" href="https://jobs.opera.com" target="_blank"> <span>Jobs</span> </a> </li> <li> <a class="hf__link" href="https://investor.opera.com/" target="_blank"> <span>Investors</span> </a> </li> <li> <a class="hf__link" href="/affiliate"> <span>Opera Affiliate</span> </a> </li> <li> <a class="hf__link" href="/gx/affiliate"> <span>Opera GX Affiliate</span> </a> </li> <li> <a class="hf__link" href="/b2b"> <span>Become a Partner</span> </a> </li> <li> <a class="hf__link" href="/contact"> <span>Contact Us</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <a class="hf--brand" href="/"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" class="hidden-in-darkmode" alt="Opera" style="width: 10.6rem"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" class="hidden-in-lightmode" alt="Opera" style="width: 10.6rem"> </a> <p class="text-level-5 my-32 my-xl-24"> Innovate and inspire, uncover the unexpected, support open standards. </p> <p class="footer__follow-label">Follow us</p> <div class="footer__social-icons"> <div class="footer__social-box"> <ul class="footer__social-icons "> <li> <a class="facebook" href="https://www.facebook.com/Opera/" rel="noopener nofollow" target="_blank" title="Opera - Facebook"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 8.04889C16 3.60361 12.4183 0 8 0C3.58172 0 0 3.60361 0 8.04889C0 12.0663 2.92547 15.3962 6.75 16V10.3755H4.71875V8.04889H6.75V6.27562C6.75 4.25837 7.94438 3.1441 9.77172 3.1441C10.6467 3.1441 11.5625 3.3013 11.5625 3.3013V5.28208H10.5538C9.56 5.28208 9.25 5.90257 9.25 6.53972V8.04889H11.4688L11.1141 10.3755H9.25V16C13.0745 15.3962 16 12.0663 16 8.04889Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="tiktok" href="https://www.tiktok.com/@opera.browser" rel="noopener nofollow" target="_blank" title="Opera - Tiktok"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM9.93885 10.108C9.93885 11.7554 8.6094 13.0909 6.96943 13.0909C5.32946 13.0909 4 11.7554 4 10.108C4 8.46051 5.32946 7.125 6.96943 7.125C7.01669 7.125 7.06315 7.12825 7.10957 7.1315C7.12402 7.13252 7.13848 7.13353 7.15295 7.13444V8.60441C7.13732 8.60252 7.12177 8.60039 7.10621 8.59825C7.06111 8.59206 7.01604 8.58587 6.96943 8.58587C6.13242 8.58587 5.45389 9.26748 5.45389 10.1083C5.45389 10.9491 6.13242 11.6307 6.96943 11.6307C7.80659 11.6307 8.5459 10.9682 8.5459 10.1272L8.56053 3.27273H9.96044C10.0925 4.53382 11.1047 5.51885 12.3636 5.61131V7.24499H12.3622C12.2824 7.25278 12.2022 7.25687 12.122 7.25723C11.2418 7.25735 10.421 6.81171 9.93885 6.07202V10.108Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="twitter" href="https://twitter.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Twitter"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8027)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7405 4L8.76187 7.38784L12 12H9.6176L7.43627 8.89352L4.7056 12H4L7.12347 8.44776L4 4H6.3824L8.44747 6.94102L11.0349 4H11.7405ZM6.04427 4.52063H4.96027L9.95013 11.5049H11.0344L6.04427 4.52063Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8027"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="youtube" href="https://www.youtube.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Youtube"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2602 3.30587C14.9455 3.47062 15.4859 3.9529 15.6704 4.56475C16.0131 5.6823 16 8.01177 16 8.01177C16 8.01177 16 10.3294 15.6705 11.447C15.4859 12.0588 14.9456 12.5411 14.2602 12.7058C13.0081 13 7.99998 13 7.99998 13C7.99998 13 3.00487 13 1.73974 12.6941C1.05432 12.5294 0.514036 12.047 0.329467 11.4353C0 10.3294 0 8 0 8C0 8 0 5.6823 0.329467 4.56475C0.513914 3.95301 1.0675 3.45885 1.73962 3.29421C2.99169 3 7.99985 3 7.99985 3C7.99985 3 13.0081 3 14.2602 3.30587ZM10.5701 7.99999L6.4054 10.1412V5.85881L10.5701 7.99999Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="linkedin" href="https://www.linkedin.com/company/opera-software" rel="noopener nofollow" target="_blank" title="Opera - LinkedIn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8026)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.666667 0C0.298477 0 0 0.298478 0 0.666668V15.3334C0 15.7015 0.298478 16 0.666668 16H15.3334C15.7015 16 16 15.7015 16 15.3334V0.666667C16 0.298477 15.7015 0 15.3334 0H0.666667ZM2.56759 2.90355C2.31048 3.1423 2.18192 3.44533 2.18192 3.81264C2.18192 4.17995 2.3068 4.48482 2.55658 4.72725C2.80635 4.96967 3.13325 5.09088 3.53729 5.09088H3.54831C3.96705 5.09088 4.30497 4.96967 4.56209 4.72725C4.81186 4.49216 4.93674 4.19832 4.93674 3.8457C4.93674 3.45635 4.80818 3.14047 4.55107 2.89804C4.30129 2.66296 3.9744 2.54543 3.57035 2.54543C3.15897 2.54543 2.82471 2.6648 2.56759 2.90355ZM2.32517 6.09364V13.4545H4.77145V6.09364H2.32517ZM8.57311 13.4545H6.12683C6.14152 11.236 6.14887 9.51329 6.14887 8.28648C6.14887 7.05966 6.14152 6.32871 6.12683 6.09364H8.57311V7.14047L8.56209 7.16251H8.57311V7.14047C9.10204 6.32504 9.84033 5.91733 10.788 5.91733C11.6328 5.91733 12.3123 6.19832 12.8266 6.76031C13.3408 7.32229 13.5979 8.1469 13.5979 9.23414V13.4545H11.1516V9.52064C11.1516 8.41136 10.7402 7.85673 9.91747 7.85673C9.60158 7.85673 9.33895 7.94304 9.12959 8.11568C8.92022 8.28831 8.76411 8.49952 8.66127 8.74929C8.6025 8.88886 8.57311 9.08721 8.57311 9.34433V13.4545Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8026"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="instagram" href="https://www.instagram.com/opera/" rel="noopener nofollow" target="_blank" title="Opera - Instagram"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.76005 0.420048C3.26863 0.222309 3.85024 0.0872527 4.70197 0.0484805C5.55564 0.00906211 5.8277 1.52588e-05 8.00097 1.52588e-05C10.1736 1.52588e-05 10.4463 0.00970831 11.2993 0.0484805C12.1504 0.0866065 12.732 0.222309 13.2412 0.420048C13.7666 0.624248 14.2132 0.898238 14.6578 1.34283C15.1024 1.78806 15.3757 2.23394 15.5806 2.75995C15.7783 3.26851 15.9134 3.8501 15.9522 4.70179C15.991 5.55478 16 5.82748 16 8.00002C16 10.1726 15.991 10.4446 15.9522 11.2982C15.9141 12.1499 15.7783 12.7315 15.5806 13.2401C15.3757 13.7661 15.1024 14.2126 14.6578 14.6572C14.2125 15.1018 13.7666 15.3751 13.2406 15.58C12.732 15.7777 12.1504 15.9128 11.2987 15.9516C10.4457 15.991 10.1736 16 8.00032 16C5.8277 16 5.55564 15.9903 4.70197 15.9516C3.85024 15.9128 3.26928 15.7777 2.76005 15.58C2.23337 15.3751 1.78747 15.1018 1.34287 14.6572C0.897613 14.2126 0.624258 13.7661 0.420049 13.2401C0.222303 12.7315 0.087241 12.1499 0.0484672 11.2982C0.00904722 10.4452 0 10.1726 0 8.00002C0 5.82748 0.00904722 5.55478 0.0484672 4.70179C0.087241 3.8501 0.222303 3.26851 0.420049 2.75995C0.624258 2.23329 0.898259 1.78741 1.34287 1.34283C1.78812 0.898238 2.23402 0.624248 2.76005 0.420048ZM4.76813 14.5118C3.98813 14.4762 3.5642 14.3464 3.28244 14.2365C2.90892 14.0911 2.64268 13.9179 2.36221 13.6381C2.08239 13.3583 1.90856 13.0921 1.7638 12.7186C1.65394 12.4368 1.52405 12.0129 1.48851 11.2329C1.44974 10.3896 1.44198 10.1363 1.44198 7.99999C1.44198 5.86364 1.45038 5.61097 1.48851 4.76703C1.52405 3.98706 1.65459 3.5638 1.7638 3.28141C1.9092 2.9079 2.08239 2.64167 2.36221 2.36121C2.64203 2.08141 2.90828 1.90758 3.28244 1.76283C3.5642 1.65297 3.98813 1.52309 4.76813 1.48755C5.61145 1.44877 5.86478 1.44102 8.00057 1.44102C10.137 1.44102 10.3897 1.44942 11.2337 1.48755C12.0137 1.52309 12.4369 1.65362 12.7193 1.76283C13.0929 1.90758 13.3591 2.08141 13.6396 2.36121C13.9194 2.64102 14.0926 2.9079 14.238 3.28141C14.3478 3.56315 14.4777 3.98706 14.5133 4.76703C14.552 5.61097 14.5598 5.86364 14.5598 7.99999C14.5598 10.1357 14.552 10.389 14.5133 11.2329C14.4777 12.0129 14.3472 12.4368 14.238 12.7186C14.0926 13.0921 13.9194 13.3583 13.6396 13.6381C13.3597 13.9179 13.0929 14.0911 12.7193 14.2365C12.4376 14.3464 12.0137 14.4762 11.2337 14.5118C10.3903 14.5506 10.137 14.5583 8.00057 14.5583C5.86478 14.5583 5.61145 14.5506 4.76813 14.5118ZM12.2714 4.68945C11.7408 4.68945 11.3111 4.25907 11.3111 3.72919C11.3111 3.1993 11.7408 2.76958 12.2714 2.76958C12.8019 2.76958 13.2317 3.1993 13.2317 3.72919C13.2317 4.25907 12.8013 4.68945 12.2714 4.68945ZM3.892 7.99999C3.892 10.2688 5.73117 12.1079 8.00009 12.1079C10.269 12.1079 12.1082 10.2688 12.1082 7.99999C12.1082 5.73117 10.269 3.89208 8.00009 3.89208C5.73117 3.89208 3.892 5.73117 3.892 7.99999ZM5.33393 7.99999C5.33393 6.52729 6.52751 5.33311 8.00027 5.33311C9.47303 5.33311 10.6673 6.52729 10.6673 7.99999C10.6673 9.47269 9.47303 10.6669 8.00027 10.6669C6.52751 10.6669 5.33393 9.47269 5.33393 7.99999Z" fill="#3C4055"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="footer__company-box center-xs start-xl"> <p class="footer__company-box-p">© 1995-2024 Opera Norway </p> <p class="footer__company-box-p">All rights reserved</p> </div> <div class="footer__lang-box"> <p class="footer__lang-box-label">Language:</p> <form action="/i18n/setlang/" method="post"> <input name="next" type="hidden" value="https://www.opera.com/features/tab-emojis"/> <select id="footer__lang-selector" class="footer__lang-selector" name="language" onchange="this.form.submit()"> <option value="en" selected="selected"> English </option> <option value="de"> Deutsch </option> <option value="es"> Español </option> <option value="es-419"> Español Latinoamérica </option> <option value="fr"> Français </option> <option value="id"> Bahasa Indonesia </option> <option value="it"> Italiano </option> <option value="ja"> 日本語 </option> <option value="ko"> 한국어 </option> <option value="no"> Norsk </option> <option value="pl"> Polski </option> <option value="pt"> Português </option> <option value="pt-br"> Português Brasileiro </option> <option value="ru"> Русский </option> <option value="tr"> Türkçe </option> <option value="ua"> Українська </option> <option value="vi"> Tiếng Việt </option> <option value="zh-cn"> 简体中文 </option> </select> </form> </div> </div> </div> </footer> <script defer=true src="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js"></script> <script defer=true src="https://cdn-production-opera-website.operacdn.com/staticfiles/tabEmoji.da21a0fa7282.js"></script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRBZ42F" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  </body> </html>

CINXE.COM

Tab Emojis | Personalize your tabs | Opera Browser