CINXE.COM

<!DOCTYPE html> <html lang="zh"> <head><meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>在线为图标添加圆形、方形。</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="点击几下即可为任意图标添加图形。添加圆形、方形，设置圆角半径，根据自己的喜好修改图标。"> <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://igoutu.cn/iconizer/shape"> <meta name="twitter:title" content="在线为图标添加圆形、方形。"> <meta name="twitter:description" content="点击几下即可为任意图标添加图形。添加圆形、方形，设置圆角半径，根据自己的喜好修改图标。"> <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://igoutu.cn/iconizer/shape"> <meta name="og:title" content="在线为图标添加圆形、方形。"> <meta name="og:description" content="点击几下即可为任意图标添加图形。添加圆形、方形，设置圆角半径，根据自己的喜好修改图标。"> <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/shape" data-hid="4e21fa6"> <link rel="alternate" hreflang="zh" href="https://igoutu.cn/iconizer/shape" data-hid="7df9544"> <link rel="alternate" hreflang="fr" href="https://icones8.fr/iconizer/shape" data-hid="74dadcf"> <link rel="alternate" hreflang="de" href="https://icons8.de/iconizer/shape" data-hid="3492ee2"> <link rel="alternate" hreflang="it" href="https://icons8.it/iconizer/shape" data-hid="2a77ff3"> <link rel="alternate" hreflang="ja" href="https://icons8.jp/iconizer/shape" data-hid="ed0faf2"> <link rel="alternate" hreflang="pt" href="https://icons8.com.br/iconizer/shape" data-hid="38b6df2"> <link rel="alternate" hreflang="ru" href="https://icons8.ru/iconizer/shape" data-hid="ee4f7a7"> <link rel="alternate" hreflang="es" href="https://iconos8.es/iconizer/shape" data-hid="872ad2d"> <link rel="alternate" hreflang="ko" href="https://icons8.kr/iconizer/shape" data-hid="6775c79"> <link rel="alternate" hreflang="x-default" href="https://icons8.com/iconizer/shape" 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}.error-game{box-sizing:border-box;margin:40px auto 80px;max-width:100%;position:relative}@media (max-width:768px){.error-game{margin:0 auto;width:100%}}.error-game .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}.error-game .game-container{border-radius:24px;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.error-game .grid-overlay{border-radius:36px;box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:6}.error-game .grid-overlay img{height:100%;object-fit:cover;width:100%}.error-game .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}.error-game .game-frame,.error-game .game-frame-shadow{box-sizing:border-box;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.error-game .game-frame-shadow{border:10px solid #323232;border-radius:36px;filter:blur(.5px);opacity:.15;top:3px;z-index:39}.error-game #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}.error-game .bird{height:50px!important;left:50px;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center center;width:50px!important;z-index:4}.error-game .bird img{height:100%;object-fit:contain;width:100%}.error-game .demo-bird{animation:none!important}@keyframes float{0%,to{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-55px) rotate(5deg)}}.error-game .pipe{background-color:initial;border:3px solid #494c49;box-shadow:-2px 6px 0 0 #3a3a3a1a;position:absolute;width:60px;z-index:3}.error-game .pipe-top{border-top:none;top:0}.error-game .pipe-bottom{border-bottom:none;bottom:0}.error-game #score{font-size:16px;left:auto;right:32px;text-align:right}.error-game #brand-text,.error-game #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}.error-game #brand-text{font-size:12px;left:32px;text-align:left}.error-game #game-over,.error-game #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}.error-game #game-over,.error-game #game-over span,.error-game #start-message,.error-game #start-message span{font-family:Press Start\ 2P,monospace;font-size:12px;font-weight:400;line-height:1.5}.error-game .hidden{display:none}.error-game .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}.error-game .home-button:hover{background-color:#19a037}.error-game .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;box-sizing:border-box;display:flex;height:520px;justify-content:center;margin:0 auto;max-width:100%;position:relative;width:764px;z-index:1}.error-game .test-object p{color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 4px #00000080}.error-game .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){.error-game .speaker-frame{display:flex;gap:8px;height:36px;right:0!important;top:360px!important;width:48px;z-index:50}.error-game .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%}.error-game .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%}.error-game .frame-48098629{display:block}.error-game .device-button{display:none}.error-game h1{font-size:42px;line-height:48px}.error-game p{font-size:14px;line-height:20px}.error-game #game-area{border-radius:24px;height:290px}.error-game .game-frame,.error-game .game-frame-shadow{border-radius:24px}.error-game #game-over,.error-game #start-message{font-size:10px;padding:10px}.error-game .bird{height:50px;width:50px}.error-game .mobile-home-button{display:inline-flex;margin:0 auto 32px}.error-game .attribution-text{margin:24px auto}.error-game #loading-screen{border-radius:24px;height:290px}.error-game .loading-content{gap:16px;transform:translateY(0)}.error-game .loading-text{font-size:14px}}@media (max-width:480px){.error-game .speaker-frame{display:flex;gap:8px;height:36px;right:32px;top:320px;width:48px;z-index:50}.error-game h1{font-size:36px;line-height:40px}.error-game .game-outer-container{top:0}.error-game .bird{height:50px;width:50px}.error-game .pipe{width:50px}}@media (max-width:380px){.error-game .speaker-frame{display:none!important}}.error-game .speaker-frame{display:flex;gap:8px;height:36px;position:absolute;right:45%;top:426px;transform:translateX(-50%);width:48px;z-index:50}.error-game .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}.error-game .speaker-bar:before{background:url(noise.png);border-radius:inherit;bottom:0;content:"";left:0;opacity:.35;position:absolute;right:0;top:0;transform:rotate(180deg)}.error-game .speaker-bar:after{border-radius:inherit;box-shadow:inset 0 2px 1px #1e1607cc,0 -3px 4px #520e0e66,0 -.5px 0 #22020240,0 3px 4px #ffffff59,0 .5px 0 #fff3;content:"";inset:0;position:absolute}.error-game .device-button{background:linear-gradient(180deg,#3f3f3f,#141415);border:1px solid #1a0c0b00;border-radius:500px;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}.error-game .device-button:active{background:linear-gradient(180deg,#242424,#141415);border:1px solid #1a0c0b00;border-radius:500px;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}.error-game .frame-48098629{bottom:4px;height:144px;left:16px;position:absolute;width:252px;z-index:10}.error-game .frame-48098629>img{height:100%;object-fit:contain;width:100%}.error-game .frame-union{align-items:center;display:flex;height:104px;justify-content:space-between;left:12px;padding:12px;position:absolute;top:19px;width:228px}.error-game .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}.error-game .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}.error-game .device-button-circle:active img{opacity:.8}.error-game .device-button-circle img{height:32px;object-fit:contain;width:32px}.error-game .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%}.error-game .attribution-text a{border-bottom:1px solid #00000042;color:#00000042;text-decoration:none;transition:border-color .2s ease}.error-game .attribution-text a:hover{border-bottom-color:#000000b3;text-decoration:none}.error-game #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}.error-game #loading-screen.hidden{opacity:0;pointer-events:none}.error-game .loading-content{align-items:center;display:flex;flex-direction:column;gap:20px;transform:translateY(-10px)}.error-game .loading-bird{animation:loadingFloat 2s ease-in-out infinite}.error-game .loading-text{color:#494c49;filter:drop-shadow(-2px 4px 0 rgba(58,58,58,.1));font-family:Press Start\ 2P,monospace;font-size:16px}.error-game .loading-dots{display:flex;gap:8px}.error-game .dot{animation:dotPulse 1.4s infinite;background-color:#494c49;border-radius:50%;height:8px;opacity:.3;width:8px}.error-game .dot:nth-child(2){animation-delay:.2s}.error-game .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.46973294.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.b451ca11.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/vue.4f095c08.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/i18n.481a0c68.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.27d1a396.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/vuex.store-CMp4WW3c.471c4628.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/SupportChat.50e11c21.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8AuthModal.70384354.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8Modal.eedb3741.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/helper.2efab8c6.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8AuthForm.d7069157.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/GoogleOneTapSignIn.3b1f67c7.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/_effect_.ff03a9b0.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/api-seo.d717481d.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/api-product.01ceab23.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8FileInput.e7c1c16e.js"> <link rel="modulepreload" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8Link.45ebf158.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.ce54f3ae.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/usePayments.a46ddd7d.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/index.0daf6c30.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.958665c0.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/team.acc04c5a.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/IconPlaceholder.ee8e8a93.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ModalsController.35fe3356.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/SmallModal.42124db6.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8RadioButton.7385ae97.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/appSvgIcon.80cef137.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ProfileErrorModal.269cd2e9.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/TeamPaypalModal.9fcd3e69.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/ConfirmModal.40a86ba4.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/TeamGithubModal.12d37ebb.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/I8TabGroup.2b736d8e.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/about.44035755.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/app.cb48025e.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/default.b078dc52.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/freebie-of-the-day.7bbbbc08.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/line-awesome.b74d7149.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/lunacy-2.5c905569.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/main-landing.c294c167.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/mega-creator.7c76bebf.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/primary-landings.bd8df792.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/profile-landing.444fe245.js"> <link rel="prefetch" as="script" crossorigin href="https://maxst.icons8.com/_nuxt/landings/tools.c2d97819.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.ad379566.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.f918747f.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.d8759563.js"> <script type="module" src="https://maxst.icons8.com/_nuxt/landings/entry.b451ca11.js" crossorigin></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>图标</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://igoutu.cn/icons" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="图标" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>图标</span></div><div class="desc" data-v-ff0f8d67>47种风格PNG、SVG图标。</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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="插件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>插件</span></div><div class="desc" data-v-ff0f8d67>可将图标拖放至其他软件。</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="图标器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>图标器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>无需专业技能即可编辑SVG图标。</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://igoutu.cn/icons/family-animated--animated" data-v-edcd02f2><span data-v-edcd02f2>动态图标</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="/line-awesome" class="" data-v-edcd02f2><span data-v-edcd02f2>Line Awesome</span></a><a href="https://igoutu.cn/icon/set/emoji/emoji" data-v-edcd02f2><span data-v-edcd02f2>Emoji图标</span></a><a href="https://igoutu.cn/icons/fluency" data-v-edcd02f2><span data-v-edcd02f2>Windows 11 Color图标</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="https://igoutu.cn/icons/glyph-neue" data-v-edcd02f2><span data-v-edcd02f2>Glyph Neue</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="https://igoutu.cn/icons/ios-glyphs" data-v-edcd02f2><span data-v-edcd02f2>iOS Glyph图标</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</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>插图</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://igoutu.cn/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>最新</span></div><div class="desc" data-v-ff0f8d67>Dribbble一流插画家的矢量插图。</div></a><a href="https://igoutu.cn/mega-creator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="杰作创作器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>杰作创作器</span></div><div class="desc" data-v-ff0f8d67>拖放优质图片库即可创作出插图。</div></a><a href="https://igoutu.cn/l/animations/" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap has-hover" data-v-ff0f8d67><img alt="动态插图" loading="lazy" data-v-ff0f8d67><img src="https://maxcdn.icons8.com/download/misc/icons8-header/animated-illlustrations-cover.gif" alt="动态插图" class="img-hover" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>动态插图</span></div><div class="desc" data-v-ff0f8d67>动态图片让您的作品活灵活现。</div></a><a href="https://igoutu.cn/illustration-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="插图生成器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>插图生成器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>以独特的艺术风格生成一系列风格统一的插图</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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="插件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>插件</span></div><div class="desc" data-v-ff0f8d67>可将插图拖放至其他软件。</div></a><div class="navlist" data-v-edcd02f2><div class="navlist-wrap" data-v-edcd02f2><a href="https://igoutu.cn/illustrations/styles" data-v-edcd02f2><span data-v-edcd02f2>所有风格</span></a><a href="https://igoutu.cn/illustrations/styles/3d" data-v-edcd02f2><span data-v-edcd02f2>三维插图</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="https://igoutu.cn/illustrations/styles/trendy" data-v-edcd02f2><span data-v-edcd02f2>时尚插图</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</span></a><a href="https://igoutu.cn/illustrations/education" data-v-edcd02f2><span data-v-edcd02f2>教育插图</span></a><a href="https://igoutu.cn/illustrations/business" data-v-edcd02f2><span data-v-edcd02f2>商业插图</span></a><a href="https://igoutu.cn/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>人工智能</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>最新</span></div><div class="desc" data-v-ff0f8d67>为同一个人制作成百上千张不同的照片</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="人像生成器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>人像生成器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>最先进的全身人像生成器</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="人脸生成器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>人脸生成器</span></div><div class="desc" data-v-ff0f8d67>人工智能实时生成独特、逼真的人脸。</div></a><a href="https://igoutu.cn/illustration-generator" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="插图生成器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>插图生成器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>以独特的艺术风格生成一系列风格统一的插图</div></a><a href="https://igoutu.cn/swapper" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="换脸器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>换脸器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>制作高质量的换脸。</div></a><a href="https://igoutu.cn/upscaler" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="智能升级器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>智能升级器</span></div><div class="desc" data-v-ff0f8d67>利用人工智能提高图像分辨率。</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>生成的人脸</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</span></a><a href="https://generated.photos/humans" data-v-edcd02f2><span data-v-edcd02f2>生成的全身人像</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="https://generated.photos/anonymizer" data-v-edcd02f2><span data-v-edcd02f2>人工智能匿名器</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</span></a><a href="https://igoutu.cn/bgremover" data-v-edcd02f2><span data-v-edcd02f2>背景去除器</span></a><a href="https://generated.photos/datasets" data-v-edcd02f2><span data-v-edcd02f2>数据集</span></a><a href="https://generated.photos/api" data-v-edcd02f2><span data-v-edcd02f2>生成照片——API</span></a><a href="https://developers.icons8.com/docs/upscaler" data-v-edcd02f2><span data-v-edcd02f2>智能升级器——API</span></a><a href="https://developers.icons8.com/docs/bgRemover" data-v-edcd02f2><span data-v-edcd02f2>背景去除器——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>照片</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://igoutu.cn/photos" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="麋鹿" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>麋鹿</span></div><div class="desc" data-v-ff0f8d67>摄影棚照片素材</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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软件和Windows软件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>Mac软件和Windows软件</span></div><div class="desc" data-v-ff0f8d67>快速的本地软件，为您提供图标、插图和照片。</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="插件" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>插件</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>可将照片拖放至其他软件。</div></a><a href="https://igoutu.cn/swapper" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="换脸器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>换脸器</span><span class="i8-badge warning" data-v-ff0f8d67 data-v-c7364173>最新</span></div><div class="desc" data-v-ff0f8d67>制作高质量的换脸。</div></a><a href="https://igoutu.cn/upscaler" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="智能升级器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>智能升级器</span></div><div class="desc" data-v-ff0f8d67>利用人工智能提高图像分辨率</div></a><a href="https://igoutu.cn/bgremover" class="i8-nav-card card" data-v-edcd02f2 data-v-ff0f8d67><div class="img-wrap" data-v-ff0f8d67><img alt="背景去除器" loading="lazy" data-v-ff0f8d67></div><div class="title" data-v-ff0f8d67><span data-v-ff0f8d67>背景去除器</span></div><div class="desc" data-v-ff0f8d67>去除各种照片的背景</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>人像生成器</span><span class="i8-badge warning" data-v-edcd02f2 data-v-c7364173>最新</span></a><a href="https://generated.photos/face-generator" data-v-edcd02f2><span data-v-edcd02f2>人脸生成器</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</span></a><a href="https://generated.photos" data-v-edcd02f2><span data-v-edcd02f2>人工智能生成照片</span></a><a href="https://generated.photos/anonymizer" data-v-edcd02f2><span data-v-edcd02f2>人工智能匿名器</span></a><a href="https://igoutu.cn/photos/transparent" data-v-edcd02f2><span data-v-edcd02f2>透明PNG</span><span class="i8-badge primary" data-v-edcd02f2 data-v-c7364173>热门</span></a><a href="https://igoutu.cn/mega-creator" data-v-edcd02f2><span data-v-edcd02f2>杰作创作器</span></a></div></div></div></div></div></div></div></div><a title="音乐" href="https://igoutu.cn/music" class="i8-header-nav__link" data-v-ad28c93e> 音乐</a><a href="/lunacy" class="i8-header-nav__link" title="Lunacy" data-v-ad28c93e> Lunacy</a><a title="博客" target="_blank" href="https://blog.icons8.com/" class="i8-header-nav__link" data-v-ad28c93e> 博客</a><a href="/pricing" class="is-pricing i8-header-nav__link" title="价目" data-v-ad28c93e> 价目</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">更多</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/zh.svg" alt="Change lang" 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/shape" 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="Change lang" 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/shape" 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="Change lang" class="i8-flag" loading="lazy"></div><span class="text__chosen text" data-v-7ac71762>简体中文</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://icones8.fr/iconizer/shape" 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="Change lang" 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/shape" 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="Change lang" class="i8-flag" loading="lazy"></div><span class="text" data-v-7ac71762>Deutsch</span></a></div><div class="i8-dropdown-item" tabindex="0" data-v-e7670f25><a href="https://icons8.it/iconizer/shape" 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="Change lang" 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/shape" 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="Change lang" 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/shape" 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="Change lang" 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/shape" 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="Change lang" 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/shape" 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="Change lang" 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/shape" 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="Change lang" 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>添加图形</h1><h2 class="header__subtitle" data-v-2d693843>点击几下即可在图标周围添加圆形、方形。</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>颜色 </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>描边 </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 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>背景 </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>文字 </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>填充 </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>子图标 </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.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>放到图形上 </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>位置 </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>旋转 </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>从这些图标开始</h2><p data-v-2d693843>尝试使用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>有了图标器，你就可以简单、快速地修改图标、为自己的图标或<a href="http://icons8.com/icons">Icons8</a>图库中的图标添加圆形、方形。这让你可以轻松地为自己的需求量身定制图标。</p> <p>使用方法：把图标上传至编辑器。你可以从下方列表中选择一个，还可以上传自己的图标。选定图标后，添加圆形、方形，设置圆角半径。最后，将最终作品下载为PNG或SVG格式。</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>订阅我们的新闻通讯</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="请输入邮箱…" 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>订阅</button></form></div><div class="i8-footer-top__footer-media-wrap" data-v-71288d64><div class="i8-footer-top__title" data-v-71288d64>加入社区</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="/l/media-kit" target="_blank" class="link" data-v-dcac4535>广告合作</a></li><li data-v-dcac4535><a rel="noopener" href="https://icons8.com/l/affiliate/" target="_blank" class="link" data-v-dcac4535>会员推广计划</a></li></ul><div class="recaptcha-text hidden-sm" data-v-dcac4535>利用reCAPTCHA保护，适用谷歌的<a href="https://policies.google.com/privacy">隐私政策</a>与<a href="https://policies.google.com/terms">服务条款</a>。</div></div><div class="grid" data-v-dcac4535><ul data-header="设计素材" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/icons" rel="noopener" class="link" data-v-dcac4535>图标</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/illustrations" rel="noopener" class="link" data-v-dcac4535>插图</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/photos" rel="noopener" class="link" data-v-dcac4535>照片素材</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/music" rel="noopener" class="link" data-v-dcac4535>免版税音乐</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/threedio" rel="noopener" class="link" data-v-dcac4535>三维模型</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://generated.photos/" rel="noopener" class="link" data-v-dcac4535>人工智能生成人脸</a></li></ul><ul data-header="软件" 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://igoutu.cn/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>插件</a></li></ul><ul data-header="请求" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/icons/request-icon" rel="noopener" class="link" data-v-dcac4535>图标</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/illustrations/request-illustration" rel="noopener" class="link" data-v-dcac4535>插图</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://lunatics.icons8.com" rel="noopener" class="link" data-v-dcac4535>Lunacy功能</a></li></ul><ul data-header="公司" data-v-dcac4535><li class="" data-v-dcac4535><a href="/about" rel="noopener" target="_blank" class="link" data-v-dcac4535>关于Icons8</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/our-business-model" rel="noopener" class="link" data-v-dcac4535>商业模式</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://icons8.com/blog" rel="noopener" class="link" data-v-dcac4535>博客</a></li></ul><ul data-header="在线工具" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/mega-creator" rel="noopener" class="link" data-v-dcac4535>Mega Creator</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/upscaler" rel="noopener" class="link" data-v-dcac4535>Smart Upscaler</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/bgremover" rel="noopener" class="link" data-v-dcac4535>Background Remover</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://igoutu.cn/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="面向开发者" 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</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</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</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</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</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</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>象形异体线</a></li></ul><ul data-header="技术支持" data-v-dcac4535><li class="" data-v-dcac4535><a target="_blank" href="https://community.icons8.com/" rel="noopener" class="link" data-v-dcac4535>论坛</a></li><li class="" data-v-dcac4535><a target="_blank" href="https://intercom.help/icons8-7fb7577e8170/en/" rel="noopener" class="link" data-v-dcac4535>常见问题</a></li><li class="" data-v-dcac4535><a href="/docs" rel="noopener" target="_blank" class="link" data-v-dcac4535>用户手册</a></li><li class="" data-v-dcac4535><a href="/contact" rel="noopener" target="_blank" class="link" data-v-dcac4535>联系我们</a></li></ul><ul data-header="授权许可" data-v-dcac4535><li class="" data-v-dcac4535><a href="/license" rel="noopener" target="_blank" class="link" data-v-dcac4535>免费许可</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>付费许可</a></li><li class="" data-v-dcac4535><a href="/pricing" rel="noopener" target="_blank" class="link" data-v-dcac4535>价目</a></li></ul></div><div class="recaptcha-text hidden-lg" data-v-dcac4535>利用reCAPTCHA保护，适用谷歌的<a href="https://policies.google.com/privacy">隐私政策</a>与<a href="https://policies.google.com/terms">服务条款</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>隐私政策</a><a href="/terms-and-conditions" class="link" data-v-26960013>条款与条件</a><div class="cdn" data-v-26960013>加速方式： <a href="https://www.cdn77.com/cn" 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":166,"_errors":168,"serverRendered":102,"path":170,"pinia":171},{"options:asyncdata:$ywnRNBu0mq:/iconizer/shape:0":3},{"seo":4,"activeEffect":96,"menu":104},{"title":5,"meta":6,"link":52},"在线为图标添加圆形、方形。",[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","点击几下即可为任意图标添加图形。添加圆形、方形，设置圆角半径，根据自己的喜好修改图标。",{"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://igoutu.cn/iconizer/shape",{"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,61,65,69,73,77,81,85,89,93],{"rel":54,"hreflang":55,"hid":56,"href":57},"alternate","en","alternate-en","https://icons8.com/iconizer/shape",{"rel":54,"hreflang":59,"hid":60,"href":20},"zh","alternate-zh",{"rel":54,"hreflang":62,"hid":63,"href":64},"fr","alternate-fr","https://icones8.fr/iconizer/shape",{"rel":54,"hreflang":66,"hid":67,"href":68},"de","alternate-de","https://icons8.de/iconizer/shape",{"rel":54,"hreflang":70,"hid":71,"href":72},"it","alternate-it","https://icons8.it/iconizer/shape",{"rel":54,"hreflang":74,"hid":75,"href":76},"ja","alternate-ja","https://icons8.jp/iconizer/shape",{"rel":54,"hreflang":78,"hid":79,"href":80},"pt","alternate-pt","https://icons8.com.br/iconizer/shape",{"rel":54,"hreflang":82,"hid":83,"href":84},"ru","alternate-ru","https://icons8.ru/iconizer/shape",{"rel":54,"hreflang":86,"hid":87,"href":88},"es","alternate-es","https://iconos8.es/iconizer/shape",{"rel":54,"hreflang":90,"hid":91,"href":92},"ko","alternate-ko","https://icons8.kr/iconizer/shape",{"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},"shape","放到图形上","添加图形","点击几下即可在图标周围添加圆形、方形。","\u003Cp>有了图标器，你就可以简单、快速地修改图标、为自己的图标或\u003Ca href=\"http://icons8.com/icons\">Icons8\u003C/a>图库中的图标添加圆形、方形。这让你可以轻松地为自己的需求量身定制图标。\u003C/p>\n\u003Cp>使用方法：把图标上传至编辑器。你可以从下方列表中选择一个，还可以上传自己的图标。选定图标后，添加圆形、方形，设置圆角半径。最后，将最终作品下载为PNG或SVG格式。\u003C/p>",true,false,{"color":105,"stroke":113,"background":121,"text":129,"padding":137,"overlay":145,"shape":96,"position":153,"rotation":160},{"effect":106,"menuTitle":107,"title":108,"subtitle":109,"metaTitle":110,"metaDescription":111,"description":112,"active":103,"applied":103},"recolor","颜色","修改颜色","整个矢量图标或部分重新着色。纯色填充或渐变色填充。","在线修改图标颜色","修改图标颜色，整个矢量图标或部分重新着色。使图标的颜色与您的软件、网站风格相一致。","\u003Cp>图标是各种视觉作品的必要组成部分。图标使内容清晰易懂，有助于信息交流。利用图标器，你可以在线修改图标颜色、图标重新着色，非常简单，可以使用我们的图标库。这样你就可以为自己的作品制作风格统一的外观，保证自己的图标永远超凡脱俗。\u003C/p>\u003Cp>使用方法：打开在线编辑器并选择一个图标。你可以上传图标，也可以从提供的图标库中选取一个图标。然后，修改颜色以匹配您的品牌或作品。当你完成后，可将结果下载为PNG或SVG格式。\u003C/p>",{"effect":114,"menuTitle":115,"title":116,"subtitle":117,"metaTitle":118,"metaDescription":119,"description":120,"active":103,"applied":103},"stroke","描边","添加描边","为图标描边，选择描边的颜色和粗细。","为图标添加描边","在线添加描边和轮廓来修改图标。","\u003Cp>图标器是为图标添加描边的最佳在线工具。可以从我们的图标库中选择，还可以上传图标。我们可以轻松地为图标添加轮廓，您就可以使自己的项目获得完美外观。\u003C/p>\n\u003Cp>在编辑器添加图标的方法如下，选其一：\u003Cbr>\n1.自己从电脑上传图标；\u003Cbr>\n2.从提供的图标列表选取一个；\u003Cbr>\n3.为现有图标添加描边。\u003Cbr>\n选好图标或编辑好图标后，可下载为PNG或SVG格式，从而用于自己的网站或项目。\u003C/p>",{"effect":122,"menuTitle":123,"title":124,"subtitle":125,"metaTitle":126,"metaDescription":127,"description":128,"active":103,"applied":103},"background","背景","添加背景","为图标背景填充纯色或渐变色。","更改图标背景","更改图标的背景色。使图标的背景色与您的软件、网站风格相一致。","\u003Cp>图标器最适用于为自己的图标添加背景以及从我们的图标库中选择图标。你还可以上传图标并在线修改背景。让您轻而易举地制作专业的图标，在各种网站和文档中都可以脱颖而出。\u003C/p>\u003Cp>上传图标非常简单，拖放至编辑器即可，或者从下面列表中选一个图标。选好图标后，就可以添加背景颜色或背景图像。完成以后，最终作品可下载为PNG或SVG格式。\u003C/p>",{"effect":130,"menuTitle":131,"title":132,"subtitle":133,"metaTitle":134,"metaDescription":135,"description":136,"active":103,"applied":103},"text","文字","添加文字","在图标上添加文字，可选择字体、大小和位置。","在图标上添加文字","在线为图标添加文字。添加文字、表情符号、符号以修改图标。","\u003Cp>图标器最适合在线为图标添加文字。你可以从我们的图标库中选择，还可以自己上传图标。然后就可以在线修改文字。非常适合为网站、软件、博客制作徽标和图像。\u003C/p>\u003Cp>使用方法：从提供的列表中选择一个图标或者自己上传。最后，可以把完成的作品下载为PNG或SVG格式。\u003C/p>",{"effect":138,"menuTitle":139,"title":140,"subtitle":141,"metaTitle":142,"metaDescription":143,"description":144,"active":103,"applied":103},"padding","填充","添加填充","为图像添加填充，为图标加边框，使其更小。","在线为图标添加填充","在线为图像、图标添加白色填充。在线为图片设置各种填充，以匹配自己的网站设计或社交媒体上的帖子。","\u003Cp>图标器使得在线为图标添加填充轻而易举。只需点击几下，就可以为图标加边框，使其变小。此外，我们提供一个图标库供您选择。\u003C/p>\u003Cp>使用方法：上传一个图标至编辑器。你可以从下方列表中选取一个图标，也可以上传自己的图标。选好图标后，为图标添加填充。这样会保证文字对齐，看起来整齐。最后，将最终作品下载为PNG或SVG格式。\u003C/p>",{"effect":146,"menuTitle":147,"title":148,"subtitle":149,"metaTitle":150,"metaDescription":151,"description":152,"active":103,"applied":103},"overlay","子图标","添加子图标","在图标上添加小部件，如加号、减号、警示标记等等。","在线为图标添加子图标","在线为图标添加另一个图标，定制满意图标。利用添加子图标功能，在线将多个图标合并到一个图标。","",{"effect":154,"menuTitle":155,"title":155,"subtitle":156,"metaTitle":157,"metaDescription":158,"description":159,"active":103,"applied":103},"position","位置","更改图标位置并单击两次保存","在线修改图标位置","在线更改图标位置，单击几下即可将图标移至中心或从中心移出。上传您的图标并根据需要移动图标图像。免费下载新图标。","\u003Cp>图标器是修改图标和在图像上添加图标的最好工具。从\u003Ca href=\"https://igoutu.cn/icons/\">Icons8\u003C/a>图标库选择一个图标，图标器帮您使图标完美适合您的需求。\u003C/p>\u003Cp>首先，在图标器上传一个图标。你可以从下方选取，也可以自己上传。然后，从被选中图标的中心移动图标，或者将图标移至被选中图标。\u003C/p>\u003Col>\u003Cli>上传一个图标至编辑器或者从下方选择一个图标。\u003C/li>\u003Cli>将图标放好位置\u003C/li>\u003Cli>将最终结果下载为PNG、SVG格式。\u003C/li>\u003C/ol>",{"effect":161,"menuTitle":162,"title":162,"subtitle":163,"metaTitle":164,"metaDescription":165,"description":159,"active":103,"applied":103},"rotation","旋转","旋转图标并单击两次保存","在线旋转图标","点击即可在线旋转图标。上传图标或从icons8图标库选择图标，然后旋转图标直到满足设计需求。免费下载这个新图标。",{"$snuxt-delay-hydration-mode":167,"$s@nuxtjs/i18n:redirect":152},"mount",{"options:asyncdata:$ywnRNBu0mq:/iconizer/shape:0":169},null,"/iconizer/shape",{"auth-v3":172},{"user":173},{"isGuest":102,"activeLicense":103,"authToken":103,"fingerPrintId":169,"loaded":103,"licenses":169,"defaultLicense":169,"isPaid":169}]</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>