CINXE.COM

<!DOCTYPE html> <html lang="de"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Icon-Hintergrund ändern</title> <link rel="preconnect" href="https://maxst.icons8.com"> <link rel="preconnect" href="https://goodies.icons8.com"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="noodp"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <link as="font" rel="preload" type="font/woff2" crossorigin="anonymous" href="https://goodies.icons8.com/web/common/fonts/Inter-Variable.woff2"> <link rel="icon" type="image/png" size="32" href="https://maxst.icons8.com/vue-static/landings/primary-landings/favs/icons8_fav_32×32.png" data-hid="63b4eb3"> <meta name="description" content="Hintergrundfarbe von Icons ändern. Füge dem Icon-Hintergrund Farben hinzu, die zu deinen Apps und Website-Designs passen"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@icons_8"> <meta name="twitter:creator" content="@icons_8"> <meta name="twitter:url" content="https://icons8.de/iconizer/background"> <meta name="twitter:title" content="Icon-Hintergrund ändern"> <meta name="twitter:description" content="Hintergrundfarbe von Icons ändern. Füge dem Icon-Hintergrund Farben hinzu, die zu deinen Apps und Website-Designs passen"> <meta name="twitter:image" content="https://icons8.com/vue-static/landings/primary-landings/preview_icons8.png"> <meta name="twitter:image:width" content="256"> <meta name="twitter:image:height" content="256"> <meta name="og:site_name" content="Icons8"> <meta name="og:url" content="https://icons8.de/iconizer/background"> <meta name="og:title" content="Icon-Hintergrund ändern"> <meta name="og:description" content="Hintergrundfarbe von Icons ändern. Füge dem Icon-Hintergrund Farben hinzu, die zu deinen Apps und Website-Designs passen"> <meta name="og:image" content="https://icons8.com/vue-static/landings/primary-landings/preview_icons8.png"> <meta name="og:image:type" content="png"> <meta name="og:image:width" content="256"> <meta name="og:image:height" content="256"> <link rel="alternate" hreflang="en" href="https://icons8.com/iconizer/background" data-hid="4e21fa6"> <link rel="alternate" hreflang="zh" href="https://igoutu.cn/iconizer/background" data-hid="7df9544"> <link rel="alternate" hreflang="fr" href="https://icones8.fr/iconizer/background" data-hid="74dadcf"> <link rel="alternate" hreflang="de" href="https://icons8.de/iconizer/background" data-hid="3492ee2"> <link rel="alternate" hreflang="it" href="https://icons8.it/iconizer/background" data-hid="2a77ff3"> <link rel="alternate" hreflang="ja" href="https://icons8.jp/iconizer/background" data-hid="ed0faf2"> <link rel="alternate" hreflang="pt" href="https://icons8.com.br/iconizer/background" data-hid="38b6df2"> <link rel="alternate" hreflang="ru" href="https://icons8.ru/iconizer/background" data-hid="ee4f7a7"> <link rel="alternate" hreflang="es" href="https://iconos8.es/iconizer/background" data-hid="872ad2d"> <link rel="alternate" hreflang="ko" href="https://icons8.kr/iconizer/background" data-hid="6775c79"> <link rel="alternate" hreflang="x-default" href="https://icons8.com/iconizer/background" data-hid="31dcd49"> <style>@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.primary-landings-layout{-webkit-font-smoothing:antialiased;color:#333;font-size:14px;overflow-x:hidden}@media (min-width:1024px){.primary-landings-layout:not(.no-js) [data-wow]{opacity:0;transition-delay:0s;transition-duration:.5s;transition-property:opacity,transform,clip-path;transition-timing-function:ease}.primary-landings-layout:not(.no-js) [data-wow].has-animate{opacity:1;transform:none}.primary-landings-layout:not(.no-js) [data-wow=scale]{transform:scale(0)}.primary-landings-layout:not(.no-js) [data-wow=clip-y-center]{clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transform:scaleY(.5);transform-origin:left center;transition-timing-function:ease-out}.primary-landings-layout:not(.no-js) [data-wow=clip-y-center].has-animate{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.primary-landings-layout:not(.no-js) [data-wow=clip-y-bottom]{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:scaleY(.5);transform-origin:left bottom;transition-timing-function:ease-out}.primary-landings-layout:not(.no-js) [data-wow=clip-y-bottom].has-animate{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.primary-landings-layout:not(.no-js) [data-wow=scale-y-center]{transform:scaleY(0);transform-origin:left center}.primary-landings-layout:not(.no-js) [data-wow=scale-up]{transform:scaleY(0);transform-origin:left bottom}.primary-landings-layout:not(.no-js) [data-wow=scale-left]{transform:scaleX(0);transform-origin:left center}.primary-landings-layout:not(.no-js) [data-wow=slide-left]{transform:translateX(-50px)}.primary-landings-layout:not(.no-js) [data-wow=slide-up]{transform:translateY(30px)}}.primary-landings-layout .banners .banners-wrap{display:flex;flex-wrap:wrap;width:100%}.primary-landings-layout .banners .banners-item{background-color:#e8ebf2;background-repeat:no-repeat;color:#333;display:block;height:45vh;min-height:450px;overflow:hidden;padding:50px;position:relative;text-decoration:none;width:50%}@media (max-width:800px){.primary-landings-layout .banners .banners-item{height:300px;min-height:auto;width:100%}}@media (max-width:768px){.primary-landings-layout .banners .banners-item{padding:20px}}@media (max-width:480px){.primary-landings-layout .banners .banners-item{height:240px}}.primary-landings-layout .banners .banners-item.is-wide{width:100%}.primary-landings-layout .banners .banners-item.is-wide .banners-item-title{font-size:36px}@media (max-width:1800px){.primary-landings-layout .banners .banners-item.is-wide .banners-item-title{font-size:34px}}.primary-landings-layout .banners .banners-item.is-lunacy,.primary-landings-layout .banners .banners-item.is-moose,.primary-landings-layout .banners .banners-item.is-ouch,.primary-landings-layout .banners .banners-item.is-photo-creator,.primary-landings-layout .banners .banners-item.is-photo-creator:before,.primary-landings-layout .banners .banners-item.is-photos{background-size:cover;background:no-repeat top}.primary-landings-layout .banners .banners-item.is-moose{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/moose.png);color:#fff}@media (min-width:768px){.primary-landings-layout .banners .banners-item.is-moose{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/moose@2x.png)}}.primary-landings-layout .banners .banners-item.is-moose .banners-item-slogan{color:#fffc}.primary-landings-layout .banners .banners-item.is-photo-creator{background-color:#ccc;color:#fff}@media (min-width:768px){.primary-landings-layout .banners .banners-item.is-photo-creator{background-color:#ccc}}.primary-landings-layout .banners .banners-item.is-photo-creator .banners-item-slogan{color:#fffc}.primary-landings-layout .banners .banners-item.is-photo-creator:before{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/photo-creator@1.5.png);background-size:contain;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (max-width:860px){.primary-landings-layout .banners .banners-item.is-photo-creator:before{background-size:cover}}.primary-landings-layout .banners .banners-item.is-photos{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/photos.png);color:#fff}@media (min-width:768px){.primary-landings-layout .banners .banners-item.is-photos{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/photos@2x.png)}}.primary-landings-layout .banners .banners-item.is-photos .banners-item-slogan{color:#fffc}.primary-landings-layout .banners .banners-item.is-accent:before,.primary-landings-layout .banners .banners-item.is-cherry:before,.primary-landings-layout .banners .banners-item.is-stratos:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(1.1);transition:opacity .25s ease}.primary-landings-layout .banners .banners-item.is-accent:hover:before,.primary-landings-layout .banners .banners-item.is-cherry:hover:before,.primary-landings-layout .banners .banners-item.is-stratos:hover:before{opacity:1}.primary-landings-layout .banners .banners-item.is-stratos{background-image:linear-gradient(225deg,#00001c,#00004c);color:#fff}.primary-landings-layout .banners .banners-item.is-stratos .banners-item-slogan{color:#ffffff80}.primary-landings-layout .banners .banners-item.is-stratos:before{background-image:linear-gradient(-225deg,#00001c,#00004c)}.primary-landings-layout .banners .banners-item.is-cherry{background-image:linear-gradient(45deg,#ff5c4c,#cd23a4 49.4%,#7e46fb);color:#fff;position:relative}.primary-landings-layout .banners .banners-item.is-cherry .banners-item-slogan{color:#ffffff80}.primary-landings-layout .banners .banners-item.is-cherry:before{background-image:linear-gradient(-45deg,#ff5c4c,#cd23a4 49.4%,#7e46fb)}.primary-landings-layout .banners .banners-item.is-lunacy{background-color:#2f6af5;background-image:linear-gradient(30deg,#0a44ce4d 20%,#2f6af500 0,#2f6af500),linear-gradient(-30deg,#477bf6 20%,#2f6af500 0,#2f6af500);color:#fff}.primary-landings-layout .banners .banners-item.is-lunacy:after,.primary-landings-layout .banners .banners-item.is-lunacy:before{background-repeat:no-repeat;content:"";position:absolute;transition-duration:.4s;transition-timing-function:ease}.primary-landings-layout .banners .banners-item.is-lunacy:before{border-bottom:515px solid #0b4ce680;border-left:173px solid #0000;border-right:173px solid #0000;bottom:0;height:100%;left:5%;min-width:500px;transition-property:all;width:45%}.primary-landings-layout .banners .banners-item.is-lunacy:after{background-image:linear-gradient(180deg,#477bf6b3 50%,#0000);height:80%;right:-20%;right:0;top:0;transform:translateX(55%) translateY(20%) rotate(40deg);transition-property:transform;width:45%;will-change:transform}.primary-landings-layout .banners .banners-item.is-lunacy:hover:before{border-left:0 solid #0000;border-right:0 solid #0000}.primary-landings-layout .banners .banners-item.is-lunacy:hover:after{transform:translateX(15%) translateY(70%)}.primary-landings-layout .banners .banners-item.is-lunacy .banners-item-slogan{color:#ffffff80}.primary-landings-layout .banners .banners-item.is-ouch{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/ouch.png)}@media (min-width:768px){.primary-landings-layout .banners .banners-item.is-ouch{background-image:url(https://maxst.icons8.com/vue-static/landings/primary-landings/banners/ouch@2x.png)}}.primary-landings-layout .banners .banners-item.is-ouch .banners-item-slogan{color:#333c}.primary-landings-layout .banners .banners-item.is-accent{background-image:linear-gradient(45deg,#4ac144,#0ca940);color:#fff}.primary-landings-layout .banners .banners-item.is-accent .banners-item-slogan{color:#c9e3c4}.primary-landings-layout .banners .banners-item.is-accent:before{background-image:linear-gradient(-145deg,#4ac144,#0ca940)}.primary-landings-layout .banners .banners-item-container{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.primary-landings-layout .banners .banners-item-title{font-size:36px;font-weight:700;line-height:40px;position:relative;text-align:center;text-transform:uppercase}@media (max-width:1800px){.primary-landings-layout .banners .banners-item-title{font-size:31px}}@media (max-width:1440px){.primary-landings-layout .banners .banners-item-title{font-size:27px}}@media (max-width:1370px){.primary-landings-layout .banners .banners-item-title{font-size:25px}}@media (min-width:768px) and (max-width:1280px){.primary-landings-layout .banners .banners-item-title{font-size:28px}}@media (max-width:768px){.primary-landings-layout .banners .banners-item-title{font-size:25px;line-height:30px}}.primary-landings-layout .banners .banners-item-text-reveal{width:100%}.primary-landings-layout .banners .banners-item-text-reveal span:last-child{display:none}@media (min-width:990px){.primary-landings-layout .banners .banners-item-text-reveal{display:inline-block;margin-bottom:40px;position:relative;white-space:nowrap}.primary-landings-layout .banners .banners-item-text-reveal span{left:50%;max-height:120px;max-width:50%;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);white-space:normal}.primary-landings-layout .banners .banners-item-text-reveal span:first-child{text-align:right;transition:transform .25s ease-out}.primary-landings-layout .banners .banners-item-text-reveal span:last-child{display:block;margin-left:10px;opacity:0;text-align:left;transform:translateX(-10px);transition:all .35s ease-out}}.primary-landings-layout .banners .banners-item-text-reveal:hover span:first-child{transform:translateX(-105%)}.primary-landings-layout .banners .banners-item-text-reveal:hover span:nth-child(2){opacity:1;transform:translateX(5%)}.primary-landings-layout .banners .banners-item-slogan{color:#33333380;left:0;line-height:1;position:absolute;text-transform:none;top:0}.primary-landings-layout .banners .banners-item-slogan.is-left-bottom{bottom:0;top:auto}.primary-landings-layout .banners .banners-item-slogan.is-right-bottom{bottom:0;left:auto;right:0;top:auto}.primary-landings-layout .banners .banners-item-slogan.has-rotate{backface-visibility:hidden;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-lr}.primary-landings-layout .banners .banners-item-slogan.is-top-right{left:auto;right:0;top:0}@media (max-width:768px){.primary-landings-layout .banners .banners-item-slogan.has-rotate{transform:none;white-space:normal;writing-mode:inherit}.primary-landings-layout .banners .banners-item-slogan.is-left-bottom,.primary-landings-layout .banners .banners-item-slogan.is-right-bottom,.primary-landings-layout .banners .banners-item-slogan.is-top-right{bottom:auto;left:0;right:auto;top:0}}@media (min-width:990px){.primary-landings-layout .banners-item:hover .banners-item-text-reveal span:first-child{transform:translateX(-103%)}.primary-landings-layout .banners-item:hover .banners-item-text-reveal span:nth-child(2){opacity:1;transform:translateX(3%)}}@media (max-width:480px){.primary-landings-layout{overflow-x:hidden}}.primary-landings-layout p{margin:0 0 15px}.primary-landings-layout a{text-decoration:none}.primary-landings-layout .container{margin:auto;max-width:1040px;width:100%}.primary-landings-layout .visually-hidden{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.overlay .app-modal .close.is-outside{color:#eee}</style> <style>@keyframes spin-7cc15557{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:480px){.primary-landings-layout[data-v-7cc15557] footer a{font-size:14px}}</style> <style>.i8-auth-modal .i8-modal{--modal-padding:0 1.75rem;--modal-width:100%;box-sizing:border-box;max-width:100%}.i8-auth-modal .i8-modal .i8-modal__content{height:100%;overflow-x:hidden;padding:1.25rem 0}@media screen and (max-width:768px){.i8-auth-modal .i8-modal{--modal-max-height:100vh;height:100%;max-height:100%}}@media screen and (min-width:768px){.i8-auth-modal .i8-modal{--modal-width:80%;border-radius:.25rem;max-width:52.125rem}}@media screen and (min-width:1024px){.i8-auth-modal .i8-modal{--modal-padding:0}.i8-auth-modal .i8-modal .i8-modal__content{padding:2rem 0}}@media screen and (max-width:768px){.i8-auth-modal .i8-modal__button--close{border:none;left:unset;right:9px;top:1rem}}.fade-scale-enter-active{animation:fade-scale-in .3s ease}.fade-scale-leave-active{animation:fade-scale-in .3s reverse}@keyframes fade-scale-in{0%{transform:scale(0);transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:768px){.i8-auth-modal--reset-pass .i8-modal{--modal-width:min(400px,100%)}.i8-auth-modal .i8-modal{transition:all 0s ease-in;transition-delay:.3s}}</style> <style>#g_id_prompt_container{position:fixed;right:18px;top:60px;z-index:1001}</style> <style>.i8-toast{background:var(--toast-background,var(--c-black_700))}.i8-toast--success{background:var(--toast-background,var(--c-green_500))}.i8-toast--warning{background:var(--toast-background,var(--c-yellow_400))}.i8-toast--danger{background:var(--toast-background,var(--c-red_400))}</style> <style>[data-v-6fd16b74]:root{--c-white:#fff;--c-transparent-black_100:#00000008;--c-transparent-black_200:#00000014;--c-transparent-black_300:#00000026;--c-transparent-black_400:#00000042;--c-transparent-black_500:#0006;--c-transparent-black_600:#0000008c;--c-transparent-black_700:#000000b3;--c-transparent-black_800:#000c;--c-transparent-black_900:#000000e6;--c-black_100:#f7f7f7;--c-black_200:#ebebeb;--c-black_300:#d9d9d9;--c-black_400:#bdbdbd;--c-black_500:#999;--c-black_600:#737373;--c-black_700:#4d4d4d;--c-black_800:#333;--c-black_900:#1a1a1a;--c-green_100:#e7f9eb;--c-green_200:#c3efcd;--c-green_300:#88dd9f;--c-green_400:#47d16c;--c-green_500:#1fb141;--c-green_600:#189a2e;--c-green_700:#0d731e;--c-green_800:#085e16;--c-green_900:#04490f;--c-red_100:#ffe3e3;--c-red_200:#ffbdbd;--c-red_300:#ff9b9b;--c-red_400:#f86a6a;--c-red_500:#ef4e4e;--c-red_600:#e12d39;--c-red_700:#cf1124;--c-red_800:#ab091e;--c-red_900:#8a041a;--c-yellow_100:#fffbea;--c-yellow_200:#fff3c4;--c-yellow_300:#fce588;--c-yellow_400:#fadb5f;--c-yellow_500:#f7c948;--c-yellow_600:#f0b429;--c-yellow_700:#de911d;--c-yellow_800:#cb6e17;--c-yellow_900:#b44d12;--c-blue_100:#e6f6ff;--c-blue_200:#bae3ff;--c-blue_300:#7cc4fa;--c-blue_400:#47a3f3;--c-blue_500:#2186eb;--c-blue_600:#0967d2;--c-blue_700:#0552b5;--c-blue_800:#03449e;--c-blue_900:#01337d;--c-body:var(--c-white);--c-text:var(--c-black_900);--spacer-2xs:0.25rem;--spacer-xs:0.5rem;--spacer-sm:1rem;--spacer-base:1.5rem;--spacer-lg:2rem;--spacer-xl:2.5rem;--spacer-2xl:5rem;--spacer-3xl:10rem;--font-family-primary:"Roboto",serif;--font-family-secondary:"Raleway",sans-serif;--font-family-legacy:"Inter",sans-serif;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extra-bold:800;--font-extra-extra-bold:900;--font-2xs:0.625rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1rem;--h4-font-size:0.875rem;--h5-font-size:0.75rem;--h6-font-size:0.75rem;--h1-line-height:40px;--h2-line-height:32px;--h3-line-height:24px;--h4-line-height:20px;--p-line-height:24px;--ui-14-line-height:20px}@media (min-width:1024px){[data-v-6fd16b74]:root{--h1-font-size:2.5rem;--h2-font-size:1.5rem;--h3-font-size:1.125rem;--h4-font-size:0.875rem;--h1-line-height:48px}}.list-icons .container[data-v-6fd16b74]{background:#fff;height:auto!important;height:100%;margin:0 auto;max-width:1088px;min-height:100%;position:relative;width:100%}@media screen and (max-width:767px){.list-icons .container[data-v-6fd16b74]{padding:0 20px}}.list-icons[data-v-6fd16b74]{flex-direction:column;margin:28px 0}.icons[data-v-6fd16b74],.list-icons[data-v-6fd16b74]{align-items:center;display:flex;justify-content:center}.icons[data-v-6fd16b74]{flex-wrap:wrap;margin:0;padding:0;width:100%}.icons-item[data-v-6fd16b74]{height:132px;list-style:none;width:136px}.icon[data-v-6fd16b74]{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.icon img[data-v-6fd16b74]{max-height:44px;max-width:44px}.icon-link[data-v-6fd16b74]{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;text-decoration:none;transition:all .1s ease}.icon-link p[data-v-6fd16b74]{color:var(--c-black_900);font:var(--similar-icons-header-subtitle,var(--similar-icons-header-subtitle-weight,var(--font-normal)) var(--similar-icons-header-subtitle-size,var(--font-sm))/var(--similar-icons-header-subtitle-line-height,var(--h4-line-height)) var(--similar-icons-header-subtitle-family,"Inter"));margin:0;overflow:hidden;padding:0 5%;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.icon-link[data-v-6fd16b74]:active,.icon-link[data-v-6fd16b74]:hover{border-color:var(--c-black_200)}.icon-img[data-v-6fd16b74]{height:100%;widows:100%}.load-more-button[data-v-6fd16b74]{margin-top:var(--spacer-lg);width:100%}.load-more-button__label[data-v-6fd16b74]{align-items:center;display:inline-flex}.load-more-button__icon[data-v-6fd16b74]{margin-left:var(--spacer-2xs);transform:rotate(-90deg)}.loading[data-v-6fd16b74]{display:flex;justify-content:center;margin:var(--spacer-3xl) 0}.skeleton-loading .icon-link[data-v-6fd16b74]:hover{border-color:#0000}.skeleton-loading .icon-skeleton[data-v-6fd16b74]{background-color:var(--c-black_300);border-radius:4px;height:56px;width:56px}.skeleton-loading .icon-title-skeleton[data-v-6fd16b74]{background-color:var(--c-black_300);border-radius:4px;height:16px;margin-top:14px;width:88px}.fade-enter-active[data-v-6fd16b74],.fade-leave-active[data-v-6fd16b74]{transition:opacity .15s}.fade-enter[data-v-6fd16b74],.fade-leave-to[data-v-6fd16b74]{opacity:0}</style> <style>.iconizer-page[data-v-2d693843]{color:var(--c-black_900);display:grid;font-size:16px;font-weight:var(--font-normal);grid-template-areas:"menu header" "menu content";grid-template-columns:190px auto;padding:32px 32px 0;width:100%}@media (max-width:480px){.iconizer-page[data-v-2d693843]{padding-left:16px;padding-right:16px}}.iconizer-page .header[data-v-2d693843]{grid-area:header}.iconizer-page .menu[data-v-2d693843]{grid-area:menu}.iconizer-page .content[data-v-2d693843]{grid-area:content;position:relative}.iconizer-page .content-img[data-v-2d693843]{height:auto;left:0;max-width:100%;position:absolute;right:0;top:-83px}@media (max-width:1240px){.iconizer-page .content-img[data-v-2d693843]{left:-100px;max-width:-moz-fit-content;max-width:fit-content;right:-100px}}@media (max-width:480px){.iconizer-page .content-img[data-v-2d693843]{display:none}}@media (max-width:1024px){.iconizer-page[data-v-2d693843]{grid-template-areas:"header" "menu" "content";grid-template-columns:auto}}.menu[data-v-2d693843]{--button-height-small:28px;--button-justify-content:"start";display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:1}.menu .i8-button.active[data-v-2d693843]{background-color:var(--c-black_200)}.menu .applied[data-v-2d693843],.menu .reset[data-v-2d693843]{height:16px;margin-left:auto;width:16px}@media (max-width:1024px){.menu .applied[data-v-2d693843],.menu .reset[data-v-2d693843]{margin-left:8px}}.menu .reset[data-v-2d693843]{display:none;opacity:.5}.menu .reset[data-v-2d693843]:hover{opacity:.9}.menu>.i8-button:hover>.reset[data-v-2d693843]{display:block}.menu>.i8-button:hover>.applied[data-v-2d693843]{display:none}@media (max-width:1024px){.menu[data-v-2d693843]{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 20px;max-width:760px}}.header[data-v-2d693843]{margin-bottom:34px;text-align:center;z-index:1}@media (max-width:480px){.header[data-v-2d693843]{margin-top:30px}}.header__title[data-v-2d693843]{font-size:var(--h1-font-size);font-weight:var(--font-bold);line-height:1;margin:0 0 18px}.header__subtitle[data-v-2d693843]{font-size:1em;font-weight:var(--font-normal);margin:0}.drop-zone[data-v-2d693843]{--file-input-width:100%;--file-input-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 0 1px #6060604f,0 12px 24px -6px #60606026;height:508px;margin:0 auto 57px;max-width:845px;padding:40px;position:relative;transition:opacity .2s;width:100%}@media (max-width:1024px){.drop-zone[data-v-2d693843]{height:408px}}@media (max-width:580px){.drop-zone[data-v-2d693843]{height:330px;padding:30px}}@media (max-width:420px){.drop-zone[data-v-2d693843]{height:280px;padding:20px}}.drop-zone .i8-toast.toast-error[data-v-2d693843]{--toast-background:var(--c-red_400);border-radius:4px;bottom:40px;color:#fff;display:flex;font-size:14px;left:50%;line-height:18px;min-width:320px;padding:18px 35px 18px 18px;position:absolute;transform:translateX(-50%)}.drop-zone .i8-toast.toast-error .toast-icon[data-v-2d693843]{margin-right:11px}.drop-zone .i8-toast.toast-error .toast-icon[data-v-2d693843] svg{fill:#fff}.drop-zone .i8-toast.toast-error .toast-title[data-v-2d693843]{font-weight:600;margin-bottom:11px}.drop-zone .i8-toast.toast-error .toast-text[data-v-2d693843]{opacity:.9}.drop-zone .i8-toast.toast-error .toast-close[data-v-2d693843]{cursor:pointer;opacity:.3;position:absolute;right:22px;top:19px}.drop-zone .i8-toast.toast-error .toast-close[data-v-2d693843]:hover{opacity:.4}.drop-zone .i8-toast.toast-error .toast-close[data-v-2d693843] svg{fill:#fff}.editor[data-v-2d693843]{transition:opacity .2s}.icons-header[data-v-2d693843]{position:relative;text-align:center}.icons-header h2[data-v-2d693843]{color:var(--c-black_900);font:var(--similar-icons-header-title,var(--similar-icons-header-title-weight,var(--font-bold)) var(--similar-icons-header-title-size,var(--font-xl))/var(--similar-icons-header-title-line-height,var(--h2-line-height)) var(--similar-icons-header-title-family,"Inter"));font-family:Inter,sans-serif;margin:var(--spacer-2xs) 0}.icons-header p[data-v-2d693843]{--link-font:font-fn(--similar-icons-header-subtitle,var(--font-normal),var(--font-base),var(--h4-line-height),"Inter");--link-color:var(--c-black_700);color:var(--link-color);font:var(--link-font);margin:0}.editor-wrap[data-v-2d693843]{margin-bottom:57px}.editor-wrap.drag-drop_editor .drop-zone[data-v-2d693843],.editor-wrap.editor_drag-drop .drop-zone[data-v-2d693843]{left:50%;position:absolute;transform:translateX(-50%)}.editor-wrap.drag-drop_editor .editor[data-v-2d693843],.editor-wrap.editor_drag-drop .editor[data-v-2d693843]{position:relative}.editor-wrap.drag-drop_editor .drop-zone[data-v-2d693843]{z-index:10}.editor-wrap.drag-drop_editor .editor[data-v-2d693843]{opacity:0;z-index:5}@media (max-width:1024px){.editor-wrap.drag-drop_editor .editor[data-v-2d693843]{height:408px}}@media (max-width:580px){.editor-wrap.drag-drop_editor .editor[data-v-2d693843]{height:330px}}.editor-wrap.editor_drag-drop .editor[data-v-2d693843]{z-index:10}.editor-wrap.editor_drag-drop .drop-zone[data-v-2d693843]{opacity:0;z-index:5}.page-text[data-v-2d693843]{color:#000000b3;font-size:16px;letter-spacing:-1.1%;line-height:24px;margin:50px auto;max-width:760px;padding:0 16px;width:100%}.page-text[data-v-2d693843] a{border-bottom:var(--link-border-style,1px solid) var(--link-border-link,var(--c-transparent-black_400));color:var(--link-color,var(--c-black_900));cursor:pointer;display:inline-flex;letter-spacing:var(--link-letter-spacing,-.006em);outline:0;text-decoration:none}.page-text[data-v-2d693843] a:hover{border-bottom-color:var(--link-border-hover,var(--c-transparent-black_600))}.fade-enter-active[data-v-2d693843],.fade-leave-active[data-v-2d693843]{transition:all .2s}.fade-enter[data-v-2d693843],.fade-leave-to[data-v-2d693843]{opacity:0;transform:translateY(20px)}</style> <style>/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}</style> <style>:root{--c-white:#fff;--c-transparent-black_100:#00000008;--c-transparent-black_200:#00000014;--c-transparent-black_300:#00000026;--c-transparent-black_400:#00000042;--c-transparent-black_500:#0006;--c-transparent-black_600:#0000008c;--c-transparent-black_700:#000000b3;--c-transparent-black_800:#000c;--c-transparent-black_900:#000000e6;--c-black_100:#f7f7f7;--c-black_200:#ebebeb;--c-black_300:#d9d9d9;--c-black_400:#bdbdbd;--c-black_500:#999;--c-black_600:#737373;--c-black_700:#4d4d4d;--c-black_800:#333;--c-black_900:#1a1a1a;--c-green_100:#e7f9eb;--c-green_200:#c3efcd;--c-green_300:#88dd9f;--c-green_400:#47d16c;--c-green_500:#1fb141;--c-green_600:#189a2e;--c-green_700:#0d731e;--c-green_800:#085e16;--c-green_900:#04490f;--c-red_100:#ffe3e3;--c-red_200:#ffbdbd;--c-red_300:#ff9b9b;--c-red_400:#f86a6a;--c-red_500:#ef4e4e;--c-red_600:#e12d39;--c-red_700:#cf1124;--c-red_800:#ab091e;--c-red_900:#8a041a;--c-yellow_100:#fffbea;--c-yellow_200:#fff3c4;--c-yellow_300:#fce588;--c-yellow_400:#fadb5f;--c-yellow_500:#f7c948;--c-yellow_600:#f0b429;--c-yellow_700:#de911d;--c-yellow_800:#cb6e17;--c-yellow_900:#b44d12;--c-blue_100:#e6f6ff;--c-blue_200:#bae3ff;--c-blue_300:#7cc4fa;--c-blue_400:#47a3f3;--c-blue_500:#2186eb;--c-blue_600:#0967d2;--c-blue_700:#0552b5;--c-blue_800:#03449e;--c-blue_900:#01337d;--c-body:var(--c-white);--c-text:var(--c-black_900);--spacer-2xs:0.25rem;--spacer-xs:0.5rem;--spacer-sm:1rem;--spacer-base:1.5rem;--spacer-lg:2rem;--spacer-xl:2.5rem;--spacer-2xl:5rem;--spacer-3xl:10rem;--font-family-primary:"Roboto",serif;--font-family-secondary:"Raleway",sans-serif;--font-family-legacy:"Inter",sans-serif;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extra-bold:800;--font-extra-extra-bold:900;--font-2xs:0.625rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1rem;--h4-font-size:0.875rem;--h5-font-size:0.75rem;--h6-font-size:0.75rem;--h1-line-height:40px;--h2-line-height:32px;--h3-line-height:24px;--h4-line-height:20px;--p-line-height:24px;--ui-14-line-height:20px}@media (min-width:1024px){:root{--h1-font-size:2.5rem;--h2-font-size:1.5rem;--h3-font-size:1.125rem;--h4-font-size:0.875rem;--h1-line-height:48px}}</style> <style>:root{--c-white:#fff;--c-transparent-black_100:#00000008;--c-transparent-black_200:#00000014;--c-transparent-black_300:#00000026;--c-transparent-black_400:#00000042;--c-transparent-black_500:#0006;--c-transparent-black_600:#0000008c;--c-transparent-black_700:#000000b3;--c-transparent-black_800:#000c;--c-transparent-black_900:#000000e6;--c-black_100:#f7f7f7;--c-black_200:#ebebeb;--c-black_300:#d9d9d9;--c-black_400:#bdbdbd;--c-black_500:#999;--c-black_600:#737373;--c-black_700:#4d4d4d;--c-black_800:#333;--c-black_900:#1a1a1a;--c-green_100:#e7f9eb;--c-green_200:#c3efcd;--c-green_300:#88dd9f;--c-green_400:#47d16c;--c-green_500:#1fb141;--c-green_600:#189a2e;--c-green_700:#0d731e;--c-green_800:#085e16;--c-green_900:#04490f;--c-red_100:#ffe3e3;--c-red_200:#ffbdbd;--c-red_300:#ff9b9b;--c-red_400:#f86a6a;--c-red_500:#ef4e4e;--c-red_600:#e12d39;--c-red_700:#cf1124;--c-red_800:#ab091e;--c-red_900:#8a041a;--c-yellow_100:#fffbea;--c-yellow_200:#fff3c4;--c-yellow_300:#fce588;--c-yellow_400:#fadb5f;--c-yellow_500:#f7c948;--c-yellow_600:#f0b429;--c-yellow_700:#de911d;--c-yellow_800:#cb6e17;--c-yellow_900:#b44d12;--c-blue_100:#e6f6ff;--c-blue_200:#bae3ff;--c-blue_300:#7cc4fa;--c-blue_400:#47a3f3;--c-blue_500:#2186eb;--c-blue_600:#0967d2;--c-blue_700:#0552b5;--c-blue_800:#03449e;--c-blue_900:#01337d;--c-body:var(--c-white);--c-text:var(--c-black_900);--spacer-2xs:0.25rem;--spacer-xs:0.5rem;--spacer-sm:1rem;--spacer-base:1.5rem;--spacer-lg:2rem;--spacer-xl:2.5rem;--spacer-2xl:5rem;--spacer-3xl:10rem;--font-family-primary:Inter,apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Fira Sans,Roboto,Oxygen,Ubuntu,Droid Sans,Arial,sans-serif;--font-family-secondary:Inter,apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Fira Sans,Roboto,Oxygen,Ubuntu,Droid Sans,Arial,sans-serif;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extra-bold:800;--font-extra-extra-bold:900;--font-2xs:0.625rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1rem;--h4-font-size:0.875rem;--h5-font-size:0.75rem;--h6-font-size:0.75rem;--h1-line-height:40px;--h2-line-height:32px;--h3-line-height:24px;--h4-line-height:20px;--p-line-height:24px;--ui-14-line-height:20px;--font-h1:var(--font-h1-weight,900) var(--font-h1-size,2rem)/var(--font-h1-line-height,40px) var(--font-h1-family,var(--font-family-primary));--font-h2:var(--font-h2-weight,700) var(--font-h2-size,1.5rem)/var(--font-h2-line-height,32px) var(--font-h2-family,var(--font-family-primary));--font-h3:var(--font-h3-weight,700) var(--font-h3-size,1rem)/var(--font-h3-line-height,24px) var(--font-h3-family,var(--font-family-primary));--font-h4:var(--font-h4-weight,700) var(--font-h4-size,0.875rem)/var(--font-h4-line-height,20px) var(--font-h4-family,var(--font-family-primary));--font-p:var(--font-p-weight,400) var(--font-p-size,var(--font-base))/var(--font-p-line-height,var(--p-line-height)) var(--font-p-family,var(--font-family-primary));--font-ui-14-regular:var(--font-ui-14-regular-weight,400) var(--font-ui-14-regular-size,var(--font-sm))/var(--font-ui-14-regular-line-height,var(--ui-14-line-height)) var(--font-ui-14-regular-family,var(--font-family-primary));--font-ui-14-semibold:var(--font-ui-14-semibold-weight,600) var(--font-ui-14-semibold-size,var(--font-sm))/var(--font-ui-14-semibold-line-height,var(--ui-14-line-height)) var(--font-ui-14-semibold-family,var(--font-family-primary));--font-ui-12-regular:var(--font-ui-12-regular-weight,400) var(--font-ui-12-regular-size,var(--font-xs))/var(--font-ui-12-regular-line-height,var(--ui-12-line-height)) var(--font-ui-12-regular-family,var(--font-family-primary));--font-ui-12-semibold:var(--font-ui-12-semibold-weight,600) var(--font-ui-12-semibold-size,var(--font-xs))/var(--font-ui-12-semibold-line-height,var(--ui-12-line-height)) var(--font-ui-12-semibold-family,var(--font-family-primary));--font-h1-marketing:var(--font-h1-marketing-weight,900) var(--font-h1-marketing-size,3.5rem)/var(--font-h1-marketing-line-height,4rem) var(--font-h1-marketing-family,var(--font-family-primary));--font-h2-marketing:var(--font-h2-marketing-weight,900) var(--font-h2-marketing-size,2rem)/var(--font-h2-marketing-line-height,2.5rem) var(--font-h2-marketing-family,var(--font-family-primary));--font-h3-marketing:var(--font-h3-marketing-weight,700) var(--font-h3-marketing-size,1.5rem)/var(--font-h3-marketing-line-height,2rem) var(--font-h3-marketing-family,var(--font-family-primary));--font-marketing-paragraph-24:var(--font-marketing-paragraph-24-weight,500) var(--font-marketing-paragraph-24-size,1.5rem)/var(--font-marketing-paragraph-24-line-height,2.125rem) var(--font-marketing-paragraph-24-family,var(--font-family-primary));--font-marketing-paragraph-20:var(--font-marketing-paragraph-20-weight,500) var(--font-marketing-paragraph-20-size,1.25rem)/var(--font-marketing-paragraph-20-line-height,1.75rem) var(--font-marketing-paragraph-20-family,var(--font-family-primary));--font-marketing-ui18-bold:var(--font-marketing-ui18-bold-weight,700) var(--font-marketing-ui18-bold-size,1.125rem)/var(--font-marketing-ui18-bold-line-height,1.5rem) var(--font-marketing-ui18-bold-family,var(--font-family-primary))}@media(min-width:1024px){:root{--h1-font-size:2.5rem;--h2-font-size:1.5rem;--h3-font-size:1.125rem;--h4-font-size:0.875rem;--font-h1-size:2.5rem;--font-h2-size:1.5rem;--font-h3-size:1.125rem;--font-h4-size:0.875rem;--h1-line-height:48px;--font-h1-line-height:48px}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(https://goodies.icons8.com/web/common/fonts/Inter-Variable.woff2) format("woff2-variations"),url(https://goodies.icons8.com/web/common/fonts/Inter-Variable.woff) format("woff-variations"),url(https://goodies.icons8.com/web/common/fonts/Inter-Variable.ttf) format("truetype-variations")}*{font-family:Inter,apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Fira Sans,Roboto,Oxygen,Ubuntu,Droid Sans,Arial,sans-serif}.center{align-items:center;display:flex;justify-content:center}@media(min-width:1024px){.mobile-only{display:none!important}}@media(max-width:1023px){.desktop-only{display:none!important}}</style> <style>@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}:focus{outline:none}.page-lunacy .i8-modal{border-radius:8px;max-height:100%}@media (max-width:1025px){.page-lunacy .i8-modal__button--close{left:auto;right:16px;top:-50px}}</style> <style>@keyframes spin-5912ec5e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overlay[data-v-5912ec5e]{background:#00000059;height:100vh;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:999}.app-modal-container[data-v-5912ec5e]{font-size:1rem;left:50%;max-height:95%;max-width:95%;min-width:18rem;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%)}.app-modal-container.is-scrollable[data-v-5912ec5e]{border-radius:8px;overflow-y:auto}.app-modal[data-v-5912ec5e]{background:#fff;border-radius:8px;box-shadow:0 20px 60px -2px #1b213a66;padding:2rem}.app-modal.is-big[data-v-5912ec5e]{padding:32px 40px 44px}.app-modal.is-no-bottom-padding[data-v-5912ec5e]{padding-bottom:0}.app-modal.is-center[data-v-5912ec5e]{text-align:center}.app-modal.is-center>.app-icon[data-v-5912ec5e]{margin:0 auto}.app-modal[data-v-5912ec5e] .title{color:#000;line-height:40px;margin:0 0 .5rem}.app-modal[data-v-5912ec5e] .description{font-size:18px;line-height:26px;margin-bottom:24px}.close[data-v-5912ec5e]{cursor:pointer;height:13.75px;position:absolute;right:28px;text-align:center;top:24px;width:13.75px}.close[data-v-5912ec5e]> svg{fill:#979494;transition:all .3s ease}.close[data-v-5912ec5e]> svg:hover{fill:#000!important}.close.is-outside[data-v-5912ec5e]{bottom:100%;color:#444;font-size:34px;font-weight:300;right:0;top:auto}.close.is-outside[data-v-5912ec5e]:hover{background-color:#0000000d}@media (min-width:500px){.close.is-bold[data-v-5912ec5e]{align-items:center;background:#fff;border-radius:50%;display:flex;height:44px;justify-content:center;right:-68px;top:0;width:44px}.close.is-bold[data-v-5912ec5e] svg{max-height:12px;max-width:12px}}.app-modal-enter-active[data-v-5912ec5e],.app-modal-leave-active[data-v-5912ec5e]{transition:all .2s}.app-modal-enter[data-v-5912ec5e],.app-modal-leave-active[data-v-5912ec5e]{opacity:0}.login-modal.app-modal[data-v-5912ec5e]{padding:0}</style> <style>@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{color:#000;font-size:16px;line-height:1.5;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:focus{outline:none}</style> <style>.grecaptcha-badge{visibility:hidden}</style> <style>.meta[data-v-26960013]{border-top:1px solid var(--meta-border-color);margin:auto;max-width:var(--container-width)}.meta-advanced[data-v-26960013]{display:flex;flex-direction:column;gap:16px;padding-top:32px}.meta-advanced .grid[data-v-26960013]{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:16px 24px}.meta-advanced .cdn[data-v-26960013]{white-space:nowrap}.google-recaptcha[data-v-26960013]{padding-bottom:24px}.google-recaptcha[data-v-26960013] a{border-bottom:1px solid var(--link-border-color);color:var(--color);display:inline;font-size:13px;letter-spacing:.01em;line-height:22px;text-decoration:none}.meta-chinese[data-v-26960013]{padding:24px 0}@media screen and (min-width:768px){.meta-advanced[data-v-26960013]{align-items:center;flex-direction:row}.cdn[data-v-26960013]{margin-left:auto}}@media (min-width:1024px){.meta-advanced .links[data-v-26960013]{display:block}}</style> <style>.i8-badge{border-radius:var(--badge-border-radius,4px);display:var(--badge-display,inline-block)}.i8-badge--small{font:var(--badge-font,var(--badge-font-weight,var(--badge-font-weight,var(--font-semibold))) var(--badge-font-size,var(--badge-font-size-small,var(--font-xs)))/var(--badge-font-line-height,var(--badge-line-height-small,16px)) var(--badge-font-family,var(--font-family-legacy)));padding:var(--button-padding-small,0 var(--spacer-2xs))}.i8-badge--medium{font:var(--badge-font,var(--badge-font-weight,var(--badge-font-weight,var(--font-semibold))) var(--badge-font-size,var(--badge-font-size-medium,var(--font-sm)))/var(--badge-font-line-height,var(--badge-line-height-medium,20px)) var(--badge-font-family,var(--font-family-legacy)));padding:var(--badge-padding-medium,var(--spacer-4xs,2px) var(--spacer-xs))}.i8-badge--regular{background:var(--c-green_400);color:var(--badge-color-regular,var(--c-white))}.i8-badge--warning{background:var(--c-yellow_400);color:var(--badge-color-warning,var(--c-black_900))}.i8-badge--danger{background:var(--c-red_400);color:var(--badge-color-danger,var(--c-white))}.i8-badge--outline{background:var(--badge-background-outline,#0000);border:var(--badge-border-outline,1px solid var(--c-transparent-black_200));color:var(--badge-color-outline,var(--c-black_900))}</style> <style>.i8-icon{fill:var(--icon-color,var(--c-black_900));background:#0000;box-sizing:border-box;display:flex;height:var(--icon-height,var(--icon-size,1rem));position:var(--icon-position,relative);width:var(--icon-width,var(--icon-size,1rem))}.i8-icon img,.i8-icon svg{height:inherit;width:inherit}</style> <style>.i8-loader__circular{animation:var(--loader-curcular-animation,rotate 2s linear infinite);transform-origin:var(--loader-curcular-transofrm-origin,center center)}.i8-loader__path{stroke-dasharray:var(--loader-path-stroke-dasharray,1,200);stroke-dashoffset:var(--loader-path-stroke-dashoffset,0);stroke-linecap:var(--loader-path-stroke-linecap,square);animation:var(--loader-path-animation,dash 1.5s ease-in-out infinite,6s ease-in-out infinite)}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-104px}}</style> <style>.i8-button{align-items:var(--button-align-items,center);background:var(--button-background,#0000);border:var(--button-border-text,none);border-radius:var(--button-border-radius,4px);box-sizing:var(--button-box-sizing,border-box);color:var(--button-color,var(--c-transparent-black_900));cursor:var(--button-cursor-pointer,pointer);display:var(--button-display,flex);font:var(--button-font,var(--button-font-weight,600) var(--button-font-size,14px)/var(--button-font-line-height,20px) var(--button-font-family,var(--font-family-primary)));justify-content:var(--button-justify-content,center);letter-spacing:var(--button-letter-spacing,-.006em);outline:var(--button-outline,none);position:var(--button-position,relative);text-align:var(--button-text-align,center);text-decoration:none;transition:all .2s ease-out}.i8-button--link{display:var(--button-display,inline-flex)}.i8-button:hover{background-color:var(--button-background-color-hover,var(--c-transparent-black_100))}.i8-button:active{background-color:var(--button-background-color-active,var(--c-transparent-black_200));transform:var(--button-active-transform,scale(.975))}.i8-button--outline{border:var(--button-border-outline,1px solid var(--c-transparent-black_200))}.i8-button--primary{background:var(--button-background-primary,var(--c-green_500));color:var(--button-color-primary,var(--c-white))}.i8-button--primary:hover{background:var(--button-background-primary-hover,var(--c-green_600))}.i8-button--primary:active{background:var(--button-background-primary-active,var(--c-green_700))}.i8-button--primary .i8-button__icon{fill:var(--button-primary-icon-fill,var(--c-white))}.i8-button--danger{background:var(--button-background-danger,var(--c-red_500));color:var(--button-color-danger,var(--c-white))}.i8-button--danger:hover{background:var(--button-background-danger-hover,var(--c-red_600))}.i8-button--danger:active{background:var(--button-background-danger-active,var(--c-red_700))}.i8-button--black{background:var(--button-background-black,var(--c-black_900));color:var(--button-color-black,var(--c-white))}.i8-button--black:hover{background:var(--button-background-black-hover,var(--c-black_800))}.i8-button--black:active{background:var(--button-background-black-active,var(--c-black_700))}.i8-button--small{height:var(--button-height-small,var(--spacer-base));padding:var(--button-padding-small,0 var(--spacer-xs))}.i8-button--medium{height:var(--button-height-medium,var(--spacer-lg));padding:var(--button-padding-medium,0 12px)}.i8-button--large{height:var(--button-height-large,var(--spacer-xl));padding:var(--button-padding-large,0 var(--spacer-sm))}.i8-button--disabled{background-color:var(--c-transparent-black_200);border-color:#0000;color:var(--c-transparent-black_400);cursor:not-allowed;pointer-events:none}.i8-button--disabled .i8-button__icon{fill:var(--button-disabled-icon-fill,var(--c-transparent-black_400))}.i8-button__icon--left{margin:var(--button-icon-left-margin,0 6px 0 0)}.i8-button__icon--right{margin:var(--button-icon-right-margin,0 0 0 6px)}.i8-button--icon_only.i8-button--large{padding:var(--button-padding-icon-only-large,0 var(--spacer-xs))}.i8-button--icon_only.i8-button--medium{padding:var(--button-padding-icon-only-medium,0 var(--spacer-2xs))}.i8-button--icon_only.i8-button--small{padding:var(--button-padding-icon-only-small,0 var(--spacer-2xs))}.i8-button--icon_only.i8-button--small.i8-button--outline{padding:var(--button-padding-icon-only-outline-small,0 3px)}.i8-button--icon_only.i8-button--medium.i8-button--outline{padding:var(--button-padding-icon-only-outline-medium,0 3px)}.i8-button--icon_only.i8-button--large.i8-button--outline{padding:var(--button-padding-icon-only-outline-large,0 7px)}.i8-button--icon_only .i8-button__icon{margin:var(--button-icon-icon-only-margin,0)}.i8-button--loading{background:var(--dropdown-loading-background,#00000014);border:var(--dropdown-loading-border,#0000);color:var(--dropdown-loading-color,#0000);pointer-events:var(--dropdown-loading-pointer-events,none);position:relative}.i8-button--loading .i8-button__icon{fill:var(--dropdown-loading-icon-fill,#0000)}.i8-button__loader-wrap{align-items:var(--dropdown-loader-wrap-align-items,center);bottom:var(--dropdown-loader-wrap-top,unset);display:var(--dropdown-loader-wrap-display,flex);height:var(--dropdown-loader-wrap-height,100%);justify-content:var(--dropdown-loader-wrap-justify-content,center);left:var(--dropdown-loader-wrap-left,0);position:absolute;right:var(--dropdown-loader-wrap-top,unset);top:var(--dropdown-loader-wrap-top,0);width:var(--dropdown-loader-wrap-width,100%);z-index:var(--dropdown-loader-wrap-z-index,2)}</style> <style>.i8-dropdown-item[data-v-e7670f25]{align-items:var(--dropdown-item-align-items,center);border-radius:var(--dropdown-item-border-radius,4px);color:var(--dropdown-item-color,var(--c-black_900));cursor:var(--dropdown-item-cursor,pointer);display:var(--dropdown-item-display,flex);font:var(--dropdown-item-font,var(--dropdown-item-font-weight,normal) var(--dropdown-item-font-size,var(--dropdown-item-font-size,14px))/var(--dropdown-item-font-line-height,var(--dropdown-line-height,20px)) var(--dropdown-item-font-family,var(--font-family-legacy)));letter-spacing:var(--dropdown-item-ls,-.006em);outline:none;padding:var(--dropdown-item-padding,4px 8px);text-align:var(--dropdown-item-text-align,left);transition:all .2s ease-out}.i8-dropdown-item[data-v-e7670f25]:focus,.i8-dropdown-item[data-v-e7670f25]:hover{background:var(--dropdown-item-bg-hover,var(--c-transparent-black_100))}.i8-dropdown-item.is-active[data-v-e7670f25]{background:var(--dropdown-item-bg-active,var(--c-transparent-black_100));font-weight:var(--dropdown-item-fw-active,var(--font-semibold))}.i8-dropdown-item.disabled[data-v-e7670f25]{cursor:var(--dropdown-item-disabled-cursor,default);opacity:var(--dropdown-item-disabled-opacity,.4);pointer-events:none}.active-indicator-icon[data-v-e7670f25]{margin:var(--dropdown-item-active-indicator-margin,0 0 0 auto)}</style> <style>.i8-text-input[data-v-8454809a]{font:var(--text-input-font,var(--text-input-font-weight,normal) var(--text-input-font-size,var(--text-input-font-size,14px))/var(--text-input-font-line-height,var(--text-input-line-height,20px)) var(--text-input-font-family,var(--font-family-legacy)));letter-spacing:var(--text-input-letter-spacing,-.006em);outline:none;position:var(--text-input-position,relative);width:var(--text-input-width,280px)}.i8-text-input--large .i8-text-input__input[data-v-8454809a]{height:var(--text-input-input-height-large,40px);padding:var(--text-input-padding-large,0 14px)}.i8-text-input--large .i8-text-input__left-icon[data-v-8454809a]{left:var(--text-input-prefix-left-large,11px)}.i8-text-input--large .i8-text-input__right-icon[data-v-8454809a]{right:var(--text-input-suffix-right-large,11px)}.i8-text-input--medium .i8-text-input__input[data-v-8454809a]{padding:var(--text-input-padding,0 12px)}.i8-text-input--medium .i8-text-input__left-icon[data-v-8454809a]{left:var(--text-input-prefix-left,8px)}.i8-text-input--medium .i8-text-input__right-icon[data-v-8454809a]{right:var(--text-input-suffix-right,8px)}.i8-text-input--small .i8-text-input__input[data-v-8454809a]{height:var(--text-input-input-height-small,24px);padding:var(--text-input-padding,0 8px)}.i8-text-input--small .i8-text-input__left-icon[data-v-8454809a]{left:var(--text-input-prefix-left,4px)}.i8-text-input--small .i8-text-input__right-icon[data-v-8454809a]{right:var(--text-input-suffix-right,4px)}.i8-text-input--error .i8-text-input__input[data-v-8454809a]{border-color:var(--text-input-error-input--border-color,var(--c-red_500))}.i8-text-input--has-left-icon .i8-text-input__input[data-v-8454809a]{padding-left:var(--text-input-prefix-input-padding-left,33px)}.i8-text-input--has-right-icon .i8-text-input__input[data-v-8454809a]{padding-right:var(--text-input-suffix-input-padding-right,33px)}.i8-text-input--has-left-icon.i8-text-input--small .i8-text-input__input[data-v-8454809a]{padding-left:var(--text-input-small-prefix-input-padding-left,22px)}.i8-text-input--has-right-icon.i8-text-input--small .i8-text-input__input[data-v-8454809a]{padding-right:var(--text-input-small-prefix-input-padding-right,22px)}.i8-text-input--has-left-icon.i8-text-input--large .i8-text-input__input[data-v-8454809a]{padding-left:var(--text-input-large-postfix-input-padding-left,36px)}.i8-text-input--has-right-icon.i8-text-input--large .i8-text-input__input[data-v-8454809a]{padding-right:var(--text-input-large-postfix-input-padding-right,36px)}.i8-text-input--disabled .i8-text-input__input[data-v-8454809a]{background:var(--text-input-disabled-input-background,var(--c-transparent-black_100));border-color:var(--text-input-disabled-input-border-color,var(--c-transparent-black_200));color:var(--text-input-disabled-font-color,var(--c-black_400));cursor:var(--text-input-disabled-input-cursor,not-allowed);pointer-events:var(--text-input-disabled-pointer-events,none)}.i8-text-input--disabled .i8-text-input__left-icon[data-v-8454809a],.i8-text-input--disabled .i8-text-input__right-icon[data-v-8454809a]{--icon-color:var(--c-black_400)}.i8-text-input__input[data-v-8454809a]{-webkit-appearance:none;border:var(--text-input-input-border,1px solid var(--c-black_300));border-radius:var(--text-input-input-border-radius,4px);box-shadow:var(--text-input-input-box-shadow,none);box-sizing:var(--text-input-input-box-sizing,border-box);color:var(--text-input-input-color,var(--c-black_900));font:inherit;height:var(--text-input-input-height,32px);outline:var(--text-input-input-outline,none);padding:var(--text-input-input-padding,0 12px);transition:all .2s ease-out;width:var(--text-input-input-width,100%)}.i8-text-input__input[data-v-8454809a]:hover{border-color:var(--text-input-input-hover-border-color,var(--c-black_400))}.i8-text-input__input[data-v-8454809a]:focus{border-color:var(--text-input-input-focus-border-color,var(--c-black_600))}.i8-text-input__input[data-v-8454809a]:active{border-color:var(--text-input-input-active-border-color,var(--c-black_600))}.i8-text-input__input[data-v-8454809a]::placeholder{color:var(--text-input-input-placeholder-color,var(--c-black_400))}.i8-text-input__error-message[data-v-8454809a]{color:var(--text-input-error-message-color,var(--c-red_500));font-size:var(--text-input-error-message-font-size,12px);left:var(--text-input-error-message-left,0);line-height:var(--text-input-error-message-line-height,16px);margin:var(--text-input-error-message-margin,4px);position:var(--text-input-error-message-position,absolute);width:var(--text-input-error-message-widtg,100%);word-break:var(--text-input-error-message-word-break,break-all)}.i8-text-input__left-icon[data-v-8454809a],.i8-text-input__right-icon[data-v-8454809a]{position:absolute;top:var(--text-input-suffix-prefix-top,calc(50% - 8px))}.i8-text-input__label[data-v-8454809a]{font:var(--text-input-label-font,var(--text-input-label-font-weight,600) var(--text-input-label-font-size,var(--text-input-font-size,14px))/var(--text-input-label-font-line-height,var(--text-input-line-height,20px)) var(--text-input-label-font-family,var(--font-family-legacy)));margin:var(--text-input-label-margin,0 0 4px 0)}.i8-text-input__wrap[data-v-8454809a]{position:relative}</style> <style>.i8-dropdown{cursor:pointer;display:var(--dropdown-display,inline-block);outline:none;position:var(--dropdown-position);z-index:var(--dropdown-z-index,11)}.i8-dropdown__label{align-items:var(--dropdown-label-align-items,center);border-radius:var(--dropdown-border-radius,4px);box-sizing:var(--dropdown-label-box-sizing,border-box);display:var(--dropdown-label-display,flex);height:100%;outline:none;padding:var(--dropdown-label-padding,0 12px);transition:all .2s ease-out}.i8-dropdown__label--is-open .i8-dropdown__icon{transform:rotate(-180deg)}.i8-dropdown__label:focus:not(.i8-dropdown__label--is-open),.i8-dropdown__label:hover:not(.i8-dropdown__label--is-open){background:var(--dropdown-background-hover,var(--c-transparent-black_100))}.i8-dropdown__label--is-open,.i8-dropdown__label:active{background:var(--dropdown-background-active,var(--c-transparent-black_200))}.i8-dropdown__label--is-open .i8-dropdown__toggle:before{transform:rotate(-45deg)}.i8-dropdown__label--is-open .i8-dropdown__toggle:after{transform:rotate(45deg)}.i8-dropdown__icon{margin:var(--dropdown-icon-margin,0 0 0 auto);transition:all .2s ease-out}.i8-dropdown__icon-left{margin:var(--dropdown-icon-left-margin,0 var(--spacer-xs) 0 0);transition:all .2s ease-out}.i8-dropdown__text{margin:var(--dropdown-text-margin,0 7px 0 0);transition:all .2s ease-out}.i8-dropdown__content{background:var(--dropdown-content-background,var(--c-white));border:var(--dropdown-content-border,1px solid var(--c-black_100));border-radius:var(--dropdown-content-border-radius,4px);bottom:var(--dropdown-content-bottom,unset);box-shadow:var(--dropdown-content-shadow,0 0 1px #6060604f,0 12px 24px -6px #60606026);box-sizing:border-box;cursor:default;display:none;left:var(--dropdown-content-left,unset);margin-top:var(--dropdown-content-margin,8px);max-height:var(--dropdown-content-maxheight,280px);opacity:0;overflow-x:auto;padding:var(--dropdown-content-padding,6px 8px);position:absolute;right:var(--dropdown-content-right,unset);top:var(--dropdown-content-top,unset);transform:var(--dropdown-content-transform,none);transition:all .2s ease-out;width:var(--dropdown-content-width,100%);z-index:var(--dropdown-z-index,12)}.i8-dropdown__content--is-open{display:block;opacity:1}.i8-dropdown__content--right{left:var(--dropdown-content-right-left,100%);margin:0 0 0 var(--dropdown-content-margin,var(--spacer-xs));top:var(--dropdown-content-right-top,0)}.i8-dropdown__content--left{margin:0 var(--dropdown-content-margin,var(--spacer-xs)) 0 0;right:var(--dropdown-content-left-right,100%);top:var(--dropdown-content-left-top,0)}.i8-dropdown__content--top{bottom:var(---dropdown-content-bottom-top,100%);left:var(--dropdown-content-right-left,0);margin:0 0 var(--dropdown-content-margin,var(--spacer-xs)) 0}.i8-dropdown__chosen{align-items:var(--dropdown-chosen-align-items,center);display:flex;margin:var(--dropdown-chosen-margin,0 var(--spacer-2xs) 0 0);width:var(--dropdown-chosen-width,100%)}.i8-dropdown__chosen-close{--icon-color:var(--c-transparent-black_400);margin:var(--dropdown-close-margin,0 0 0 auto)}.i8-dropdown__chosen-close:hover{--icon-color:var(--c-transparent-black_900)}.i8-dropdown__toggle{bottom:var(--dropdown-toggle-bottom,-2px);height:var(--dropdown-toggle-height,9px);margin:var(--dropdown-toggle-margin,0 0 0 auto);min-width:var(--dropdown-toggle-width,10px);overflow:hidden;position:relative;width:var(--dropdown-toggle-width,10px)}.i8-dropdown__toggle:after,.i8-dropdown__toggle:before{background-color:var(--dropdown-toggle-pseudo-background-color,var(--c-black_900));content:"";height:var(--dropdown-toggle-pseudo-height,1px);margin:var(--dropdown-toggle-pseudo-margin,auto);position:absolute;top:var(--dropdown-toggle-pseudo-top,calc(50% - 2px));transition:all .2s;width:var(--dropdown-toggle-pseudo-width,calc(50% + 1px))}.i8-dropdown__toggle:before{left:var(--dropdown-toggle-before-left,0);transform:var(--dropdown-toggle-before-transfrom,rotate(45deg))}.i8-dropdown__toggle:after{right:var(--dropdown-toggle-after-right,0);transform:var(--dropdown-toggle-after-transform,rotate(-45deg))}.i8-dropdown__wrap{background:var(--dropdown-background,#0000);border-radius:var(--dropdown-border-radius,4px);color:var(--dropdown-font-color,var(--c-black_900));font:var(--dropdown-font,var(--dropdown-font-weight,normal) var(--dropdown-font-size,var(--dropdown-font-size,14px))/var(--dropdown-font-line-height,var(--dropdown-line-height,20px)) var(--dropdown-font-family,var(--font-family-legacy)));height:var(--dropdown-height,32px);letter-spacing:var(--dropdown-letter-spacing,-.006em);min-width:var(--dropdown-min-width,unset);position:relative;transition:all .2s ease-out}.i8-dropdown--outline .i8-dropdown__wrap{background:var(--dropdown-outline-background,var(--c-white));min-width:var(--dropdown-outline-width,280px)}.i8-dropdown--outline .i8-dropdown__label{border:var(--dropdown-outline-border,1px solid var(--c-black_200))}.i8-dropdown--large .i8-dropdown__wrap{height:var(--dropdown-height-large,40px)}.i8-dropdown--large .i8-dropdown__label{padding:var(--dropdown-label-padding-large,0 var(--spacer-sm))}.i8-dropdown--disabled.i8-dropdown--outline .i8-dropdown__wrap{background:var(--dropdown-disabled-background,var(--c-black_100))}.i8-dropdown--disabled .i8-dropdown__wrap{color:var(--dropdown-disabled-font-color,var(--c-black_400));cursor:var(--dropdown-disabled-cursor,not-allowed);pointer-events:none}.i8-dropdown--disabled .i8-dropdown__toggle:after,.i8-dropdown--disabled .i8-dropdown__toggle:before{background-color:var(--dropdown-disabled-toggle-pseudo-background-color,var(--c-black_400))}.i8-dropdown--disabled .i8-dropdown__icon-left{--icon-color:var(--dropdown-disabled-icon-color,var(--c-black_400))}</style> <style>.i8-footer-newsletter[data-v-e648944a]{--text-input-width:100%;align-items:flex-start;display:flex;gap:8px;position:relative}.i8-footer-newsletter__email-input[data-v-e648944a]{--text-input-error-message-position:static;--text-input-error-message-word-break:normal}.i8-footer-newsletter__btn[data-v-e648944a]{white-space:nowrap}</style> <style>.i8-footer-media[data-v-6fbce50a]{display:flex;flex-wrap:wrap;gap:8px}.i8-footer-media .icon[data-v-6fbce50a]{align-items:center;display:flex;height:40px;justify-content:center;width:40px}</style> <style>.i8-footer-top[data-v-71288d64]{background:var(--i8-footer-top-background,var(--c-transparent-black_100))}.i8-footer-top__content[data-v-71288d64]{display:flex;flex-direction:column;gap:32px;margin:auto;max-width:var(--container-width);padding:40px 20px 32px}.i8-footer-top__title[data-v-71288d64]{font-size:var(--font-sm);font-weight:var(--font-bold);line-height:var(--ui-14-line-height);margin-bottom:12px}.i8-footer-top__footer-media[data-v-71288d64]{margin-left:-10px}@media screen and (min-width:768px){.i8-footer-top__content[data-v-71288d64]{gap:40px;padding:48px 32px}}@media screen and (min-width:1024px){.i8-footer-top__content[data-v-71288d64]{flex-direction:row;gap:120px}.i8-footer-top__newsletter-wrap[data-v-71288d64]{flex:500px 0 1}.i8-footer-top__footer-media-wrap[data-v-71288d64]{flex-shrink:0}}</style> <style>.footer[data-v-dcac4535]{--background:var(--footer-background,#f6f9fc);--container-width:1264px;--link-color:var(--footer-link-color,#000);--font-size:13px;--link-border-color:var(--footer-link-border-color,#00000040);--meta-border-color:var(--footer-meta-border-color,#0000001a);background-color:var(--background);font-family:inherit;font-size:var(--font-size);width:100%}.footer .link[data-v-dcac4535],.footer[data-v-dcac4535] .link{border-bottom:1px solid var(--link-border-color);color:var(--color);display:inline;font-size:13px;letter-spacing:.01em;line-height:22px;text-decoration:none}.footer .footer-content[data-v-dcac4535]{margin:auto;max-width:var(--container-width);padding:40px 20px 32px}@media (min-width:768px){.footer .footer-content[data-v-dcac4535]{padding:40px 32px 32px}}.footer .footer-grid[data-v-dcac4535]{display:flex}@media (max-width:670px){.footer .footer-grid[data-v-dcac4535]{flex-direction:column}}.footer .footer-logo[data-v-dcac4535]{align-items:center;display:flex;font-size:13px;font-weight:800;line-height:22px;text-transform:uppercase}.footer .footer-logo .icon[data-v-dcac4535]{display:block;height:24px;margin-right:9px;width:24px}.footer .community[data-v-dcac4535]{display:flex;flex-direction:column;margin-right:40px;width:20%}@media (max-width:940px){.footer .community[data-v-dcac4535]{width:30%}}@media (max-width:670px){.footer .community[data-v-dcac4535]{margin-right:0;width:100%}}.footer .recaptcha-text[data-v-dcac4535]{color:var(--color,var(--c-transparent-black_600));margin-top:40px;max-width:200px}@media (max-width:670px){.footer .recaptcha-text.hidden-sm[data-v-dcac4535]{display:none}}@media (min-width:671px){.footer .recaptcha-text.hidden-lg[data-v-dcac4535]{display:none}}.footer .recaptcha-text[data-v-dcac4535] a{border-bottom:1px solid #00000040;color:inherit;display:inline;text-decoration:none}.footer .grid[data-v-dcac4535]{grid-gap:40px;display:grid;grid-template-columns:repeat(4,1fr);width:80%}@media (max-width:940px){.footer .grid[data-v-dcac4535]{grid-template-columns:1fr 1fr;width:70%}}@media (max-width:670px){.footer .grid[data-v-dcac4535]{margin-top:40px;width:100%}}.footer ul[data-v-dcac4535]{list-style:none;margin:0;padding-left:0}.footer ul[data-v-dcac4535]:before{color:var(--color);content:attr(data-header);display:block;font-size:13px;font-weight:800;line-height:22px}.footer ul li[data-v-dcac4535]:not(:last-child),.footer ul[data-v-dcac4535]:before{margin-bottom:12px}.footer ul li.is-hidden[data-v-dcac4535]{display:none}.footer__meta[data-v-dcac4535]{color:var(--color);margin-top:40px}</style> <style>@keyframes spin-e815499a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.i8-loader[data-v-e815499a]{animation:spin-e815499a 1s linear infinite;border-radius:50%;margin:auto}</style> <style>.i8-user-pic[data-v-571c04b5]{position:relative}.i8-user-pic__trigger[data-v-571c04b5]{align-items:center;border:none;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:1.5rem;justify-content:center;line-height:15px;text-decoration:none;text-transform:uppercase;width:1.5rem}@media screen and (min-width:1024px){.i8-user-pic__trigger[data-v-571c04b5]{height:2rem;width:2rem}}.i8-user-pic__popup[data-v-571c04b5]{background-color:var(--c-white);border:1px solid var(--c-transparent-black_200);border-radius:8px;box-shadow:0 12px 24px -6px #60606026;display:none;flex-direction:column;padding:8px;position:absolute;right:0;top:calc(100% + 8px)}.is-opened .i8-user-pic__popup[data-v-571c04b5]{display:flex}.i8-user-pic__logout[data-v-571c04b5],.i8-user-pic__profile[data-v-571c04b5]{background-color:initial;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:14px;line-height:20px;min-width:104px;padding:4px 8px;text-align:left;text-decoration:none;transition:.2s}.i8-user-pic__logout[data-v-571c04b5]:hover,.i8-user-pic__profile[data-v-571c04b5]:hover{background-color:var(--c-transparent-black_100)}</style> <style>@media screen and (max-width:1024px){.i8-header-login[data-v-f7ca243f]{margin-bottom:16px}}.user[data-v-f7ca243f]{align-items:center;display:flex}@media (max-width:1023px){.user[data-v-f7ca243f]{border:1px solid var(--c-transparent-black_200);border-radius:.25rem;justify-content:center;padding:.5rem}}.user-loading[data-v-f7ca243f]{align-self:center;display:block;margin:unset!important}.username[data-v-f7ca243f]{color:var(--i8-header-color);font-size:14px;font-weight:600;margin-left:8px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1024px){.username[data-v-f7ca243f]{display:none}}.userpic[data-v-f7ca243f]{flex-shrink:0}.login-button[data-v-f7ca243f]{background-color:var(--i8-login-background,#fff);border:1px solid var(--i8-login-border-color,#00000014);border-radius:var(--i8-header-control-radius);color:var(--i8-header-color);cursor:pointer;display:block;font-size:14px;font-weight:600;padding:10px 15px;transition:background-color .1s ease;white-space:nowrap;width:100%}.login-button[data-v-f7ca243f]:hover{background-color:var(--i8-login-background-hover,#00000008)}@media screen and (min-width:1024px){.login-button[data-v-f7ca243f]{padding:6px 15px;width:auto}}</style> <style>.i8-header-logo[data-v-2e158c8b]{align-items:center;color:var(--i8-header-color);display:flex;font-size:12px;font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase}.i8-header-logo .icon[data-v-2e158c8b]{display:block;height:18px;width:18px}.i8-header-logo[data-v-2e158c8b] svg{fill:var(--i8-header-logo-fill,#1fb141);display:block;height:100%;width:100%}.i8-header-logo .text[data-v-2e158c8b]{margin-left:10px;text-transform:uppercase}</style> <style>.i8-nav-dropdown[data-v-81cb3f59]{--dropdown-content-maxheight:auto;--dropdown-content-margin:0;--dropdown-background-active:#0000}.dropdown-container[data-v-81cb3f59]{margin:auto;width:100%}</style> <style>.i8-nav-dropdown.i8-dropdown .i8-dropdown__wrap{display:flex;flex-direction:column;position:static}.i8-nav-dropdown.i8-dropdown .i8-dropdown__label{align-items:center;border-radius:var(--i8-header-control-radius);color:var(--i8-header-navlink-color);display:flex;flex-grow:1;font-size:14px;font-weight:600;height:auto;line-height:1;padding:0 12px;transition:background-color .1s ease}.i8-nav-dropdown.i8-dropdown .i8-dropdown__label.i8-dropdown__label--is-open,.i8-nav-dropdown.i8-dropdown .i8-dropdown__label:hover{background-color:var(--i8header-control-hover-background)}.i8-nav-dropdown.i8-dropdown .i8-dropdown__icon path{stroke:var(--i8-header-navlink-color)}.i8-nav-dropdown.i8-dropdown .i8-dropdown__content{border-radius:0;bottom:auto;box-shadow:0 0 1px #6060604f,0 12px 24px -6px #60606026;font-size:14px;left:0;line-height:20px;padding:0;right:0;top:var(--i8-header-height);width:100%}.i8-nav-dropdown.i8-dropdown .i8-dropdown__text{align-items:center;display:flex}</style> <style>.i8-badge[data-v-c7364173]{--badge-default-color:#1a1a1a;--badge-primary-bg:#47d16c;--badge-primary-color:#fff;--badge-warning-bg:#fadb5f;--badge-danger-bg:#f86a6a;background-color:initial;border-radius:4px;color:var(--badge-default-color);display:inline-block;font-size:12px;font-weight:600;letter-spacing:-.006em;line-height:16px;padding:0 4px;text-transform:capitalize;white-space:nowrap}.i8-badge.primary[data-v-c7364173]{background-color:var(--badge-primary-bg);color:var(--badge-primary-color)}.i8-badge.warning[data-v-c7364173]{background-color:var(--badge-warning-bg)}.i8-badge.danger[data-v-c7364173]{background-color:var(--badge-danger-bg)}</style> <style>.i8-nav-card[data-v-ff0f8d67]{border-radius:8px;color:var(--i8header-color-dropdown);font-size:14px;line-height:20px;padding:8px;position:relative;text-decoration:none;transition:all .1s ease}.i8-nav-card[data-v-ff0f8d67]:hover{background-color:#0000000a}.i8-nav-card img[data-v-ff0f8d67]{background-color:#d9d9d9;border-radius:7px;display:block;inset:0;object-fit:cover;position:absolute;width:100%}.i8-nav-card .title[data-v-ff0f8d67]{font-weight:700;margin-bottom:4px}.i8-nav-card .title span[data-v-ff0f8d67]:first-child{margin-right:8px}.i8-nav-card .img-hover[data-v-ff0f8d67]{display:none;inset:0;object-fit:cover;position:absolute}.i8-nav-card .img-wrap[data-v-ff0f8d67]{margin-bottom:16px;padding-top:62%;position:relative;width:100%}.i8-nav-card .img-wrap.has-hover[data-v-ff0f8d67]{position:relative}.i8-nav-card .img-wrap.has-hover:hover .img-hover[data-v-ff0f8d67]{display:block}</style> <style>.i8-nav-dropdown-content[data-v-edcd02f2]{color:var(--i8header-color-dropdown);display:flex;justify-content:center;padding:32px}.i8-nav-dropdown-content .cards[data-v-edcd02f2]{--card-columns:3;display:grid;gap:1rem;grid-template-columns:repeat(min(var(--items-count) + 1,var(--card-columns) + 1),1fr)}@media screen and (min-width:1920px){.i8-nav-dropdown-content .cards[data-v-edcd02f2]{--card-columns:4;gap:2rem}}@media screen and (min-width:2560px){.i8-nav-dropdown-content .cards[data-v-edcd02f2]{--card-columns:6}}.i8-nav-dropdown-content .card[data-v-edcd02f2]{width:100%}@media screen and (min-width:1280px){.i8-nav-dropdown-content .card[data-v-edcd02f2]{width:296px}}.i8-nav-dropdown-content .navlist[data-v-edcd02f2]{display:flex;grid-column-end:-1;grid-row-end:-1;grid-row-start:1}@media screen and (min-width:1280px){.i8-nav-dropdown-content .navlist[data-v-edcd02f2]{width:296px}}.i8-nav-dropdown-content .navlist-wrap[data-v-edcd02f2]{max-width:300px}.i8-nav-dropdown-content .navlist-wrap a[data-v-edcd02f2]{border-radius:4px;color:var(--i8header-color-dropdown);display:block;font-weight:700;padding:8px;text-decoration:none;transition:background-color .1s ease}.i8-nav-dropdown-content .navlist-wrap a span[data-v-edcd02f2]{display:inline-block;vertical-align:middle}.i8-nav-dropdown-content .navlist-wrap a span[data-v-edcd02f2]:first-child{margin-right:8px}.i8-nav-dropdown-content .navlist-wrap a[data-v-edcd02f2]:hover{background-color:#0000000a}</style> <style>.i8-header-products__label[data-v-6ff4481a]{font:var(--font-ui-14-regular);font-weight:600}.i8-header-products__icon[data-v-6ff4481a]{--icon-size:11px;margin-right:.5rem}.i8-header-products[data-v-6ff4481a] .i8-dropdown__content{background:var(--c-black_100)}.i8-header-products__content[data-v-6ff4481a]{overflow-x:hidden;width:100%}.i8-header-products__tab-controls[data-v-6ff4481a]{border-bottom:1px solid var(--c-transparent-black_200);display:flex;justify-content:center;margin:0 calc(50% - 50vw + .5px);padding:.875rem 0}.i8-header-products__tab-control[data-v-6ff4481a]{--button-font-weight:400;text-decoration:none}.i8-header-products__tab-control--active[data-v-6ff4481a]{--button-background:var(--c-transparent-black_200);--button-font-weight:600}</style> <style>.i8-dropdown[data-v-d474655a]{cursor:pointer;height:100%;position:relative;z-index:11}.i8-dropdown .i8-dropdown__label[data-v-d474655a]{align-items:center;display:flex;height:100%}.i8-dropdown .i8-dropdown__label .i8-dropdown__icon[data-v-d474655a]{margin-left:4px;margin-top:1px}.i8-dropdown .i8-dropdown__label.is-open .i8-dropdown__icon[data-v-d474655a]{transform:scaleY(-1)}.i8-dropdown .i8-dropdown__content[data-v-d474655a]{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#1d1d1d;display:none;flex-direction:column;font-size:13px;font-weight:400;left:-45px;line-height:22px;margin:0;max-height:unset;opacity:1;padding:4px 3px;position:absolute;width:150px}.i8-dropdown .i8-dropdown__content.is-open[data-v-d474655a]{display:flex}@media (max-width:768px){.i8-dropdown .i8-dropdown__content[data-v-d474655a]{border-left:1px solid #0000001a;box-shadow:none;left:0;margin-top:20px;padding-left:20px;position:relative;top:0}}</style> <style>.i8-mobile-nav[data-v-9f91c337]{background-color:#fff;border-top:1px solid var(--c-transparent-black_200);box-shadow:0 12px 24px -6px #60606026;display:flex;flex-direction:column;font-size:14px;left:0;padding:var(--i8-mobile-nav-padding,24px 20px);position:absolute;right:0}.i8-mobile-nav hr[data-v-9f91c337]{background-color:#001c331a;border:none;display:block;height:1px;margin-bottom:16px;margin-top:16px;width:100%}.i8-mobile-nav .adjective[data-v-9f91c337]{margin-bottom:10px}.i8-mobile-nav .adjective[data-v-9f91c337]:empty{display:none}.i8-mobile-nav .navlist.is-local[data-v-9f91c337],.i8-mobile-nav .navlist.is-single .header-dropdown-mobile[data-v-9f91c337] .i8-dropdown__label,.i8-mobile-nav .navlist.is-single>a[data-v-9f91c337]{font-weight:700}.i8-mobile-nav .navlist.is-single .is-mobile-pricing[data-v-9f91c337]{display:block}.i8-mobile-nav .navlist__badge[data-v-9f91c337]{text-transform:capitalize}.i8-mobile-nav .navlist[data-v-9f91c337] a,.i8-mobile-nav .navlist a[data-v-9f91c337]{color:#1a1a1a;display:block;font-size:inherit;line-height:20px;text-decoration:none}.i8-mobile-nav .navlist[data-v-9f91c337] a:not(:first-child),.i8-mobile-nav .navlist a[data-v-9f91c337]:not(:first-child){margin-top:1rem}.i8-mobile-nav .navlist[data-v-9f91c337] a span:first-child,.i8-mobile-nav .navlist a span[data-v-9f91c337]:first-child{margin-right:8px}.i8-mobile-nav .navlist[data-v-9f91c337] a.is-mobile-pricing,.i8-mobile-nav .navlist a.is-mobile-pricing[data-v-9f91c337]{display:none}.i8-mobile-nav .navlist[data-v-9f91c337] a.is-hidden,.i8-mobile-nav .navlist a.is-hidden[data-v-9f91c337]{display:none}.i8-mobile-nav .header-dropdown-mobile[data-v-9f91c337]{display:block}.i8-mobile-nav .header-dropdown-mobile[data-v-9f91c337]:not(:first-child){margin-top:1rem}.i8-mobile-nav .header-dropdown-mobile[data-v-9f91c337] .i8-dropdown__label{display:flex;justify-content:space-between;padding:0}.i8-mobile-nav .header-dropdown-mobile[data-v-9f91c337] .i8-dropdown__content{border:none;border-left:1px solid #00000014;border-radius:0;box-shadow:none;font-size:14px;margin-top:16px;padding-left:22px;position:static;width:auto}.i8-mobile-nav .signin[data-v-9f91c337]{margin-top:1.5rem}.i8-mobile-nav__item-clickable[data-v-9f91c337]:not(:first-child){margin-top:1rem}</style> <style>.i8-nav-dropdown-simple[data-v-843f411c]{--dropdown-font-weight:var(--font-semibold);--dropdown-content-width:224px;--dropdown-content-padding:8px}.i8-nav-dropdown-simple__link[data-v-843f411c]{color:var(--i8header-color-dropdown);text-decoration:none}.i8-nav-dropdown-simple__badge[data-v-843f411c]{margin-left:6px}.i8-nav-dropdown-simple__separator[data-v-843f411c]{background-color:var(--c-transparent-black_200);height:1px;margin:8px}</style> <style>.i8-header-nav[data-v-ad28c93e]{--i8-header-navlink-color:var(--i8-header-link-color,var(--i8-header-color));align-items:normal;overflow:hidden}.i8-header-nav--has-active-dropdown[data-v-ad28c93e]{overflow:visible}.i8-header-nav__link[data-v-ad28c93e]{align-items:center;border-radius:var(--i8-header-control-radius);color:var(--i8-header-navlink-color);display:flex;font:var(--font-ui-14-regular);font-weight:600;gap:4px;padding:0 .75rem;text-decoration:none;transition:background-color .1s ease;white-space:nowrap}.i8-header-nav__link[data-v-ad28c93e]:hover{background-color:var(--i8header-control-hover-background)}.i8-header-nav__link.is-pricing[data-v-ad28c93e]{margin-left:auto}.i8-header-nav__link.is-overflow[data-v-ad28c93e]{opacity:0;pointer-events:none;position:absolute}.i8-header-nav__link.is-hidden[data-v-ad28c93e]{display:none}.i8-header-nav__link--more[data-v-ad28c93e]{font-weight:400;height:28px;padding:0 8px}.i8-header-nav__more[data-v-ad28c93e]{--dropdown-content-width:fit-content}.i8-header-nav__more.is-transparent[data-v-ad28c93e]{opacity:0}.i8-header-nav__more[data-v-ad28c93e] .i8-dropdown__wrap{position:static}.i8-header-nav__more[data-v-ad28c93e] .i8-dropdown__content{min-width:140px;transform:translateX(-40px)}.i8-header-nav__more[data-v-ad28c93e] .i8-dropdown__label{font-size:14px;font-weight:600;line-height:1}.i8-header-nav__dropdown.is-overflow[data-v-ad28c93e]{opacity:0;pointer-events:none;position:absolute}.i8-navigation[data-v-ad28c93e]{display:none}@media screen and (min-width:1024px){.i8-navigation[data-v-ad28c93e]{display:flex}}</style> <style>.i8-burger-box[data-v-6a2d5178]{cursor:pointer;height:18px;position:relative;width:20px}.i8-burger-inner[data-v-6a2d5178]:after,.i8-burger-inner[data-v-6a2d5178]:before{content:""}.i8-burger-inner[data-v-6a2d5178],.i8-burger-inner[data-v-6a2d5178]:after,.i8-burger-inner[data-v-6a2d5178]:before{background-color:#1a1a1a;height:2px;position:absolute;width:100%}.i8-burger-inner[data-v-6a2d5178]{top:calc(50% - 1px)}.i8-burger-inner[data-v-6a2d5178]:before{top:-7px}.i8-burger-inner[data-v-6a2d5178]:after{bottom:-7px}.i8-burger-inner[data-v-6a2d5178]{transition:transform .2s ease}.i8-burger-inner[data-v-6a2d5178]:before{transition:top .1s ease .12s,opacity .1s ease}.i8-burger-inner[data-v-6a2d5178]:after{transition:bottom .1s ease .12s,transform .1s ease}.is-active .i8-burger-inner[data-v-6a2d5178]{transform:rotate(45deg);transition:transform .1s ease .12s}.is-active .i8-burger-inner[data-v-6a2d5178]:before{opacity:0;top:0;transition:top .1s ease,opacity .1s ease .12s}.is-active .i8-burger-inner[data-v-6a2d5178]:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease,transform .1s ease .12s}</style> <style>.i8-flag{height:var(--flag-size,16px);width:var(--flag-size,16px)}</style> <style>.language-option[data-v-7ac71762]{align-items:center;color:inherit;display:flex;text-decoration:none;width:100%}.text[data-v-7ac71762]{white-space:nowrap}.text__chosen[data-v-7ac71762]{font-weight:var(--font-semibold)}.option-flag[data-v-7ac71762]{--flag-size:16px}</style> <style>.i8-language-select{--dropdown-item-font:var(--font-ui-14-regular);--dropdown-content-width:auto;--dropdown-content-maxheight:auto}.option-flag{margin-right:8px}.checkmark{margin-left:20px}.current-flag{--flag-size:20px}</style> <style>.language-select[data-v-47d5e5d9]{--dropdown-content-left:50%;--dropdown-content-transform:translate(-50%)}.i8-menu-language[data-v-47d5e5d9]{position:relative}.i8-menu-language .languages[data-v-47d5e5d9]{background:#fff;border:1px solid #f7f7f7;border-radius:4px;box-shadow:0 0 1px #6060604f,0 12px 24px -6px #60606026;padding:12px 8px;width:144px}.i8-menu-language .languages.has-flags[data-v-47d5e5d9]{width:160px}.i8-menu-language .language-target[data-v-47d5e5d9]{align-items:center;cursor:pointer;display:flex;outline:0}.i8-menu-language .language-target img[data-v-47d5e5d9]{display:inline-block;height:20px;vertical-align:middle;width:20px}.i8-menu-language .language[data-v-47d5e5d9]{align-items:center;border-radius:4px;color:#1a1a1a;display:flex;font-size:14px;font-weight:400;letter-spacing:-.006em;line-height:20px;padding:4px 8px;text-decoration:none;transition:background .1s ease}.i8-menu-language .language[data-v-47d5e5d9]:hover{background:#00000008}.i8-menu-language .language.is-active[data-v-47d5e5d9]{font-weight:600}.i8-menu-language .language img[data-v-47d5e5d9]{display:block;flex-shrink:0;height:16px;margin-right:8px;width:16px}.i8-menu-language .language .icon-check[data-v-47d5e5d9]{display:block;height:16px;margin-left:auto;width:16px}</style> <style>.i8-header[data-v-b107ed8a]{--i8-header-elements-gap:0.75rem;--i8-header-color:var(--i8-header-custom-color,#1a1a1a);--i8-header-content-padding:1.25rem;--i8-header-control-radius:4px;--i8-header-height:60px;--i8header-control-hover-background:#0000000a;--dropdown-toggle-pseudo-background-color:var(--i8-header-color);color:var(--i8-header-color);position:relative;z-index:500}@media screen and (min-width:1024px){.i8-header[data-v-b107ed8a]{--i8-header-elements-gap:1.75rem;--i8-header-content-padding:0.875rem 1.5rem}}.i8-header.has-dropdown[data-v-b107ed8a],.i8-header.mobile-open[data-v-b107ed8a]{background:#fff}.i8-header__content[data-v-b107ed8a]{align-items:stretch;display:flex;gap:var(--i8-header-elements-gap);max-height:3.75rem;padding:var(--i8-header-content-padding)}.i8-header__links[data-v-b107ed8a]{flex-grow:1;margin-left:.5rem}.i8-header__controls[data-v-b107ed8a]{display:flex;margin-left:auto}.i8-header__products-trigger[data-v-b107ed8a]{display:none;margin-left:auto;margin-right:-.5rem}@media screen and (min-width:1024px){.i8-header--product .i8-header__products-trigger[data-v-b107ed8a]{display:block}}.i8-header__language[data-v-b107ed8a]{--dropdown-height:1.25rem;margin-left:auto}@media screen and (min-width:1024px){.i8-header__language[data-v-b107ed8a]{--dropdown-height:2rem}}.i8-header__login[data-v-b107ed8a]{display:none!important}@media screen and (min-width:1024px){.i8-header__login[data-v-b107ed8a]{display:flex!important}}.i8-header__burger[data-v-b107ed8a]{align-self:center;display:block}@media screen and (min-width:1024px){.i8-header__burger[data-v-b107ed8a]{display:none}}.i8-header__mobile-nav[data-v-b107ed8a]{display:none}@media screen and (max-width:1024px){.i8-header__mobile-nav.is-open[data-v-b107ed8a]{display:block}}</style> <style>@font-face{font-display:swap;font-family:Press Start\ 2P;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivM.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.game-outer-container{border-radius:36px;box-sizing:border-box;left:50%;margin:0 auto;max-width:100%;overflow:hidden;position:absolute;top:32px;transform:translateX(-50%);width:700px;z-index:200}.game-container{border-radius:24px;overflow:hidden;position:relative}.game-container,.grid-overlay{box-sizing:border-box;width:100%}.grid-overlay{border-radius:36px;height:100%;left:0;pointer-events:none;position:absolute;top:0;z-index:6}.grid-overlay img{height:100%;object-fit:cover;width:100%}.game-frame{border:10px solid #292929;border-radius:36px;box-shadow:0 4px 4px 0 #000,0 4px 4px 0 #000,0 4px 4px 0 #000;top:0;z-index:40}.game-frame,.game-frame-shadow{box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.game-frame-shadow{border:10px solid #323232;border-radius:36px;filter:blur(.5px);opacity:.15;top:3px;z-index:39}#game-area{background:linear-gradient(180deg,#a3a4a2,#afb1af);border:none;border-radius:36px;box-shadow:0 .5px 0 1px #ffbebe4d,0 -.5px 0 1px #22020240,0 2px 6px 0 #ffffff40,0 -2px 6px 0 #520e0e59,0 -.5px 2px 0 #23000066,0 .5px 2px 0 #ffbebe99;box-sizing:border-box;height:340px;overflow:hidden;position:relative;width:100%;z-index:2}.bird{height:50px!important;left:50px;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center center;width:50px!important;z-index:4}.bird img{height:100%;object-fit:contain;width:100%}.demo-bird{animation:none!important}@keyframes float{0%,to{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-55px) rotate(5deg)}}.pipe{background-color:initial;border:3px solid #494c49;box-shadow:-2px 6px 0 0 #3a3a3a1a;position:absolute;width:60px;z-index:3}.pipe-top{border-top:none;top:0}.pipe-bottom{border-bottom:none;bottom:0}#score{font-size:16px;left:auto;right:32px;text-align:right}#brand-text,#score{color:#494c49;filter:drop-shadow(-2px 4px 0 rgba(58,58,58,.1));font-family:Press Start\ 2P,monospace;font-weight:700;position:absolute;top:32px;z-index:5}#brand-text{font-size:12px;left:32px;text-align:left}#game-over,#start-message{background-color:#f0f0f0;border:none;border-radius:4px;box-shadow:-2px 6px 0 0 #3a3a3a1a;color:#787878;left:0;margin:0 20px;padding:15px;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);z-index:5}#game-over,#game-over span,#start-message,#start-message span{font-family:Press Start\ 2P,monospace;font-size:12px;font-weight:400;line-height:1.5}.hidden{display:none}.home-button{align-items:center;background:#1fb141;border-radius:4px;color:#fff;display:inline-flex;flex-direction:column;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;gap:8px;letter-spacing:-.084px;line-height:20px;padding:10px 18px;text-align:center;text-decoration:none;transition:background-color .3s}.home-button:hover{background-color:#19a037}.test-object-container{margin:40px auto 80px}.test-object,.test-object-container{box-sizing:border-box;max-width:100%;position:relative}.test-object{align-items:center;background:linear-gradient(155deg,#f44f43 11.26%,#dc3939 81.57%);border-radius:68px;box-shadow:inset 0 -3px 2px 0 #41090959,inset 0 -8px 11.1px 0 #ae1515,inset 0 1px 1px 0 #fff9f940,inset 0 4px 6px 0 #ffd1d180;display:flex;height:520px;justify-content:center;margin:0 auto;width:764px;z-index:1}.test-object p{color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 4px #00000080}.mobile-home-button{align-items:center;background:#1fb141;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;flex-direction:column;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;gap:8px;letter-spacing:-.084px;line-height:20px;margin:32px auto 0;padding:10px 18px;position:relative;text-align:center;z-index:300}@media (max-width:768px){.speaker-frame{display:flex;gap:8px;height:36px;right:0!important;top:360px!important;width:48px;z-index:50}.container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:15px;width:100%}.game-outer-container{border-radius:24px;box-sizing:border-box;left:50%;margin:0;padding:16px;position:absolute;top:0;transform:translateX(-50%);width:100%}.test-object{align-items:center;background:linear-gradient(155deg,#f44f43 11.26%,#dc3939 81.57%);border-radius:40px;box-shadow:inset 0 -3px 2px 0 #41090959,inset 0 -8px 11.1px 0 #ae1515,inset 0 1px 1px 0 #fff9f940,inset 0 4px 6px 0 #ffd1d180;display:flex;height:456px;justify-content:center;padding:0;position:relative;width:100%}.test-object-container{margin:0 auto;width:100%}.frame-48098629{display:block}.device-button{display:none}h1{font-size:42px;line-height:48px}p{font-size:14px;line-height:20px}#game-area{height:290px}#game-area,.game-frame,.game-frame-shadow{border-radius:24px}#game-over,#start-message{font-size:10px;padding:10px}.bird{height:50px;width:50px}.test-object-container{margin-bottom:32px;margin-top:16px}.mobile-home-button{display:inline-flex;margin:0 auto 32px}.attribution-text{margin:24px auto}#loading-screen{border-radius:24px;height:290px}.loading-content{gap:16px;transform:translateY(0)}.loading-text{font-size:14px}}@media (max-width:480px){.speaker-frame{display:flex;gap:8px;height:36px;right:32px;top:320px;width:48px;z-index:50}h1{font-size:36px;line-height:40px}.game-outer-container{top:0}.bird{height:50px}.bird,.pipe{width:50px}}@media (max-width:380px){.speaker-frame{display:none!important}}.speaker-frame{display:flex;gap:8px;height:36px;position:absolute;right:45%;top:426px;transform:translateX(-50%);width:48px;z-index:50}.speaker-bar{background:radial-gradient(circle,#555 0,#141415 100%);border-radius:1000px;height:40px;position:relative;transform:rotate(30deg);transform-origin:center;width:4px}.speaker-bar:before{background:url(noise.png);bottom:0;left:0;opacity:.35;right:0;top:0;transform:rotate(180deg)}.speaker-bar:after,.speaker-bar:before{border-radius:inherit;content:"";position:absolute}.speaker-bar:after{box-shadow:inset 0 2px 1px #1e1607cc,0 -3px 4px #520e0e66,0 -.5px 0 #22020240,0 3px 4px #ffffff59,0 .5px 0 #fff3;inset:0}.device-button{background:linear-gradient(180deg,#3f3f3f,#141415);bottom:38px;box-shadow:0 1px 0 0 #fff3,0 2px 6px 0 #ffffff40,0 -1px 0 0 #22020240,0 -2px 6px 0 #520e0e59,inset 0 -4px 4px 0 #080303,inset 0 -14px 14px 0 #08030333,inset 0 14px 14px 0 #ffedeb33,inset 0 4px 4px 0 #ffffff40;color:#ffffffe6;cursor:pointer;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;letter-spacing:-.09px;line-height:24px;padding:28px 48px;position:absolute;right:32px;text-decoration:none;text-shadow:0 -1px 2px #00000026,0 1px 2px #ffffff26;transition:transform .2s ease}.device-button,.device-button:active{border:1px solid #1a0c0b00;border-radius:500px}.device-button:active{background:linear-gradient(180deg,#242424,#141415);box-shadow:inset 0 9px 6px 0 #000000b3,inset 0 -7px 6.3px 0 #00000040,0 1px 0 0 #fff3,0 2px 6px 0 #ffffff40,0 -1px 0 0 #22020240,0 -2px 6px 0 #520e0e59,inset 0 -4px 4px 0 #080303,inset 0 -14px 14px 0 #08030333,inset 0 14px 14px 0 #ffedeb0d,inset 0 4px 4px 0 #ffffff1a;color:#fffc}.frame-48098629{bottom:4px;height:144px;left:16px;position:absolute;width:252px;z-index:10}.frame-48098629>img{height:100%;object-fit:contain;width:100%}.frame-union{align-items:center;display:flex;height:104px;justify-content:space-between;left:12px;padding:12px;position:absolute;top:19px;width:228px}.device-button-circle{align-items:center;background:radial-gradient(123.34% 89.38% at 50% 50%,#555 0,#141415 100%);border:3px solid #1a0c0b00;border-radius:1000px;box-shadow:0 1px 0 0 #fff3,0 3px 4px 0 #ffffff59,0 -1px 0 0 #22020240,0 -3px 4px 0 #520e0e66,inset 0 3px 2px 0 #ffffff40,inset 0 -3px 2px 0 #1e1607;cursor:pointer;display:flex;height:80px;justify-content:center;padding:0;transition:transform .2s ease;width:80px}.device-button-circle:active{background:radial-gradient(200.11% 145% at 50% 50%,#434343 0,#0e0e0f 100%);border:3px solid #1a0c0b00;border-radius:1000px;box-shadow:inset 0 9px 6px 0 #00000080,inset 0 -7px 6.3px 0 #00000040,0 1px 0 0 #fff3,0 3px 4px 0 #ffffff59,0 -1px 0 0 #22020240,0 -3px 4px 0 #520e0e66,inset 0 3px 2px 0 #ffffff0d,inset 0 -3px 2px 0 #1e1607}.device-button-circle:active img{opacity:.8}.device-button-circle img{height:32px;object-fit:contain;width:32px}.attribution-text{box-sizing:border-box;color:#00000042;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.084px;line-height:20px;margin:24px auto;max-width:764px;padding:0 16px;position:relative;text-align:center;width:100%}.attribution-text a{border-bottom:1px solid #00000042;color:#00000042;text-decoration:none;transition:border-color .2s ease}.attribution-text a:hover{border-bottom-color:#000000b3;text-decoration:none}#loading-screen{align-items:center;background:linear-gradient(180deg,#a3a4a2,#afb1af);border-radius:36px;display:flex;height:340px;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:opacity .15s ease-out;width:100%;z-index:4}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px;transform:translateY(-10px)}.loading-bird{animation:loadingFloat 2s ease-in-out infinite}.loading-text{color:#494c49;filter:drop-shadow(-2px 4px 0 rgba(58,58,58,.1));font-family:Press Start\ 2P,monospace;font-size:16px}.loading-dots{display:flex;gap:8px}.dot{animation:dotPulse 1.4s infinite;background-color:#494c49;border-radius:50%;height:8px;opacity:.3;width:8px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes loadingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}</style> <style>@keyframes spin-8546e9b9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-page[data-v-8546e9b9]{-webkit-font-smoothing:antialiased;background:#fff;font-size:14px}.container[data-v-8546e9b9]{margin:0 auto;max-width:844px;padding:0 40px;text-align:center}@media (max-width:768px){.container[data-v-8546e9b9]{padding:0 20px}}.error-image[data-v-8546e9b9]{margin:128px auto 28px}@media (max-width:1024px){.error-image[data-v-8546e9b9]{margin-top:123px}}@media (max-width:500px){.error-image[data-v-8546e9b9]{margin-top:42px}}.error-image img[data-v-8546e9b9]{display:block;height:auto;margin:auto;max-width:185px}.error-header[data-v-8546e9b9]{color:#333;font-size:56px;font-weight:900;letter-spacing:-1.3px;line-height:64px;margin:40px 0 0;text-align:center;text-transform:uppercase}@media (max-width:500px){.error-header[data-v-8546e9b9]{font-size:48px;line-height:1.5;margin-bottom:8px}}.description[data-v-8546e9b9]{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:16px 0 32px;text-align:center}@media (max-width:500px){.description[data-v-8546e9b9]{display:block;margin:0 auto 32px;max-width:240px;text-align:center}}.error-link[data-v-8546e9b9]{background:#1fb141;color:#fff;display:block;font-size:20px;height:80px;line-height:80px;margin:0 auto 169px;text-align:center;text-decoration:none;transition:all .3s;width:220px}@media (max-width:500px){.error-link[data-v-8546e9b9]{margin-bottom:64px}}.error-link[data-v-8546e9b9]:hover{background:#1d9c3b}</style> <link rel="stylesheet" href="https://maxst.icons8.com/_nuxt/landings/entry.0b5bf7e3.css"> <link rel="stylesheet" href="https://maxst.icons8.com/_nuxt/landings/SupportChat.438a7fda.css"> <link rel="stylesheet" href="https://maxst.icons8.com/_nuxt/landings/I8Modal.4311f099.css"> <link rel="stylesheet" href="https://maxst.icons8.com/_nuxt/landings/I8FileInput.b60e4032.css"> <link rel="stylesheet" href="https://maxst.icons8.com/_nuxt/landings/I8Link.3ac0bb46.css"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/entry.1927c4bb.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/vue.a76fdd08.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/i18n.88d3a39f.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/libs.e109287f.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/iconizer-landings.3fa6056a.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/vuex.store-CMp4WW3c.b4721954.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/SupportChat.495564d3.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8AuthModal.3791dc3f.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8Modal.f5d59fbe.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/helper.2080dfed.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8AuthForm.0b65acf9.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/GoogleOneTapSignIn.2daa3da6.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/_effect_.2ba38bb1.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/api-seo.9d648b4a.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/api-product.2ca12b5a.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8FileInput.dcecc173.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8Link.9a06f887.js"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/summary.f70518eb.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/IconPlaceholder.fce3cba0.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/ModalsController.7ec6fcef.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/SmallModal.8650572a.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/I8RadioButton.9662c911.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/TeamPaypalModal.b7d6af1b.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/I8TabGroup.8710c2fa.css"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/summary.ad10c18f.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/usePayments.6eadab89.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/index.cbf83a6c.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/index.6c3f7ccd.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/dayjs.min.3be885a7.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/useSubscribe.b3e01977.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/team.f83e5256.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/IconPlaceholder.6c7fce56.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ModalsController.1e9582f0.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/SmallModal.2d1c2f01.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8RadioButton.bbae59ed.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/appSvgIcon.6a2e8961.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ProfileErrorModal.a5e18ef2.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/TeamPaypalModal.51269ecd.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ConfirmModal.380d5b94.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/TeamGithubModal.b7d180f4.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8TabGroup.fa56fdaa.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/about.466f30ae.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/app.5247bb6e.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/default.0ac4ddf6.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/freebie-of-the-day.2199c7be.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/line-awesome.c79dde23.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/lunacy-2.d7644f47.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/main-landing.56628578.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/mega-creator.34fbd835.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/primary-landings.391eeeea.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/profile-landing.ad6a30f5.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/tools.4a62aaa7.js"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/I8NotifyControls.49db9311.css"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8NotifyControls.bcc15748.js"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/index.de7e001c.css"> <link rel="prefetch" as="style" href="https://maxst.icons8.com/_nuxt/landings/I8Checkbox.0fa15d48.css"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/index.ac46b434.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/paper.81e2f171.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8Checkbox.fa3f6436.js"> <script type="module" src="https://maxst.icons8.com/_nuxt/landings/entry.1927c4bb.js" crossorigin></script> <script id="unhead:payload" type="application/json">{"title":"Download free icons, music, stock photos, vectors"}</script></head> <body ><div id="__nuxt"><div class="primary-landings-layout" data-v-7cc15557><header class="i8-header" data-v-7cc15557 data-v-b107ed8a><div class="i8-header__content" data-v-b107ed8a><a href="/" class="i8-header-logo logo" title="Icons8" data-v-b107ed8a data-v-2e158c8b><img src="https://goodies.icons8.com/web/common/header/logo/logo-iconizer.svg" alt="Icons8" class="icon" data-v-2e158c8b><span class="text" data-v-2e158c8b>Icons8</span></a><div class="i8-header-nav i8-navigation i8-header__links" data-v-b107ed8a data-v-ad28c93e><div class="i8-dropdown i8-nav-dropdown i8-header-nav__dropdown" data-v-ad28c93e data-v-81cb3f59><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><span><div class="i8-dropdown__text" data-v-81cb3f59>Icons</div></span><div class="i8-dropdown__toggle"></div></div><div class="i8-dropdown__content"><div class="dropdown-container" data-v-81cb3f59><div class="i8-nav-dropdown-content" data-v-ad28c93e data-v-edcd02f2><div class="cards" style="--items-count:5;" data-v-edcd02f2><a href="https://icons8.de/icons" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Icons" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Icons</span></div><div class="desc" data-v-ff0f8d67>PNG und SVG Icons in 47 verschiedenen Stilen</div></a><a href="/app/windows-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app/macos-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Plugins" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Plugins</span></div><div class="desc" data-v-ff0f8d67>Ziehe Icons per Drag & Drop in andere Apps</div></a><a href="/iconizer" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Iconizer" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Iconizer</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Bearbeite SVG-Icons völlig ohne Tech-Skills</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://icons8.de/icons/family-animated--animated" data-v-edcd02f2><span data-v-edcd02f2>Animierte Icons</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="/line-awesome" class="" data-v-edcd02f2><span data-v-edcd02f2>Line Awesome</span></a><a href="https://icons8.de/icon/set/emoji/emoji" data-v-edcd02f2><span data-v-edcd02f2>Emoji Icons</span></a><a href="https://icons8.de/icons/fluency" data-v-edcd02f2><span data-v-edcd02f2>Windows 11 Color Icons</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="https://icons8.de/icons/glyph-neue" data-v-edcd02f2><span data-v-edcd02f2>Glyph Neue</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="https://icons8.de/icons/ios-glyphs" data-v-edcd02f2><span data-v-edcd02f2>iOS Glyph Icons</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a></div></div></div></div></div></div></div></div><div class="i8-dropdown i8-nav-dropdown i8-header-nav__dropdown" data-v-ad28c93e data-v-81cb3f59><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><span><div class="i8-dropdown__text" data-v-81cb3f59>Grafiken</div></span><div class="i8-dropdown__toggle"></div></div><div class="i8-dropdown__content"><div class="dropdown-container" data-v-81cb3f59><div class="i8-nav-dropdown-content" data-v-ad28c93e data-v-edcd02f2><div class="cards" style="--items-count:7;" data-v-edcd02f2><a href="https://icons8.de/illustrations" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Ouch!" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Ouch!</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Vektorgrafiken von Top-Dribble-Grafikern</div></a><a href="https://icons8.de/mega-creator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mega Creator" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mega Creator</span></div><div class="desc" data-v-ff0f8d67>Erstelle Designs mit hochwertigen Grafiken aus der Drag & Drop-Bibliothek</div></a><a href="https://icons8.de/l/animations/" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap has-hover" data-v-ff0f8d67><img alt="Animierte Grafiken" loading="lazy" data-v-ff0f8d67><img src="https://maxcdn.icons8.com/download/misc/icons8-header/animated-illlustrations-cover.gif" alt="Animierte Grafiken" class="img-hover" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Animierte Grafiken</span></div><div class="desc" data-v-ff0f8d67>Bewegte Bilder, um deine Designs aufzupeppen</div></a><a href="https://icons8.de/illustration-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Illustration Generator" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Illustration Generator</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Erstelle einheitliche Grafiken in einzigartigen Stilen</div></a><a href="/app/windows-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app/macos-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Plugins" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Plugins</span></div><div class="desc" data-v-ff0f8d67>Ziehe Grafiken per Drag & Drop in andere Apps</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://icons8.de/illustrations/styles" data-v-edcd02f2><span data-v-edcd02f2>Alle Stile</span></a><a href="https://icons8.de/illustrations/styles/3d" data-v-edcd02f2><span data-v-edcd02f2>3D-Grafiken</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="https://icons8.de/illustrations/styles/universal-1" data-v-edcd02f2><span data-v-edcd02f2>Universelle Grafiken</span></a><a href="https://icons8.de/illustrations/styles/trendy" data-v-edcd02f2><span data-v-edcd02f2>Trendige Grafiken</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a><a href="https://icons8.de/illustrations/education" data-v-edcd02f2><span data-v-edcd02f2>Bildungsgrafiken</span></a><a href="https://icons8.de/illustrations/business" data-v-edcd02f2><span data-v-edcd02f2>Businessgrafiken</span></a><a href="https://icons8.de/threedio" data-v-edcd02f2><span data-v-edcd02f2>Threedio</span></a></div></div></div></div></div></div></div></div><div class="i8-dropdown i8-nav-dropdown i8-header-nav__dropdown" data-v-ad28c93e data-v-81cb3f59><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><span><div class="i8-dropdown__text" data-v-81cb3f59>Künstliche Intelligenz</div></span><div class="i8-dropdown__toggle"></div></div><div class="i8-dropdown__content"><div class="dropdown-container" data-v-81cb3f59><div class="i8-nav-dropdown-content" data-v-ad28c93e data-v-edcd02f2><div class="cards" style="--items-count:6;" data-v-edcd02f2><a href="https://generated.photos/genyou" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="GenYOU" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>GenYOU</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Erstelle Fotos derselben Person mit Hunderten Variationen</div></a><a href="https://generated.photos/human-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Human Generator" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Human Generator</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Der fortschrittlichste Generator für Ganzkörperfotos von Menschen</div></a><a href="https://generated.photos/face-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Face Generator" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Face Generator</span></div><div class="desc" data-v-ff0f8d67>Einzigartige, expressive KI-generierte Gesichter in Echtzeit erstellen</div></a><a href="https://icons8.de/illustration-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Illustration Generator" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Illustration Generator</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Erstelle einheitliche Grafiken in einzigartigen Stilen</div></a><a href="https://icons8.de/swapper" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Face Swapper" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Face Swapper</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Tausche Gesichter in höchster Qualität</div></a><a href="https://icons8.de/upscaler" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Smart Upscaler" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Smart Upscaler</span></div><div class="desc" data-v-ff0f8d67>Nutze KI für bessere Bildauflösung</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://generated.photos/faces" data-v-edcd02f2><span data-v-edcd02f2>Generierte Gesichter</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a><a href="https://generated.photos/humans" data-v-edcd02f2><span data-v-edcd02f2>Körper in voller Größe</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="https://generated.photos/anonymizer" data-v-edcd02f2><span data-v-edcd02f2>AI Anonymizer</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a><a href="https://icons8.de/bgremover" data-v-edcd02f2><span data-v-edcd02f2>Background Remover</span></a><a href="https://generated.photos/datasets" data-v-edcd02f2><span data-v-edcd02f2>Datensätze</span></a><a href="https://generated.photos/api" data-v-edcd02f2><span data-v-edcd02f2>Generated Photos API</span></a><a href="https://developers.icons8.com/docs/upscaler" data-v-edcd02f2><span data-v-edcd02f2>Smart Upscaler API</span></a><a href="https://developers.icons8.com/docs/bgRemover" data-v-edcd02f2><span data-v-edcd02f2>Background Remover API</span></a></div></div></div></div></div></div></div></div><div class="i8-dropdown i8-nav-dropdown i8-header-nav__dropdown" data-v-ad28c93e data-v-81cb3f59><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><span><div class="i8-dropdown__text" data-v-81cb3f59>Fotos</div></span><div class="i8-dropdown__toggle"></div></div><div class="i8-dropdown__content"><div class="dropdown-container" data-v-81cb3f59><div class="i8-nav-dropdown-content" data-v-ad28c93e data-v-edcd02f2><div class="cards" style="--items-count:7;" data-v-edcd02f2><a href="https://icons8.de/photos" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Moose" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Moose</span></div><div class="desc" data-v-ff0f8d67>Studio-Stockfotos</div></a><a href="/app/macos-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app/windows-pichon" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Mac- und Windows-Apps" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac- und Windows-Apps</span></div><div class="desc" data-v-ff0f8d67>Schnelle native Apps mit Icons, Grafiken und Fotos</div></a><a href="/app" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Plugins" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Plugins</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Ziehe Fotos per Drag & Drop in andere Apps</div></a><a href="https://icons8.de/swapper" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Face Swapper" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Face Swapper</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>neu</span></div><div class="desc" data-v-ff0f8d67>Tausche Gesichter in höchster Qualität</div></a><a href="https://icons8.de/upscaler" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Smart Upscaler" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Smart Upscaler</span></div><div class="desc" data-v-ff0f8d67>Verbesserte Bildauflösung mit KI</div></a><a href="https://icons8.de/bgremover" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="Background Remover" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Background Remover</span></div><div class="desc" data-v-ff0f8d67>Entferne den Hintergrund von jedem Foto</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://generated.photos/human-generator" data-v-edcd02f2><span data-v-edcd02f2>Human Generator</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>neu</span></a><a href="https://generated.photos/face-generator" data-v-edcd02f2><span data-v-edcd02f2>Face Generator</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a><a href="https://generated.photos" data-v-edcd02f2><span data-v-edcd02f2>KI Generated Photos</span></a><a href="https://generated.photos/anonymizer" data-v-edcd02f2><span data-v-edcd02f2>AI Anonymizer</span></a><a href="https://icons8.de/photos/transparent" data-v-edcd02f2><span data-v-edcd02f2>Transparentes PNG</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>beliebt</span></a><a href="https://icons8.de/mega-creator" data-v-edcd02f2><span data-v-edcd02f2>Mega Creator</span></a></div></div></div></div></div></div></div></div><a title="Musik" href="https://icons8.de/music" class="i8-header-nav__link" data-v-ad28c93e> Musik</a><a href="/lunacy" class="i8-header-nav__link" title="Lunacy" data-v-ad28c93e> Lunacy</a><a title="Blog" target="_blank" href="https://blog.icons8.com/" class="i8-header-nav__link" data-v-ad28c93e> Blog</a><a href="/pricing" class="is-pricing i8-header-nav__link" title="Preise" data-v-ad28c93e> Preise</a><div class="i8-dropdown i8-header-nav__more" style="display:none;" data-v-ad28c93e><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><span class="i8-dropdown__text">Mehr</span><div class="i8-dropdown__toggle"></div></div><div class="i8-dropdown__content"></div></div></div></div><div class="i8-dropdown i8-language-select language-select i8-header__language header-language" data-v-b107ed8a data-v-47d5e5d9><div class="i8-dropdown__wrap"><div class="i8-dropdown__label" tabindex="0"><div class="i8-flag current-flag"><img src="https://goodies.icons8.com/web/common/header/flags/de.svg" alt="flag" class="i8-flag" loading="lazy"></div></div><div class="i8-dropdown__content"><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.com/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/us.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>English</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://igoutu.cn/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/zh.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>简体中文</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icones8.fr/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/fr.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Français</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.de/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/de.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text__chosen text" data-v-7ac71762>Deutsch</span><div class="i8-icon checkmark" style="--icon-color:;" data-v-7ac71762><svg class="i8-icon-path" preserveaspectratio="none" viewbox="0 0 16 16"><path d="M14.5 2.79297L5.5 11.793L1.85156 8.14844L1.5 7.79297L0.792969 8.5L1.14844 8.85156L5.5 13.207L15.207 3.5L14.5 2.79297Z" style="height:100%;"></path></svg></div></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.it/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/it.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Italiano</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.jp/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/ja.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>日本語</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.com.br/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/br.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Português</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.ru/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/ru.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Русский</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://iconos8.es/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/es.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Español</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.kr/iconizer/background" class="language-option" data-v-7ac71762><div class="i8-flag option-flag" data-v-7ac71762><img src="https://goodies.icons8.com/web/common/header/flags/ko.svg" alt="flag" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>한국어</span></a></div></div></div></div><div class="i8-loader user-loading i8-header__login" style="width:20px;height:20px;border:2px solid rgba(153, 153, 153, 0.8);border-top-color:rgba(153, 153, 153, 0.2);" data-v-b107ed8a data-v-f7ca243f data-v-e815499a></div><div class="i8-burger i8-header__burger burger" data-v-b107ed8a data-v-6a2d5178><div class="i8-burger-box" data-v-6a2d5178><div class="i8-burger-inner" data-v-6a2d5178></div></div></div></div><span data-v-b107ed8a></span><div id="g_id_prompt_container" data-v-b107ed8a></div></header><div class="iconizer-page" data-v-2d693843><div class="header" data-v-2d693843><h1 class="header__title" data-v-2d693843>Hintergrund hinzufügen</h1><h2 class="header__subtitle" data-v-2d693843>Fülle den Hintergrund eines Icons mit einer Farbe oder einem Farbverlauf.</h2></div><div class="menu" data-v-2d693843><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M6.5 0C2.91406 0 0 2.91406 0 6.5V7C0 8.09766 0.902344 9 2 9H2.5C3.33594 9 4 9.66406 4 10.5V11C4 12.0977 4.90234 13 6 13H6.5C10.0859 13 13 10.0859 13 6.5C13 2.91406 10.0859 0 6.5 0ZM6.5 1C9.54297 1 12 3.45703 12 6.5C12 9.54297 9.54297 12 6.5 12H6C5.44141 12 5 11.5586 5 11V10.5C5 9.125 3.875 8 2.5 8H2C1.44141 8 1 7.55859 1 7V6.5C1 3.45703 3.45703 1 6.5 1ZM6 2C5.44922 2 5 2.44922 5 3C5 3.55078 5.44922 4 6 4C6.55078 4 7 3.55078 7 3C7 2.44922 6.55078 2 6 2ZM9 3C8.44922 3 8 3.44922 8 4C8 4.55078 8.44922 5 9 5C9.55078 5 10 4.55078 10 4C10 3.44922 9.55078 3 9 3ZM3 4C2.44922 4 2 4.44922 2 5C2 5.55078 2.44922 6 3 6C3.55078 6 4 5.55078 4 5C4 4.44922 3.55078 4 3 4ZM10 6C9.44922 6 9 6.44922 9 7C9 7.55078 9.44922 8 10 8C10.5508 8 11 7.55078 11 7C11 6.44922 10.5508 6 10 6ZM8 9C7.44922 9 7 9.44922 7 10C7 10.5508 7.44922 11 8 11C8.55078 11 9 10.5508 9 10C9 9.44922 8.55078 9 8 9Z" style="height:100%;"></path></svg></div>Farbe </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M1.5 0C1.22266 0 1 0.222656 1 0.5C1 0.777344 1.22266 1 1.5 1C1.77734 1 2 0.777344 2 0.5C2 0.222656 1.77734 0 1.5 0ZM3.5 0C3.22266 0 3 0.222656 3 0.5C3 0.777344 3.22266 1 3.5 1C3.77734 1 4 0.777344 4 0.5C4 0.222656 3.77734 0 3.5 0ZM5.5 0C5.22266 0 5 0.222656 5 0.5C5 0.777344 5.22266 1 5.5 1C5.77734 1 6 0.777344 6 0.5C6 0.222656 5.77734 0 5.5 0ZM7.5 0C7.22266 0 7 0.222656 7 0.5C7 0.777344 7.22266 1 7.5 1C7.77734 1 8 0.777344 8 0.5C8 0.222656 7.77734 0 7.5 0ZM9.5 0C9.22266 0 9 0.222656 9 0.5C9 0.777344 9.22266 1 9.5 1C9.77734 1 10 0.777344 10 0.5C10 0.222656 9.77734 0 9.5 0ZM11.5 0C11.2227 0 11 0.222656 11 0.5C11 0.777344 11.2227 1 11.5 1C11.7773 1 12 0.777344 12 0.5C12 0.222656 11.7773 0 11.5 0ZM0.5 1C0.222656 1 0 1.22266 0 1.5C0 1.77734 0.222656 2 0.5 2C0.777344 2 1 1.77734 1 1.5C1 1.22266 0.777344 1 0.5 1ZM12.5 1C12.2227 1 12 1.22266 12 1.5C12 1.77734 12.2227 2 12.5 2C12.7773 2 13 1.77734 13 1.5C13 1.22266 12.7773 1 12.5 1ZM0.5 3C0.222656 3 0 3.22266 0 3.5C0 3.77734 0.222656 4 0.5 4C0.777344 4 1 3.77734 1 3.5C1 3.22266 0.777344 3 0.5 3ZM12.5 3C12.2227 3 12 3.22266 12 3.5C12 3.77734 12.2227 4 12.5 4C12.7773 4 13 3.77734 13 3.5C13 3.22266 12.7773 3 12.5 3ZM0.5 5C0.222656 5 0 5.22266 0 5.5C0 5.77734 0.222656 6 0.5 6C0.777344 6 1 5.77734 1 5.5C1 5.22266 0.777344 5 0.5 5ZM12.5 5C12.2227 5 12 5.22266 12 5.5C12 5.77734 12.2227 6 12.5 6C12.7773 6 13 5.77734 13 5.5C13 5.22266 12.7773 5 12.5 5ZM0.5 7C0.222656 7 0 7.22266 0 7.5C0 7.77734 0.222656 8 0.5 8C0.777344 8 1 7.77734 1 7.5C1 7.22266 0.777344 7 0.5 7ZM12.5 7C12.2227 7 12 7.22266 12 7.5C12 7.77734 12.2227 8 12.5 8C12.7773 8 13 7.77734 13 7.5C13 7.22266 12.7773 7 12.5 7ZM0.5 9C0.222656 9 0 9.22266 0 9.5C0 9.77734 0.222656 10 0.5 10C0.777344 10 1 9.77734 1 9.5C1 9.22266 0.777344 9 0.5 9ZM12.5 9C12.2227 9 12 9.22266 12 9.5C12 9.77734 12.2227 10 12.5 10C12.7773 10 13 9.77734 13 9.5C13 9.22266 12.7773 9 12.5 9ZM0.5 11C0.222656 11 0 11.2227 0 11.5C0 11.7773 0.222656 12 0.5 12C0.777344 12 1 11.7773 1 11.5C1 11.2227 0.777344 11 0.5 11ZM12.5 11C12.2227 11 12 11.2227 12 11.5C12 11.7773 12.2227 12 12.5 12C12.7773 12 13 11.7773 13 11.5C13 11.2227 12.7773 11 12.5 11ZM1.5 12C1.22266 12 1 12.2227 1 12.5C1 12.7773 1.22266 13 1.5 13C1.77734 13 2 12.7773 2 12.5C2 12.2227 1.77734 12 1.5 12ZM3.5 12C3.22266 12 3 12.2227 3 12.5C3 12.7773 3.22266 13 3.5 13C3.77734 13 4 12.7773 4 12.5C4 12.2227 3.77734 12 3.5 12ZM5.5 12C5.22266 12 5 12.2227 5 12.5C5 12.7773 5.22266 13 5.5 13C5.77734 13 6 12.7773 6 12.5C6 12.2227 5.77734 12 5.5 12ZM7.5 12C7.22266 12 7 12.2227 7 12.5C7 12.7773 7.22266 13 7.5 13C7.77734 13 8 12.7773 8 12.5C8 12.2227 7.77734 12 7.5 12ZM9.5 12C9.22266 12 9 12.2227 9 12.5C9 12.7773 9.22266 13 9.5 13C9.77734 13 10 12.7773 10 12.5C10 12.2227 9.77734 12 9.5 12ZM11.5 12C11.2227 12 11 12.2227 11 12.5C11 12.7773 11.2227 13 11.5 13C11.7773 13 12 12.7773 12 12.5C12 12.2227 11.7773 12 11.5 12Z" style="height:100%;"></path></svg></div>Kontur </button><button class="i8-button i8-button--text i8-button--small active" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M5 0.0234375L4.63672 0.40625C4.63672 0.40625 3.49609 1.61328 2.35156 3.14062C1.20312 4.67187 0 6.45703 0 8C0 10.7539 2.24609 13 5 13C7.75391 13 10 10.7539 10 8C10 6.45703 8.79688 4.67187 7.65234 3.14062C6.50391 1.61328 5.36328 0.40625 5.36328 0.40625L5 0.0234375ZM5 1.53125C5.27734 1.83203 5.92578 2.50781 6.85156 3.74219C7.95313 5.21875 9 7.05859 9 8C9 10.2148 7.21484 12 5 12C2.78516 12 1 10.2148 1 8C1 7.05859 2.04688 5.21875 3.14844 3.74219C4.07422 2.50781 4.72266 1.83203 5 1.53125Z" style="height:100%;"></path></svg></div>Hintergrund </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M4.03906 0L0 11.7402V12H1V11.9082L2 9H4.05078C4.03199 9.16646 4 9.32864 4 9.5C4 11.9794 6.02064 14 8.5 14C10.9794 14 13 11.9794 13 9.5C13 7.02064 10.9794 5 8.5 5C8.23295 5 7.97515 5.03319 7.7207 5.07812L5.98242 0H5H4.03906ZM4.75195 1H5H5.26758L6.75586 5.35156C5.59739 5.84093 4.70029 6.8097 4.27539 8H2.34375L4.75195 1ZM8.5 6C10.4389 6 12 7.56108 12 9.5C12 11.4389 10.4389 13 8.5 13C6.56108 13 5 11.4389 5 9.5C5 7.56108 6.56108 6 8.5 6ZM8 7V9H6V10H8V12H9V10H11V9H9V7H8Z" style="height:100%;"></path></svg></div>Text </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M1.5 1C1.22266 1 1 1.22266 1 1.5V5H2V2H5V1H1.5ZM10 1V2H13V5H14V1.5C14 1.22266 13.7773 1 13.5 1H10ZM1 10V13.5C1 13.7773 1.22266 14 1.5 14H5V13H2V10H1ZM13 10V13H10V14H13.5C13.7773 14 14 13.7773 14 13.5V10H13Z" style="height:100%;"></path></svg></div>Innenabstand </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M7.5 1C3.91797 1 1 3.91797 1 7.5C1 11.082 3.91797 14 7.5 14C11.082 14 14 11.082 14 7.5C14 3.91797 11.082 1 7.5 1ZM7.5 2C10.543 2 13 4.45703 13 7.5C13 10.543 10.543 13 7.5 13C4.45703 13 2 10.543 2 7.5C2 4.45703 4.45703 2 7.5 2ZM7 4V7H4V8H7V11H8V8H11V7H8V4H7Z" style="height:100%;"></path></svg></div>Sub-Icon </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M5.5 2C3.57283 2 2 3.57283 2 5.5V10.5C2 12.4272 3.57283 14 5.5 14H10.5C12.4272 14 14 12.4272 14 10.5V5.5C14 3.57283 12.4272 2 10.5 2H5.5ZM5.5 3H10.5C11.8868 3 13 4.11317 13 5.5V10.5C13 11.8868 11.8868 13 10.5 13H5.5C4.11317 13 3 11.8868 3 10.5V5.5C3 4.11317 4.11317 3 5.5 3Z" style="height:100%;"></path></svg></div>Auf Form platzieren </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M7.5 0.5L5 3H7V6H8V3H10L7.5 0.5ZM3 5L0.5 7.5L3 10V8H6V7H3V5ZM12 5V7H9V8H12V10L14.5 7.5L12 5ZM7 9V12H5L7.5 14.5L10 12H8V9H7Z" style="height:100%;"></path></svg></div>Position </button><button class="i8-button i8-button--text i8-button--small" data-v-2d693843><div class="i8-icon i8-button__icon i8-button__icon--left" style="--icon-color:;--icon-size:16px;"><svg class="i8-icon-path" preserveaspectratio="none"><path d="M8 0L5 2.5L8 5V3C10.7695 3 13 5.23047 13 8C13 10.7695 10.7695 13 8 13C5.23047 13 3 10.7695 3 8C3 6.89062 3.35938 5.87109 3.96875 5.04688L3.16016 4.45312C2.42969 5.44922 2 6.67578 2 8C2 11.3086 4.69141 14 8 14C11.3086 14 14 11.3086 14 8C14 4.69141 11.3086 2 8 2V0Z" style="height:100%;"></path></svg></div>Drehung </button></div><div class="content" data-v-2d693843><img src="https://maxst.icons8.com/vue-static/landings/iconizer/hero-iconizer_x1_old.jpg" srcset="https://maxst.icons8.com/vue-static/landings/iconizer/hero-iconizer_x2_old.jpg 2x" alt="iconizer-background" class="content-img" data-v-2d693843><div class="editor-wrap drag-drop" data-v-2d693843><div class="drop-zone" data-v-2d693843><span data-v-2d693843></span></div></div><div class="icons-header" data-v-2d693843><h2 data-v-2d693843>Beginne mit diesen Icons</h2><p data-v-2d693843>Verwende vorgefertigte Icons von Icons8</p></div><div class="list-icons" data-v-2d693843 data-v-6fd16b74><div class="container" data-v-6fd16b74><div class="list-icons__icons" data-v-6fd16b74><div class="skeleton-loading icons" data-v-6fd16b74><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div><div class="icons-item skeleton" data-v-6fd16b74><div class="icon-link" data-v-6fd16b74><div class="icon icon-skeleton" data-v-6fd16b74></div><div class="icon-title icon-title-skeleton" data-v-6fd16b74></div></div></div></div></div></div></div><div class="page-text" data-v-2d693843><p>Iconizer ist der einfachste Weg, deinen Icons einen Hintergrund hinzuzufügen und aus unserer Icon-Bibliothek zu wählen. Du kannst auch eigene Icons hochladen und den Hintergrund online ändern. So erstellst du ganz einfach professionell aussehende Icons, die auf Websites und in Dokumenten auffallen.</p> <p>Icons lädst du ganz einfach hoch, indem du sie per Drag & Drop in den Editor ziehst oder unten eines auswählst. Nachdem du dich für ein Icon entschieden hast, kannst du eine Hintergrundfarbe oder ein Bild hinzufügen. Sobald du fertig bist, lädst du das Endergebnis als PNG oder SVG herunter.</p></div></div></div><div class="footer" id="app-footer" data-v-7cc15557 data-v-dcac4535><div class="i8-footer-top" data-v-dcac4535 data-v-71288d64><div class="i8-footer-top__content" data-v-71288d64><div class="i8-footer-top__newsletter-wrap" data-v-71288d64><div class="i8-footer-top__title" data-v-71288d64>Abonniere unseren Newsletter</div><form class="i8-footer-newsletter" novalidate data-v-71288d64 data-v-e648944a><div class="i8-text-input i8-text-input--large i8-footer-newsletter__email-input" data-v-e648944a data-v-8454809a><div class="i8-text-input__wrap" data-v-8454809a><input type="email" class="i8-text-input__input" value placeholder="E-Mail eingeben..." name autocomplete="off" required data-v-8454809a></div></div><button class="i8-button i8-button--black i8-button--large i8-footer-newsletter__btn" data-v-e648944a>Anmelden</button></form></div><div class="i8-footer-top__footer-media-wrap" data-v-71288d64><div class="i8-footer-top__title" data-v-71288d64>Werde Teil der Community</div><div class="i8-footer-media i8-footer-top__footer-media" data-v-71288d64 data-v-6fbce50a><a rel="noopener" title="Icons8 Instagram" href="https://www.instagram.com/icons8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/instagram.svg" alt="Icons8 Instagram" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Dribbble" href="https://dribbble.com/icons8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/dribbble.svg" alt="Icons8 Dribbble" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Twitter" href="https://twitter.com/icons_8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/twitterX.svg" alt="Icons8 Twitter" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Facebook" href="https://www.facebook.com/Icons8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/facebook.svg" alt="Icons8 Facebook" data-v-6fbce50a></a><a rel="noopener" title="Icons8 TikTok" href="https://www.tiktok.com/@icons8_creators" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/tiktok.svg" alt="Icons8 TikTok" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Youtube" href="https://www.youtube.com/channel/UCRXYx6Qg7kgH0EAqa-Gl0HA" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/youtube.svg" alt="Icons8 Youtube" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Linkedin" href="https://www.linkedin.com/company/icons8-llc/" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/linkedIn.svg" alt="Icons8 Linkedin" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Medium" href="https://uxplanet.org/@icons8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/medium.svg" alt="Icons8 Medium" data-v-6fbce50a></a><a rel="noopener" title="Icons8 Pinterest" href="https://www.pinterest.ru/visualpharm/" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/pinterest.svg" alt="Icons8 Pinterest" data-v-6fbce50a></a><a rel="noopener" title="Icons8 ProductHunt" href="https://www.producthunt.com/products/icons8" data-v-6fbce50a><img class="icon" src="https://goodies.icons8.com/web/common/social/productHunt.svg" alt="Icons8 ProductHunt" data-v-6fbce50a></a></div></div></div></div><div class="footer-content" data-v-dcac4535><div class="footer-grid" data-v-dcac4535><div class="community" data-v-dcac4535><div class="footer-logo" data-v-dcac4535><img class="icon" src="https://goodies.icons8.com/web/common/logoIcons.svg" alt="logo" data-v-dcac4535> ICONS8</div><ul data-v-dcac4535><li data-v-dcac4535><a rel="noopener" href="https://icons8.com" target="_blank" class="link" data-v-dcac4535>Startseite</a></li><li data-v-dcac4535><a rel="noopener" href="/l/media-kit" target="_blank" class="link" data-v-dcac4535>Werbung</a></li><li data-v-dcac4535><a rel="noopener" href="https://icons8.com/l/affiliate/" target="_blank" class="link" data-v-dcac4535>Affiliate-Programm</a></li></ul><div class="recaptcha-text hidden-sm" data-v-dcac4535>Geschützt durch reCAPTCHA. Es gelten die Google <a href="https://policies.google.com/privacy">Datenschutzrichtlinie</a> und <a href="https://policies.google.com/terms">Nutzungsbedingungen</a>.</div></div><div class="grid" data-v-dcac4535><ul data-header="Designressourcen" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/icons" rel="noopener" class="link" data-v-dcac4535>Icons</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/illustrations" rel="noopener" class="link" data-v-dcac4535>Grafiken</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/photos" rel="noopener" class="link" data-v-dcac4535>Stockfotos</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/music" rel="noopener" class="link" data-v-dcac4535>Lizenzfreie Musik</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/threedio" rel="noopener" class="link" data-v-dcac4535>3D-Modelle</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://generated.photos/" rel="noopener" class="link" data-v-dcac4535>KI-generierte Gesichter</a></li></ul><ul data-header="Apps" data-v-dcac4535><li class="" data-v-dcac4535><a href="/lunacy" rel="noopener" target="_blank" class="link" data-v-dcac4535>Lunacy</a></li><li class="" data-v-dcac4535><a href="/app/macos-pichon" rel="noopener" target="_blank" class="link" data-v-dcac4535>Pichon</a></li><li class="is-hidden" data-v-dcac4535><a href="/app/windows-pichon" rel="noopener" target="_blank" class="link" data-v-dcac4535>Pichon</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/goprod" rel="noopener" class="link" data-v-dcac4535>GoProd</a></li><li class="" data-v-dcac4535><a href="/app/figma" rel="noopener" target="_blank" class="link" data-v-dcac4535>Plugins</a></li></ul><ul data-header="Anfragen" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/icons/request-icon" rel="noopener" class="link" data-v-dcac4535>Icon</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/illustrations/request-illustration" rel="noopener" class="link" data-v-dcac4535>Grafik</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://lunatics.icons8.com" rel="noopener" class="link" data-v-dcac4535>Lunacy-Funktion</a></li></ul><ul data-header="Unternehmen" data-v-dcac4535><li class="" data-v-dcac4535><a href="/about" rel="noopener" target="_blank" class="link" data-v-dcac4535>Über uns</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/our-business-model" rel="noopener" class="link" data-v-dcac4535>Geschäftsmodell</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.com/blog" rel="noopener" class="link" data-v-dcac4535>Blog</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/impressum" rel="noopener" class="link" data-v-dcac4535>Impressum</a></li></ul><ul data-header="Online-Tools" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/mega-creator" rel="noopener" class="link" data-v-dcac4535>Mega Creator</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/upscaler" rel="noopener" class="link" data-v-dcac4535>Smart Upscaler</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/bgremover" rel="noopener" class="link" data-v-dcac4535>Background Remover</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.de/swapper" rel="noopener" class="link" data-v-dcac4535>Face Swapper</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://generated.photos/face-generator" rel="noopener" class="link" data-v-dcac4535>Face Generator</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://generated.photos/human-generator" rel="noopener" class="link" data-v-dcac4535>Human Generator</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://hey-photo.com/" rel="noopener" class="link" data-v-dcac4535>HeyPhoto</a></li><li class="" data-v-dcac4535><a href="/iconizer" rel="noopener" target="_blank" class="link" data-v-dcac4535>Iconizer</a></li></ul><ul data-header="Für Entwickler" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/icons" rel="noopener" class="link" data-v-dcac4535>API für Icons</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/vectors" rel="noopener" class="link" data-v-dcac4535>API für Grafiken</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/photos" rel="noopener" class="link" data-v-dcac4535>API für Fotos</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/music" rel="noopener" class="link" data-v-dcac4535>API für Musik</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/upscaler" rel="noopener" class="link" data-v-dcac4535>API für Smart Upscaler</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://developers.icons8.com/docs/bgRemover" rel="noopener" class="link" data-v-dcac4535>API für Background Remover</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://img.icons8.com" rel="noopener" class="link" data-v-dcac4535>Omg-Img</a></li><li class="" data-v-dcac4535><a href="/line-awesome" rel="noopener" target="_blank" class="link" data-v-dcac4535>Line Awesome</a></li></ul><ul data-header="Support" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://community.icons8.com/" rel="noopener" class="link" data-v-dcac4535>Forum</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://intercom.help/icons8-7fb7577e8170/en/" rel="noopener" class="link" data-v-dcac4535>FAQ</a></li><li class="" data-v-dcac4535><a href="/docs" rel="noopener" target="_blank" class="link" data-v-dcac4535>Benutzerdokumentation</a></li><li class="" data-v-dcac4535><a href="/contact" rel="noopener" target="_blank" class="link" data-v-dcac4535>Kontakt</a></li></ul><ul data-header="Lizenzen" data-v-dcac4535><li class="" data-v-dcac4535><a href="/license" rel="noopener" target="_blank" class="link" data-v-dcac4535>Kostenlose Lizenz</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://intercom.help/icons8-7fb7577e8170/en/articles/5534926-universal-multimedia-license-agreement-for-icons8" rel="noopener" class="link" data-v-dcac4535>Kostenpflichtige Lizenz</a></li><li class="" data-v-dcac4535><a href="/pricing" rel="noopener" target="_blank" class="link" data-v-dcac4535>Preise</a></li></ul></div><div class="recaptcha-text hidden-lg" data-v-dcac4535>Geschützt durch reCAPTCHA. Es gelten die Google <a href="https://policies.google.com/privacy">Datenschutzrichtlinie</a> und <a href="https://policies.google.com/terms">Nutzungsbedingungen</a>.</div></div><div class="meta footer__meta" data-v-dcac4535 data-v-26960013><div class="meta-advanced" data-v-26960013><div data-v-26960013>© 2025 Icons8</div><div class="grid" data-v-26960013><a href="/privacy-policy" class="link first" data-v-26960013>Datenschutzrichtlinie</a><a href="/terms-and-conditions" class="link" data-v-26960013>Allgemeine Geschäftsbedingungen</a><div class="cdn" data-v-26960013>Beschleunigt mit <a href="https://www.cdn77.com/" class="link" rel="noopener" target="_blank" data-v-26960013>CDN77</a></div></div></div></div></div></div><span data-v-7cc15557></span></div><span></span></div><script type="application/json" id="__NUXT_DATA__" data-ssr="true">[["Reactive",1],{"data":2,"state":167,"_errors":169,"serverRendered":102,"path":171,"pinia":172},{"options:asyncdata:$ywnRNBu0mq:/iconizer/background:0":3},{"seo":4,"activeEffect":96,"menu":104},{"title":5,"meta":6,"link":52},"Icon-Hintergrund ändern",[7,10,13,16,18,21,23,25,28,31,33,36,38,40,42,44,48,50],{"name":8,"hid":8,"content":9},"description","Hintergrundfarbe von Icons ändern. Füge dem Icon-Hintergrund Farben hinzu, die zu deinen Apps und Website-Designs passen",{"name":11,"hid":11,"content":12},"twitter:card","summary",{"name":14,"hid":14,"content":15},"twitter:site","@icons_8",{"name":17,"hid":17,"content":15},"twitter:creator",{"name":19,"hid":19,"content":20},"twitter:url","https://icons8.de/iconizer/background",{"name":22,"hid":22,"content":5},"twitter:title",{"name":24,"hid":24,"content":9},"twitter:description",{"name":26,"hid":26,"content":27},"twitter:image","https://icons8.com/vue-static/landings/primary-landings/preview_icons8.png",{"name":29,"hid":29,"content":30},"twitter:image:width","256",{"name":32,"hid":32,"content":30},"twitter:image:height",{"name":34,"hid":34,"content":35},"og:site_name","Icons8",{"name":37,"hid":37,"content":20},"og:url",{"name":39,"hid":39,"content":5},"og:title",{"name":41,"hid":41,"content":9},"og:description",{"name":43,"hid":43,"content":27},"og:image",{"name":45,"hid":46,"content":47},"og:image:type","og:type","png",{"name":49,"hid":49,"content":30},"og:image:width",{"name":51,"hid":51,"content":30},"og:image:height",[53,58,62,66,69,73,77,81,85,89,93],{"rel":54,"hreflang":55,"hid":56,"href":57},"alternate","en","alternate-en","https://icons8.com/iconizer/background",{"rel":54,"hreflang":59,"hid":60,"href":61},"zh","alternate-zh","https://igoutu.cn/iconizer/background",{"rel":54,"hreflang":63,"hid":64,"href":65},"fr","alternate-fr","https://icones8.fr/iconizer/background",{"rel":54,"hreflang":67,"hid":68,"href":20},"de","alternate-de",{"rel":54,"hreflang":70,"hid":71,"href":72},"it","alternate-it","https://icons8.it/iconizer/background",{"rel":54,"hreflang":74,"hid":75,"href":76},"ja","alternate-ja","https://icons8.jp/iconizer/background",{"rel":54,"hreflang":78,"hid":79,"href":80},"pt","alternate-pt","https://icons8.com.br/iconizer/background",{"rel":54,"hreflang":82,"hid":83,"href":84},"ru","alternate-ru","https://icons8.ru/iconizer/background",{"rel":54,"hreflang":86,"hid":87,"href":88},"es","alternate-es","https://iconos8.es/iconizer/background",{"rel":54,"hreflang":90,"hid":91,"href":92},"ko","alternate-ko","https://icons8.kr/iconizer/background",{"rel":54,"hreflang":94,"hid":95,"href":57},"x-default","x-default-en",{"effect":97,"menuTitle":98,"title":99,"subtitle":100,"metaTitle":5,"metaDescription":9,"description":101,"active":102,"applied":103},"background","Hintergrund","Hintergrund hinzufügen","Fülle den Hintergrund eines Icons mit einer Farbe oder einem Farbverlauf.","\u003Cp>Iconizer ist der einfachste Weg, deinen Icons einen Hintergrund hinzuzufügen und aus unserer Icon-Bibliothek zu wählen. Du kannst auch eigene Icons hochladen und den Hintergrund online ändern. So erstellst du ganz einfach professionell aussehende Icons, die auf Websites und in Dokumenten auffallen.\u003C/p>\n\u003Cp>Icons lädst du ganz einfach hoch, indem du sie per Drag & Drop in den Editor ziehst oder unten eines auswählst. Nachdem du dich für ein Icon entschieden hast, kannst du eine Hintergrundfarbe oder ein Bild hinzufügen. Sobald du fertig bist, lädst du das Endergebnis als PNG oder SVG herunter.\u003C/p>",true,false,{"color":105,"stroke":113,"background":96,"text":121,"padding":129,"overlay":137,"shape":145,"position":153,"rotation":160},{"effect":106,"menuTitle":107,"title":108,"subtitle":109,"metaTitle":110,"metaDescription":111,"description":112,"active":103,"applied":103},"recolor","Farbe","Farbe ändern","Färbe ganze Vektoricons oder Teile davon neu ein. Einfarbige Füllung oder Farbverlauf.","Ändere die Icon-Farbe online","Icon-Farben ändern, ganze Vektoricons oder Teile davon neu einfärben. Passe Icon-Farben deinen Apps und Website-Designs an.","\u003Cp>Icons sind ein wesentlicher Bestandteil jedes visuellen Designs. Sie helfen dabei, deine Message klar zu kommunizieren. Mit Iconizer kannst du dank unserer Icon-Bibliothek ganz einfach die Farbe ändern oder Icons online komplett neu einfärben. Auf diese Weise erhältst du einen einheitlichen Look für dein Design und stellst sicher, dass deine Icons immer auffallen.\u003C/p>\n\u003Cp>Öffne zuerst den Online-Editor und wähle ein Icon aus. Entweder lädst du eigenes Icon hoch oder verwendest eines aus der Bibliothek. Als Nächstes änderst du die Farben, um sie an deine Marke oder dein Design anzupassen. Sobald du fertig bist, lädst du das Ergebnis entweder als PNG oder SVG herunter.\u003C/p>",{"effect":114,"menuTitle":115,"title":116,"subtitle":117,"metaTitle":118,"metaDescription":119,"description":120,"active":103,"applied":103},"stroke","Kontur","Kontur hinzufügen","Wähle Strichfarbe und Strichstärke und passe die Icon-Kontur an.","Kontur zu Icons hinzufügen","Füge online Striche und Konturen hinzu für personalisierte Icons","\u003Cp>Iconizer ist das perfekte Online-Tool, um deinen Icons eine Kontur hinzuzufügen. Du kannst aus unserer Icon-Bibliothek wählen oder deine eigenen hochladen. Mit Konturen verleihst du deinen Icons im Nu den perfekten Look für jedes Projekt.\u003C/p>\n\u003Cp>Um dein Icon im Editor zu bearbeiten, kannst du entweder:\u003Cbr>\n1. Dein eigenes Icon von deinem Computer hochladen\u003Cbr>\n2. Ein verfügbares Icon unten auswählen\u003Cbr>\n3. Einem vorhandenen Icon eine Kontur hinzufügen\u003Cbr>\nHast du dein Icon ausgewählt oder erstellt, lädst du es entweder als PNG oder SVG herunter und verwendest es auf Websites oder in Projekten.\u003C/p>",{"effect":122,"menuTitle":123,"title":124,"subtitle":125,"metaTitle":126,"metaDescription":127,"description":128,"active":103,"applied":103},"text","Text","Text hinzufügen","Platziere einen Text auf dem Icon, wähle Schriftart, Größe und Position.","Text zu Icons hinzufügen","Icons online Text hinzufügen. Ergänze Wörter, Emojis und Symbole für personalisierte Icons","\u003Cp>Iconizer ist der beste Weg, Icons online Text hinzuzufügen. Du kannst aus unserer Icon-Bibliothek wählen oder eigene hochladen und den Text anschließend ändern. Auf diese Weise erstellst du im Nu Logos und Grafiken für deine Website, App oder deinen Blog.\u003C/p>\n\u003Cp>Zuerst wählst du ein Icon aus oder lädst dein eigenes hoch. Dann gibst du deinen Text ein und passt ihn bei Bedarf an. Abschließend lädst du dein fertiges Produkt entweder als PNG oder SVG herunter.\u003C/p>",{"effect":130,"menuTitle":131,"title":132,"subtitle":133,"metaTitle":134,"metaDescription":135,"description":136,"active":103,"applied":103},"padding","Innenabstand","Innenabstand hinzufügen","Füge Bildern einen Innenabstand hinzu und umrahme dein Icon um es kleiner zu machen.","Füge Icons online einen Innenabstand hinzu","Füge deinem Bild oder Icon online einen weißen Innenabstand hinzu. Stimme diesen auf das Design deiner Website oder Social Media-Kanäle ab.","\u003Cp>Mit Iconizer fügst du deinen Online-Icons ganz einfach einen Innenabstand hinzu. Rahme dein Icon mit wenigen Klicks ein und mache es kleiner. Oder wähle eines aus unserer Icon-Bibliothek.\u003C/p>\n\u003Cp>Um loszulegen, lädst du ein Icon in den Editor hoch. Entweder suchst du dir unten eines aus oder verwendest ein eigenes. Hast du dich für ein Icon entschieden, fügst du den Innenabstand hinzu. Dadurch stellst du sicher, dass der Text richtig ausgerichtet ist und ordentlich aussieht. Abschließend lädst du das Endergebnis als PNG oder SVG herunter.\u003C/p>",{"effect":138,"menuTitle":139,"title":140,"subtitle":141,"metaTitle":142,"metaDescription":143,"description":144,"active":103,"applied":103},"overlay","Sub-Icon","Sub-Icon hinzufügen","Kleine Ergänzung des Icons – z. B. Plus, Minus, Warnzeichen etc.","Ergänze Icons online um Sub-Icons","Passe deine Icons an, indem du sie online um ein weiteres Icon ergänzt. Mit der Funktion zum Hinzufügen eines Sub-Icons fügsts du Icons online zu einem Icon zusammen.","",{"effect":146,"menuTitle":147,"title":148,"subtitle":149,"metaTitle":150,"metaDescription":151,"description":152,"active":103,"applied":103},"shape","Auf Form platzieren","Formen hinzufügen","Füge mit wenigen Klicks einen Kreis oder ein Quadrat um dein Icon hinzu","Ergänze Icons online um Kreise und Quadrate","Ergänze Icons mit wenigen Klicks um Formen. Füge Kreise oder Quadrate hinzu, wähle einen Radius und ändere Icons wie du willst.","\u003Cp>Mit Iconizer änderst du Icons schnell und einfach. Ergänze deine Icons um Kreise und quadratische Formen oder ein Icon aus der \u003Ca href=\"http://icons8.com/icons\">Icons8\u003C/a> Bibliothek. So erhältst du im Nu speziell auf deine Bedürfnisse zugeschnittene Icons.\u003C/p>\n\u003Cp>Zuerst lädst du ein Icon in den Editor hoch. Entweder wählst du eines der unten angeführten Optionen oder ein eigenes aus. Hast du dich für ein Icon entschieden, fügst du einen Kreis oder eine quadratische Form hinzu und wählst den Radius. Das Endergebnis lädst du schließlich als PNG oder SVG herunter.\u003C/p>",{"effect":154,"menuTitle":155,"title":155,"subtitle":156,"metaTitle":157,"metaDescription":158,"description":159,"active":103,"applied":103},"position","Position","Ändere die Position eines Icons und speichere es mit zwei Klicks","Ändere die Icon-Position online","Icon-Position online ändern, mit wenigen Klicks in die/aus der Mitte verschieben. Du lädst dein Icon einfach hoch und verschiebst es nach Belieben. Lade kostenlos ein neues Icon herunter.","\u003Cp>Iconizer ist der einfachste Weg, um Icons zu ändern und ein Iconbild zu positionieren. Wähle ein Icon aus der \u003Ca href=\"http://icons8.de/icons\">Icons8\u003C/a>-Bibliothek und Iconizer hilft dir dabei, es perfekt an deine Bedürfnisse anzupassen.\u003C/p>\u003Cp>Dafür lädst du zunächst ein Icon in den Editor hoch. Du kannst entweder eines von unten oder dein eigenes wählen. Als Nächstes verschiebst du ein Icon in die/aus der Mitte des ausgewählten Icons.\u003C/p>\u003Col>\u003Cli>Lade ein Icon in den Editor hoch oder wähle eines der folgenden Icons\u003C/li>\u003Cli>Positioniere das Icon\u003C/li>\u003Cli>Lade das Endergebnis als PNG oder SVG herunter\u003C/li>\u003C/ol>",{"effect":161,"menuTitle":162,"title":162,"subtitle":163,"metaTitle":164,"metaDescription":165,"description":166,"active":103,"applied":103},"rotation","Drehung","Drehe Icons und speichere sie mit zwei Klicks","Icon online drehen","Icon online drehen mit wenigen Klicks. Du lädst einfach ein Icon hoch oder wählst eines aus der Icons8-Bibliothek und drehst es, bis es perfekt zu deinem Design passt. Lade kostenlos ein neues Icon herunter.","\u003Cp>Iconizer hilft dir, deine Icons ganz einfach im Uhrzeigersinn zu drehen. Dafür wählst du ein Icon aus der \u003Ca href=\"http://icons8.de/icons\">Icons8\u003C/a>-Bibliothek und Iconizer hilft dir dabei, es perfekt an deine Bedürfnisse anzupassen.\u003C/p>\u003Cp>Dafür lädst du zunächst ein Icon in den Editor hoch. Du kannst entweder eines von unten oder dein eigenes wählen. Als Nächstes drehst du das Icon, bis es perfekt für dich passt.\u003C/p>\u003Col>\u003Cli>Lade ein Icon in den Editor hoch oder wähle eines von unten\u003C/li>\u003Cli>Drehe das Icon\u003C/li>\u003Cli>Lade das Endergebnis als PNG oder SVG herunter\u003C/li>\u003C/ol>",{"$snuxt-delay-hydration-mode":168,"$s@nuxtjs/i18n:redirect":144},"mount",{"options:asyncdata:$ywnRNBu0mq:/iconizer/background:0":170},null,"/iconizer/background",{"auth-v3":173},{"user":174},{"isGuest":102,"activeLicense":103,"authToken":103,"fingerPrintId":170,"loaded":103,"licenses":170,"defaultLicense":170,"isPaid":170}]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{port:3034,project:"landings",crowdinProject:"landings",apiUrl:"https://api-icons.icons8.com",ssoUrl:"https://auth.icons8.com",cfTurnstileSiteKey:"0x4AAAAAAAAvGujGqOF8HTX1",cfAuthTurnstileSiteKey:"0x4AAAAAAA62WK1QJYzD6iBW",iconsSearchUrl:"https://search.icons8.com",commentsApiUrl:"https://page-comments-backend.icons8.com",illustrationsSearchUrl:"https://api-ouch.icons8.com",photosApiUrl:"https://photos.icons8.com/api/v2",photosSearchUrl:"https://photos.icons8.com",photosBaseURL:"https://photos.icons8.com/api/frontend/v1",musicApiUrl:"https://api-music.icons8.com",musicSearchUrl:"https://api-music-origin.icons8.com",ouchBaseURL:"https://api-ouch.icons8.com/api/frontend/v1",ouchApiUrl:"https://api-illustrations.icons8.com",stripeKey:"pk_live_90yYxj8Ba8Lo2pzYSgH0FDOF",iconsUrl:"https://img.icons8.com",redis:true,redisHost:"redis.i8-redis",redisPort:"6379",projects:["common","icon","ouch","music","moose","photos","landings","upscaler","bgremover","photo-creator","vector-creator","mega-creator"],resourcesBySlug:{icons:"icon",photos:"photo",sounds:"music",upscaler:"upscaler",vectors:"illustration"},socialAuthRedirect:"https://api-icons.icons8.com/auth/v1/socials-callback",google:{authLink:"https://accounts.google.com/o/oauth2/v2/auth",clientId:"574833888516-i8s6kb1mha2r5saa5gu6gbt5hnh3g36u.apps.googleusercontent.com"},github:{authLink:"https://github.com/login/oauth/authorize",clientId:"08ad24fe60ec12be209d"},facebook:{authLink:"https://www.facebook.com/v6.0/dialog/oauth",clientId:"496747381171808",redirectUrl:"https://icons8.com"},microsoft:{authLink:"https://login.microsoftonline.com/common/oauth2/v2.0/authorize",clientId:"059d71f7-f349-4155-8f21-9247f82c4c57",redirectUrl:"https://icons8.com"},translationsUrl:"https://api-icons.icons8.com/siteApi/translations",growthbookClientKey:"sdk-f0y8RTDi5PmR1AoB",INTERCOM_APP_ID:"r1imvah3",reCaptchaSiteKey:"6LeKWzcaAAAAAGbqx0y5IL639Tt3oTy0XyXVbtiS",reCaptchaV2SiteKey:"6LehJ88mAAAAANkJmBUz4h0wNhaDv4txsv_OnfhR",MAIN_DOMAIN:"https://icons8.com",PHOTOS_DOMAIN:"https://icons8.com",MUSIC_DOMAIN:"https://icons8.com",DEVELOPERS_DOMAIN:"https://developers.icons8.com",goodiesCdnUrl:"https://goodies.icons8.com",isAutostaging:false,searchUrl:"https://search.icons8.com",billingUrl:"https://billing.icons8.com",DEPLOY_ENV:"production",staticUrl:"https://maxst.icons8.com",googleAuthRedirect:"https://icons8.com",developerPortalURL:"https://developers.icons8.com",originUrl:"https://api-admin-origin.icons8.com",githubRedirectUri:"https://icons8.com/auth/social",googleAuthRedirectPlugins:"https://icons8.com/auth/social",lunacyPingUsUrl:"https://lun-us.icons8.com/api/connection/test/",lunacyPingEuUrl:"https://lun-eu.icons8.com/api/connection/test/",lunacyPingChinaUrl:"https://lun.igoutu.cn/api/connection/test/",lunacyDownloadUsUrl:"https://lun-static.s3.us-west-000.backblazeb2.com/setup/LunacySetup.exe",lunacyDownloadEuUrl:"https://lun-eu-static.s3.eu-central-003.backblazeb2.com/setup/LunacySetup.exe",lunacyDownloadChinaUrl:"https://lun-static.oss-cn-beijing.aliyuncs.com/setup/LunacySetup.exe",mooseApiUrl:"https://api-photos.icons8.com",host:"https://icons8.com",cdnUrl:"https://maxst.icons8.com",sentry:{dsn:"https://50d69a5b115b48ee89e91ba7c54ea0ad@sentry.io/1882249",environment:"production"},i18n:{experimental:{jsTsFormatResource:true},baseUrl:"",locales:{en:{domain:"icons8.com"},zh:{domain:"igoutu.cn"},fr:{domain:"icones8.fr"},de:{domain:"icons8.de"},it:{domain:"icons8.it"},ja:{domain:"icons8.jp"},pt:{domain:"icons8.com.br"},ru:{domain:"icons8.ru"},es:{domain:"iconos8.es"},ko:{domain:"icons8.kr"},zu:{domain:"icons8.com"}}},"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}},i8sentry:{enabled:false,environment:"development",enableInp:false,tracesSampleRate:.1,profileSampleRate:.2,mode:"client"},googleOneTap:true},app:{baseURL:"/",buildAssetsDir:"/_nuxt/landings",cdnURL:"https://maxst.icons8.com"}}</script><script> (function() { const w = window; w._$delayHydration = (() => { if (!("requestIdleCallback" in w) || !("requestAnimationFrame" in w)) return new Promise((resolve) => resolve("not supported")); function eventListeners() { const c = new AbortController(); const p = new Promise((resolve) => { const hydrateOnEvents = "mousemove,scroll,keydown,click,touchstart,wheel".split(","); function handler(e) { hydrateOnEvents.forEach((e2) => w.removeEventListener(e2, handler)); requestAnimationFrame(() => resolve(e)); } hydrateOnEvents.forEach((e) => { w.addEventListener(e, handler, { capture: true, once: true, passive: true, signal: c.signal }); }); }); return { c: () => c.abort(), p }; } function idleListener() { let id; const p = new Promise((resolve) => { const isMobile = w.innerWidth < 640; const timeout = isMobile ? Number.parseInt("5000") : Number.parseInt("4000"); const timeoutDelay = () => setTimeout( () => requestAnimationFrame(() => resolve("timeout")), timeout ); id = w.requestIdleCallback(timeoutDelay, { timeout: Number.parseInt("7000") }); }); return { c: () => window.cancelIdleCallback(id), p }; } const triggers = [idleListener(), eventListeners()]; const hydrationPromise = Promise.race( triggers.map((t) => t.p) ).finally(() => { triggers.forEach((t) => t.c()); }); return hydrationPromise; } )(); ;(() => { w._$delayHydration.then((e) => { if (!(e instanceof PointerEvent) && !(e instanceof MouseEvent) && !(window.TouchEvent && e instanceof TouchEvent)) return; if (e instanceof MouseEvent && e.type !== "click") return; setTimeout(() => w.requestIdleCallback( () => setTimeout(() => e.target?.click(), 500) ), 50); }); })(); })(); </script></body> </html>