CINXE.COM

<!DOCTYPE html> <html lang="br"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="msapplication-config" content="none" /> <link rel="shortcut icon" href="https://media.flaticon.com/dist/min/img/favicon.ico"> <meta name="google-site-verification" content="jFocZR0Xg3630llv9ftPl5uCj4D5b2I4TfWjLpL-QR4" /> <meta name="naver-site-verification" content="4c0baa4943d32420d0e79f8706e01cda67156093" /> <meta name="p:domain_verify" content="c98d39b8210b59a48713c599c6475bdf" /> <link rel="apple-touch-icon" sizes="58x58" href="https://media.flaticon.com/dist/min/img/apple-icon-58x58.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://media.flaticon.com/dist/min/img/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="87x87" href="https://media.flaticon.com/dist/min/img/apple-icon-87x87.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://media.flaticon.com/dist/min/img/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://media.flaticon.com/dist/min/img/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://media.flaticon.com/dist/min/img/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="167x167" href="https://media.flaticon.com/dist/min/img/apple-icon-167x167.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://media.flaticon.com/dist/min/img/apple-icon-180x180.png" /> <link rel="apple-touch-icon" sizes="1024x1024" href="https://media.flaticon.com/dist/min/img/apple-icon-1024x1024.png" /> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/nkhjnpgcnmdpeikbeegmibjcfjpamjnp"> <meta name="facebook-domain-verification" content="mqqw5yoiv6x0bu0vwfj9kfem9n1aeg" /> <title>Uicons: mais de 34,000 ícones em SVG e fontes de ícones Grátis. Ícones incríveis para qualquer projeto</title> <meta name="description" content="Ícones grátis para Web, Android, iOS. Mais de 34,000 ícones em SVG e fontes de ícones grátis"> <meta name="twitter:card" content="summary_large_image"> <meta name='twitter:site' content='@flaticon'> <meta name='twitter:creator' content='@flaticon'> <meta name='twitter:title' content="Uicons: mais de 34,000 ícones em SVG e fontes de ícones Grátis. Ícones incríveis para qualquer projeto"> <meta name='twitter:description' content="Ícones grátis para Web, Android, iOS. Mais de 34,000 ícones em SVG e fontes de ícones grátis"> <meta name='twitter:image' content='https://media.flaticon.com/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.com/br/'> <meta property='og:title' content="Uicons: mais de 34,000 ícones em SVG e fontes de ícones Grátis. Ícones incríveis para qualquer projeto" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.com/br/uicons/interface-icons' /> <meta property='og:description' content="Ícones grátis para Web, Android, iOS. Mais de 34,000 ícones em SVG e fontes de ícones grátis" data-dynamic='true' /> <meta property='og:type' content='article' data-dynamic='true' /> <meta property='og:image' content='https://media.flaticon.com/share/flaticon-generic.jpg' /> <meta property='og:image:type' content='image/png' data-dynamic='true'> <meta property='og:image:width' content='1200' data-dynamic='true' /> <meta property='og:image:height' content='630' data-dynamic='true' /> <meta property='og:image:alt' content='Ícones de interface' /> <meta property='article:author' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='article:publisher' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='og:locale' content='en_US' /> <link rel="canonical" href="https://www.flaticon.com/br/uicons/interface-icons"> <link rel="alternate" hreflang="x-default" href="https://www.flaticon.com/uicons/interface-icons"> <link rel="alternate" hreflang="en" href="https://www.flaticon.com/uicons/interface-icons"> <link rel="alternate" hreflang="es" href="https://www.flaticon.es/uicons/interface-icons"> <link rel="alternate" hreflang="pt" href="https://www.flaticon.com/br/uicons/interface-icons"> <link rel="alternate" hreflang="ko" href="https://www.flaticon.com/kr/uicons/interface-icons"> <link rel="alternate" hreflang="de" href="https://www.flaticon.com/de/uicons/interface-icons"> <link rel="alternate" hreflang="fr" href="https://www.flaticon.com/fr/uicons/interface-icons"> <link rel="alternate" hreflang="ru" href="https://www.flaticon.com/ru/uicons/interface-icons"> <link rel="preload" href="https://media.flaticon.com/dist/min/img/logo/flaticon_negative.svg" as="image"> <link rel="preload" href="https://media.flaticon.com/dist/assets/bobjoll.202cca458fa9de5d74455893e517f85c.woff2" as="font" crossorigin importance="high"> <script type="text/javascript" src="https://media.flaticon.com/dist/js/global.568ab1fee14581be5afc.js"></script> <link rel="preload" href="https://media.flaticon.com/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/userSession-auth.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/fi-base.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/uicons.568ab1fee14581be5afc.js" as="script"> <link href="https://media.flaticon.com/dist/css/fi-style.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/> <link href="https://media.flaticon.com/dist/css/fi-uIcons.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/>  <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-ignore-ga='true' data-domain-script="099871c5-1aa9-43b5-9f64-9b987d74fdcc"></script> <script type="text/javascript"> function OptanonWrapper() {} </script>    <link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com">  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42742855-1"></script>   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRQMDLG'); </script>  <link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-42742855-1', 'auto', { 'allowLinker': true }); ga('require', 'linker'); ga('linker:autoLink', ['flaticon.com', 'flaticon.es', 'freepikcompany.com']); ga('send', 'pageview'); </script> <script> var STATIC_URL = 'https://image.flaticon.com/'; var ACCOUNTS_BASE_URL = 'https://www.flaticon.com/br/profile/'; var ACCOUNTS_URL = 'https://www.flaticon.com/br/profile/'; var ACCOUNTS_API_KEY = 'aHR0cHM6Ly93d3cuZmxhdGljb24uY29tL2Jy'; var FACEBOOK_APP_ID = '579360525479711'; var FACEBOOK_APP_VERSION = 'v3.2'; var GOOGLE_CLIENT_ID = '544984668822-l66ipmg9o5lpalcntjckr651vbo72tcv.apps.googleusercontent.com'; var GOOGLE_API_KEY = 'AIzaSyCkyUw3UxCwg618Bknm9vdoWnYWji4lQSM'; var LANGUAGE = 'portuguese'; var language = 'portuguese'; var LANGUAGE_SHORT = 'br'; var URL_LOG = 'https://www.flaticon.com/br/Errors/js_error'; var RE_CAPTCHA_KEY = '6LdrxggTAAAAAEsVEMxap24sSkGS1nI3SsOigFyF'; var RE_CAPTCHA_SECRET = '6LdrxggTAAAAANBFArNBHFs8wDnZL5q51hkRPpls'; var RE_CAPTCHA_KEY_INVISIBLE_V2 = '6LdZqaMZAAAAAMi-EaIh8xjypOnZsUDt0a9B468g'; var PROF_RE_CAPTCHA_KEY_INVISIBLE = '6LfEmSMUAAAAAEDmOgt1G7o7c53duZH2xL_TXckC'; var SPONSOR_BASE_URL = 'https://www.flaticon.com/edge/'; var APP_URL = 'https://www.flaticon.com/br/'; var BASE_URL = 'https://www.flaticon.com/'; var URL_STATIC_IMG = 'https://media.flaticon.com/dist/min/img/'; var SPONSOR_CACHE = 'b887ad3bcdddc52c8955ca132ff10e8ec345bf8g'; var SPONSOR_FREEPIK = 'https://www.flaticon.com/edge/banner2/search?'; var ACTIVE_AX_DETAIL = 0; var LANDING = false; var url_pre_ax_detail; var URL_CRM_LOG = 'https://www.flaticon.com/br/ajax/crm-log'; var FLATICON_URL_STATIC = 'https://media.flaticon.com/'; var MONTHLY_SUBSCRIPTION_PRICE = '9,99€'; var USA_MONTHLY_SUBSCRIPTION_PRICE = '11,99$'; var ANNUAL_SUBSCRIPTION_PRICE = '89,99€'; var USA_ANNUAL_SUBSCRIPTION_PRICE = '99,00$'; var ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '7,50€'; var USA_ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '8,25$'; var URL_CAMPAIGN = ''; var LICENSES = JSON.parse('{"name":{"1":"CC 3.0 BY","2":"Flaticon Basic License","3":"Editorial License"},"url":{"1":"http:\/\/creativecommons.org\/licenses\/by\/3.0\/","2":"https:\/\/media.flaticon.com\/license\/license.pdf","3":"https:\/\/media.flaticon.com\/license\/license_editorial.pdf"}}'); var FLATICON_SEO_APP_URL = JSON.parse('{"english":"https:\/\/www.flaticon.com\/","spanish":"https:\/\/www.flaticon.es\/","portuguese":"https:\/\/www.flaticon.com\/br\/","german":"https:\/\/www.flaticon.com\/de\/","korean":"https:\/\/www.flaticon.com\/kr\/","french":"https:\/\/www.flaticon.com\/fr\/","russian":"https:\/\/www.flaticon.com\/ru\/"}'); var SUPPORT_URL = 'https://support.flaticon.com/s/'; var SUPPORT_LANG = 'language=en_US'; var GR_LANGUAGE = 'br'; var FLATICON_URL_IMAGE = 'https://image.flaticon.com/'; var COUPON_PRICING = 'FI10cART23q3' var MERCHANDISING_LICENSE_CHECK_URL = 'https://www.flaticon.com/br/merchandising-license/check'; var GOOGLE_ONE_TAP_LOGIN_URL = 'https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon'; var URL_GENERIC_IMAGE_SHARE = 'https://media.flaticon.com/share/flaticon-generic.jpg' var UICONS_LAST_VERSION = '2.6.0'; var IS_API_ORIGIN = false; var SPONSOR_CURRENT_PAGE = 1; var ESSENTIALS_STATUS = ''; var ESSENTIALS_DATE = ''; var UPDATE_BILLING_INFO = false; var VISIT_PLANS_PRICING = 0; var GOOGLE_IDP_URL_LOGIN = 'https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt'; var GOOGLE_IDP_URL_REGISTER = 'https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt'; // Optimize Tests var optimizeTests = []; var FEATURE_COLOR_PALETTE = false; var FEATURE_SHUTTERSTOCK_COUPON = true; var FEATURE_DOWNLOAD_SVG_SEARCH = true; var FEATURE_NOTIFICATIONS_HEADER = true; var FEATURE_FILTER_GROUP_BY = false; var FEATURE_ENABLE_GOOGLE_ADS_DETAIL = true; var FEATURE_DISABLE_AFFILIATE_BY_COUNTRY = false; var FEATURE_CMP = true; var CSRF_TOKEN_NAME = 'csrf_token'; var CSRF_TOKEN = 'b9f50a342861ff26a641db9ec9ed71d4'; var PACK_LICENSE_URL = 'https://www.flaticon.com/br/license/pack/'; var IS_UICONS_VIEW = true; var FLATICON_URL = 'https://www.flaticon.com/br/'; var AMOUNT_IN_RELATED_BY_TAG_AND_STYLE = 24; function gtag() { dataLayer.push(arguments) } var USER_REGISTERED = false; var FLATICON_UPLOAD_ICONS_URL = 'https://upload-icon.flaticon.com/'; var USER_COUNTRY_CODE = 'US'; USER_COUNTRY_CODE = 'SG'; var HAS_USER_BILLING_IN_INDIA = false; var PRODUCT_PRICING_YEARLY_PER_MONTH = '11.08 SGD'; var PRODUCT_PRICING_YEARLY = '132.99 SGD'; var PRODUCT_PRICING_MONTHLY = '14.99 SGD'; var FLATICON_DOWNLOAD_URL = 'https://www.flaticon.com/br/'; var CDN_URL_PREFIX = 'https://cdn-uicons.flaticon.com/'; var RESOURCE_TYPE = 'uicon'; var IS_USER_PREMIUM = false; var TOTAL_UICONS_GROUPED_BY_STYLE = {"1290":"(4,100+ icons)","1291":"(4,200+ icons)","1292":"(4,100+ icons)","1293":"(4,200+ icons)","1294":"(4,200+ icons)","1295":"(4,100+ icons)","1356":"(200+ icons)","1359":"(3,900+ icons)","1360":"(3,900+ icons)","1451":"(900+ icons)","1452":"(900+ icons)","1453":"(900+ icons)","1456":"(17+ icons)"}; var TOTAL_UICONS_NUMBER_GROUPED_BY_STYLE = {"1290":4134,"1291":4213,"1292":4190,"1293":4205,"1294":4205,"1295":4160,"1356":232,"1359":3966,"1360":3991,"1451":912,"1452":912,"1453":912,"1456":17}; var SPONSOR = 'adobe'; var FEATURE_SPONSOR_ISTOCK = false; var FEATURE_SPONSOR_SHUTTERSTOCK = false; FEATURE_SPONSOR_SHUTTERSTOCK = true; SPONSOR = 'shutterstock'; // Sending ClientId to Shutterstock iframes var clientId = undefined; var iframeQueue = []; function sendClientId() { while (iframeQueue.length > 0) { var iframe = iframeQueue.pop(); // Extract domain from iframe src var parser = document.createElement('a'); parser.href = iframe.src; var target = parser.protocol + '//' + parser.hostname; iframe.contentWindow.postMessage(clientId, target); } } function askForClientId(element) { iframeQueue.push(element); if (clientId) { sendClientId(); } } ga(function(tracker) { clientId = tracker.get('clientId'); sendClientId(); }); if (window.performance && document.addEventListener && window.addEventListener) { document.addEventListener('DOMContentLoaded', function() { ga('send', 'timing', 'performance', 'DOMContentLoaded', Math.round(performance.now()) /* TODO: 'Highwinds CDN' | 'Edgecast CDN' | 'OVH' */ ); }); } </script> <link rel="preconnect dns-prefetch" href="https://www.googletagservices.com"> <script type="text/javascript" src="https://try.abtasty.com/7589c1945ce38ce68d47d42a1cf45c3b.js"></script> <link rel="preload" as="script" href="https://ssm.codes/smart-tag/flaticoncomv2.js"> <script async src="https://ssm.codes/smart-tag/flaticoncomv2.js"></script>  <script> function dispatchGoogleOneTapMomentEvent(notification) { window.dispatchEvent(new CustomEvent('googleOneTapDisplayed', { detail: notification.isDisplayed() })); } </script> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="g_id_onload" data-client_id="705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com" data-login_uri="https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon" data-skip_prompt_cookie="gr_session2" data-prompt_parent_id="g_id_onload" data-moment_callback="dispatchGoogleOneTapMomentEvent" data-callback="oneTapCallback" ></div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Flaticon", "url": "https://www.flaticon.com/br/", "logo": "https://media.flaticon.com/dist/min/img/flaticon-logo.svg", "sameAs": [ "https://www.facebook.com/flaticon", "https://twitter.com/flaticon", "https://www.pinterest.es/flaticon/" ] } </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Flaticon", "url": "https://www.flaticon.com/br/", "potentialAction": { "@type": "SearchAction", "target": "https://www.flaticon.com/br/buscar?word={search_term_string}", "query-input": "required name=search_term_string" } } </script>  <div class="myTestAd" style="position: absolute; pointer-events: none;"></div>  <link rel="preconnect" href="https://shb.richaudience.com"> <link rel="preconnect" href="https://ib.adnxs.com"> <link rel="preconnect" href="https://c.amazon-adsystem.com"> <link rel="preconnect" href="https://securepubads.g.doubleclick.net"> <link rel="preconnect" href="https://googleads.g.doubleclick.com"> <link rel="preconnect" href="https://pagead2.googlesyndication.com"> <link rel="preconnect" href="https://bidder.criteo.com"> <link rel="preconnect" href="https://prebid.mgid.com"> <link rel="preconnect" href="https://dmx.districtm.io"> <link rel="preconnect" href="https://ice.360yield.com"> <link rel="preconnect" href="https://adx.adform.net"> <link rel="preconnect" href="https://rtb.adpone.com">   <script> window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments)}; </script>  <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="R5JS7-M8GWC-DW7YC-BENQZ-YEA7H",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"R5JS7-M8GWC-DW7YC-BENQZ-YEA7H";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbeqxg2n4uz2g74ja-f-f83eee458-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"1587957","ak.ai":parseInt("1019318",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"8e58b69c","ak.r":47820,"ak.a2":n,"ak.m":"b","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":56310,"ak.gh":"23.54.124.76","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732706066","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==FXRVdAE6pf+vxAY81wThO19h9hPv15fxQ38cesrpRgUyaB9Bq3ed0PB+myX/7TlneM6ZtgX/0/EvuqUuJiEJy/4bFyutsmfQfHIleGF2jTFqzsKUjVmndA+ks+ixk8M+aIRc3MrImcQMMxwryB1RKrmobOI554gu97le7ubZHuRNOxhGW2c5Eg5kMXbMcR0P1qhp/4thVtQY5g6ATXPTZCEHMhPl91Kl6OqwfgY4j4N0wzqfZqmoEwzhO69x6x05EfJzMqIckmIDUHbn3ItnhN5Nt9Fmxt2tgngUksTBTubkz7svEIW/k1Ee+BXiecBCt//DPqBKcG7gmW+VXSSxamnNCTdNPGptkLare+c3PJSG0B+BU3ESR8EqupP7ECF7XEEvSW6tZnk6U5WdXXeV/Kx+crZhQHdXwJI8OXCY608=","ak.pv":"25","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class=" uicons uicons--landing hero--white" data-section="uicons-landing"> <section id="viewport" class="viewport "> <script type="text/javascript"> var messages = { common: { allIcons: 'Todos os ícones', allStickers: 'Todas as figurinhas', allAnimatedIcons: 'Todos os ícones animados', allInterfaceIcons: 'Todos os ícones de interface', icons: 'ícones', interface_icons: 'ícones de interface', stickers: 'figurinhas', animated_icons: 'ícones animados', packs: 'pacotes', icon_packs: 'pacotes de ícone', icon_styles: 'estilos de ícone', sticker_packs: 'pacotes de figurinhas', sticker_styles: 'estilos de figurinha', interface_icons_packs: 'pacotes de ícones de interface', url_icons: 'https://www.flaticon.com/br/icones', url_search_icon_packs: '/pacotes', url_stickers: 'https://www.flaticon.com/br/stickers', url_animated_icons: 'https://www.flaticon.com/br/icones-animados', url_sticker_detail: 'sticker-gratis', url_sticker_latest: 'ultimos-stickers', url_sticker_premium: 'sticker-premium', url_uicons: 'https://www.flaticon.com/br/uicons/interface-icons', pack: 'Pacote', style: 'estilo', category: 'categoria', free_icon: '/icone-gratis/', icons_format: 'Baixe todos os ícones no formato SVG, PSD, EPS ou como fontes da web', collections: 'colecoes/', view_icon: 'Visualizar ícone', search_related_icons: 'Pesquisar ícones relacionados', browse_pack: 'Navegar pacote', author_packs: 'Criador do pacote', free: 'grátis', cc_exp_title: 'Atenção!', cc_exp_desc: 'Seu cartão de crédito está para expirar. Por favor, <a href=\"https://www.flaticon.com/br/profile/my_subscriptions\">atualize seu cartão aqui</a> e continue com seu plano Premium', download: 'Baixar', downloadAsset: 'Baixar recurso', more_info: 'Mais informações', downloads: 'downloads', view_all: 'Ver todos', view_detail: 'Ver detalhe', more: 'Mais', edit: 'Editar', download_svg: 'Download SVG', download_png: 'Download PNG', read_more: 'Leia mais', more_icons_author: 'Mais ícones deste autor', more_formats: 'Mais formatos', search_author_resources: 'Pesquisar ícones com o mesmo estilo', search_icons_style: 'Pesquisar ícones com este estilo', url_search: '/buscar', url_free_icons: 'icones-gratis/', cancel: 'Cancelar', send: 'Enviar', show_more: 'Mostrar mais', premium_download: 'Download Premium', download_pack: 'Baixar o pacote', login: 'Log in', register: 'Cadastrar', register_download: 'Registrar e Baixar', see_more: 'Ver mais', url_downloads_limit: 'limite-de-downloads', copy: 'copiar', copyPNG: "Copiar PNG para a área de transferência", copyPNGbutton: "Copiar PNG", copySVG: "Copiar SVG para a área de transferência", copySVGbutton: "Copiar SVG", copy_png_svg: "Copie PNG/SVG para a área de transferência", faqs: 'Mais perguntas? Leia as <a href=\"https://support.flaticon.com/s/article/What-are-Flaticon-Premium-licenses?language=en_US\" target=\"_blank\" class=\"medium\">Perguntas Frequentes</a>', whats_news_url: '/novidades', size: 'size', svg_type: 'SVG type', regular_svg: 'Regular SVG', regular_svg_text: 'The one you have been always using in Flaticon (With expanded objects).', editable_svg: 'Editable SVG', editable_svg_text: 'This format make it easier to adjust the thickness of the strokes and change the objects shapes.', other_formats: 'other formats', animatedIcon : 'ícone animado grátis', svg_files: "Arquivos SVG", editable_strokes: "Traçados de pincel editáveis", editable_strokes_text: "Arquivo SVG não expandido com traçados de pincel e formas personalizáveis.", simplified : "Simplificado", simplified_text: "Arquivo SVG achatado com opções de edição limitadas.", new: "new", pageTitle: "Página", }, animatedIconDetail: { exploreRelated: "Explore ícones animados de %s relacionados", see: "Veja nosso ícone animado de %s em ação", look: "Pareça um profissional com este ícone animado de %s, e veja como ele ficará incrível no design de seu site, celular ou qualquer interface.", looksGreat: "Fica ótimo em uma interface", onNotification: "Ícone animado de %s em uma notificação", mobileInterface: "Ícone animado de %s fica muito bem em seu próximo projeto de interface de celular.", mobile: "Ícone animado de %s em um celular", worldwide: "Mundial", briefcase: "Pasta", menu: "Ícone animado de %s em um menu", sizes: "Use ícone animado de %s em diferentes tamanhos", stunning: "Ícones animados incríveis para impressionar a todos", highQuality: "Baixe ícones animados de alta qualidade gratuitamente, e dê aos seus projetos o destaque que você está procurando.", explore: "Explorar ícones animados", animatedIconsMostDownloadedUrl: "https://www.flaticon.com/br/icones-animados-mas-baixados", }, og: { 'webtitle': '{0} - Grátis {1} Ícones', 'title': '{0} criado por {1}', 'desc': 'Faça o download agora deste ícone vetorial em formato SVG, PSD, PNG, EPS ou como webfonts. Flaticon, a maior base de dados de ícones gratuitos.', 'animatedIconTitle': '{0} Animated Icon | Free {1} Animated Icon', }, limit: { registered: 'Você atingiu o limite de ícones <a href="https://www.flaticon.com/br/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Alert icons limit\'); " title="Tenha acesso a coleções ilimitadas!">Seja assinante Premium</a> e tenha acesso a coleções ilimitadas', guest: 'Você atingiu o limite de ícones. <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" title="Registre-se e tenha acesso a 256 ícones">Registre-se </a> e tenha acesso a 256 ícones', collection: 'Você chegou ao limite de ícones por coleção (256 ícones)', max_size: "Tamanho máximo do arquivo excedido", backup_max_size: "Não há espaço suficiente nesta coleção para adicionar seus arquivos de backup", downloaded_icons_perc: "Você atingiu %s% do seu limite de download", personal_limit: "Se você incluir estes {0} ícones pessoais nesta coleção, você atingirá o limite máximo de ícones pessoais por coleção ({1} ícones)" }, limit_anonymous: { title: 'Seus downloads estão acabando!', paragraph1: 'Hora de se tornar um usuário cadastrado', paragraph2: 'Crie uma conta gratuitamente e continue baixando', button: 'Registre-se gratuitamente' }, external_icon: { title: 'Ícone adicionado', message: 'Este ícone não é parte da Seleção do Flaticon. Por favor, adicione a atribuição do autor para usá-lo.' }, report: { message: 'Este ícone não faz parte da Seleção Flaticon. Por favor, atribua o autor para usá-lo.', report_icon: "Reportar este ícone", indicate_problem: "Por favor, indique o problema que foi encontrado. Obrigado!", download: 'O download não está funcionando', owner: 'Eu sou o proprietário deste ícone', link: "Não consigo encontrar o link de download", other: 'Outro', describe_problem: 'Descreva o problema' }, search: { search: 'Procurar', minimal_characters: 'Por favor, digite no mínimo um caractere para pesquisar', max_page_number: "Please type a correct page number to search", placeholder_icons: 'Procurar ícones', placeholder_packs: 'Procurar pacotes', placeholder_stickers: 'Pesquise por figurinhas', placeholder_animated_icons: "Pesquisar por ícones animados", placeholder_interface_icons: 'Procurar por ícones de interface', placeholder_icon_packs: 'Pesquisar por pacote de ícone', placeholder_icon_styles: 'Pesquisar por estilo de ícone', placeholder_sticker_packs: "Pesquisar por pacote de figurinha", placeholder_sticker_styles: "Pesquisar por estilo de figurinha", placeholder_interface_icons_packs: 'Pesquise pacotes de ícones de interface,', }, filters: { order_by: 'Ordenar por', style: 'Estilo', stroke: 'Traçado de pincel', detail: 'Ajuste de detalhes', date: 'Mais recente', popularity: 'Popularidade', downloads: 'Mais baixado', all: 'Todos', detailed: 'Detalhado', simple: 'Simples', mixed: 'Sortido', rounded: 'Arredondado', handmade: 'Feito à mão', filled: 'Preenchido', linear: 'Linear', angular: 'Angular', '3d': '3D', color: 'Cor', monocolor: 'Monocromático', multicolor: 'Colorido', appliedFilters: 'Applied filters', clearAll: 'Clear all' }, errors: { connectivity: 'Não é possível estabelecer conexão com os servidores do Flaticon. Por favor, verifique suas configurações de rede.', inactive_user: 'In order to download you must activate your account.' }, collection: { add_icon: 'Adicionar à coleção', delete_icon: 'Remover das coleções', default_name: 'Minha coleção de ícones', aware: 'Fique atento', iconfont_colors: 'Por razões técnicas, os ícones multicoloridos não serão incluídos entre os ícones de fonte.', add_premium: 'Este ícone está disponível apenas para usuários Premium. Você pode obter mais informações <a target="_blank" href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-icon-premium" title="Torne-se Premium!">aqui</a>', locked: 'Sua coleção está bloqueada, você pode <a target="_blank" href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-locked" title="Torne-se Premium!">fazer um upgrade em sua conta</a> e obter coleções ilimitadas', iconfont_tooltip: 'Baixe como fontes de ícones e use os ícones em seu site, totalmente personalizáveis com apenas CSS.', iconfont_disabled: "Na sua coleção, há apenas ícones multicoloridos. Esses ícones não podem ser usados com ícones de fonte.", duplicated_disabled: "Sua conta não permite mais coleções", share_disabled: "Inscreva-se para compartilhar!", upload_disabled: "Torne-se Premium para fazer o upload de ícones!", upload_icons: "Fazer o upload de ícones SVG!", duplicate: "Duplique", download_personal: "Your Collection has personal icons. These icons will not be downloaded in Icon Font format", svg_incorrect: "Formato SVG desfigurado", only_svg: "Apenas ícones SVG são permitidos", fetch_premium: 'Ícones Premium não podem ser adicionados à nova coleção <a target="_blank" href="https://www.flaticon.com/br/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Fetch collection premium error\'); " title="Torne-se Premium!">PTorne-se um usuário premium agora!</a>', fetch_personal: "Ícones pessoais não podem ser adicionados à sua nova coleção", friendly_reminder: "Lembrete:", no_custom_icons_in_backup: "Seu arquivo de backup não incluirá ícones editados", restore_personal: "Ícones pessoais não podem ser restaurados na sua nova coleção", upload_enabled: "Fazer upload dos seus ícones em svg", upload_disabled: "Upload desativado no modo de classificação", color_disabled: "Esta coleção não tem ícones ou todos os ícones são multicoloridos", success_restore: "Você restaurou com sucesso {0} de {1} ícones", icons_skiped: "{0} de {1} ícones não foram importados para sua coleção porque você já os tinha nela", locked_title: "Você tem coleções bloqueadas", locked_text: "Desbloqueie suas coleções, não limite o seu trabalho ", locked_button: "Atualização", locked_url: "https://www.flaticon.com/br/pricing", empty_collection_limit: "Você não pode criar mais coleções com uma coleção vazia. Adicione itens primeiro." }, fonts: { error_svg: 'Esse arquivo SVG não é um arquivo de fonte' }, url: { most_download: '/mais-baixados', latest_icons: '/ultimos-icones', search: '/buscar', packs_search: 'pacotes/buscar', style_search: 'style/search', packs: 'packs', authors: 'autores', guest_limit: 'visitante', premium_limit: 'Premium', free_icons: 'icones-gratis', pricing: 'pricing', craft: 'https://www.flaticon.com/br/merchandising-license', craft_purchases: 'https://www.flaticon.com/br/merchandising-license/purchases' }, attribution: { type_icon: 'ícones', type_sticker: 'figurinhas', type_animated_icon: 'ícones animados', uicons_made_by: 'Uicons por', icons_made_by: 'Ícones feitos por', stickers_made_by: 'Figurinhas feitas por', animatedIcon_made_by: 'Ícones animados feitos por', icons_created_by: 'ícones criados por', stickers_created_by: 'figurinhas criadas por', animatedIcon_created_by: 'ícones animados criados por', is_licensed_by: 'é licenciado por', description: "Selecione sua rede social favorita e compartilhe nossos ícones com seus contatos ou amigos. Se você não tiver essas redes sociais, copie o link e cole-o naquela que você usa. Para mais informações, leia o %sguia de atribuição%s ou %sbaixe a licença.%s", title: "Ei! Lembre-se de que você precisa atribuir %s", unicorn_text: "Toda vez que você atribui, um cavalo pega seu chifre e se torna um unicórnio", designer_text: "Toda vez que você atribui, você faz um designer feliz", rex_text: "Toda vez que você dá crédito, o T-rex pode tomar seu café", karma_text: "Toda vez que você atribui, você recebe +10 no seu Carma", download_problems: "Problemas com o download?", dont_want_credit: "Não quer dar créditos ao autor?", go_premium: 'Você pode tornar-se <a href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong><i class="icon icon--premium inline-block"></i>s facilmente e usar mais de <a href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong><i class="icon icon--premium inline-block"></i> de ícones sem atribuição. </strong></a>Saiba mais aqui17 milhões', go_premium_detail: 'Pode tornar-se <a href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Premium</strong></a> facilmente e usar mais de 17.5M ícones e stickers sem atribuição.', copy_and_attribute: "Copiar e atribuir", copy: "Copiar link", copied: "Copiado!", freepik_url: "https://www.freepik.com" }, typeform: { multi_question_search: "O que você melhoraria no processo de busca?", tell_us: "Fale para nós!" }, feedback: { thanks_message: "Agradecemos o seu feedback!" }, blockers: { is_present: "Parece que você tem um bloqueador de anúncios instalado. Por favor, desative-o para usufruir da melhor experiência no Flaticon.", }, link: { copied: "Link copiado", success: "A URL de compartilhamento foi copiada para a área de transferência" }, clipboard: { copied: "Copiado para a área de transferência", errorFirefox: '<b>Copying is disabled in Firefox.</b> Learn how to enable it <b><a href="https://support.flaticon.com/s/article/How-can-I-copy-icons-to-clipboard-FI?language=en_US" target="_blank" class="bold">here</a></b>.', png: { success: "Copiado para a área de transferência com sucesso", error: "Erro ao copiar para a área de transferência" } }, follows: { followIcon: "Seguir ícone", unFollowIcon: "Parar de seguir ícone", followAuthor: "Seguir", unFollowAuthor: "Parar de seguir", followStyle: "Seguir estilo", unFollowStyle: "Parar de seguir estilo" }, easterEggs: { halloween: { findMe: "Encontre-me!", close: "Fechar", pressEsc: "Pressione ESC ou", modalP1: "Você veio, você viu,<br> você o capturou!", modalP2: "Você é um verdadeiro caça-fantasmas, e o mundo merece saber disso.", share: "Compartilhe", shareText: "Flaticon está assombrado, ajude-nos a limpá-lo" } }, detail: { savePinterest: "Salvar", search_placeholder: "Pesquisar mais ícones neste estilo", icon: "ícone", sticker: "figurinha", animatedicon: "íconeanimado", free: "grátis", premium: "Premium", license: "Licença", report_this_icon: "Reportar este ícone", download_free_icon_in_png: "Baixar ícone gratuito no formato PNG", download_free_sticker_in_png: "Baixar figurinha grátis no formato PNG", download_vector_icon_in_svg: "Baixe o ícone vetorial no formato SVG", download_vector_sticker_in_svg: "Baixe a figurinha vetorial no formato SVG", download_vector_icon_in_eps: "Baixe o ícone vetorial no formato EPS", download_vector_icon_in_psd: "Baixe o ícone vetorial no formato PSD", download_vector_icon_in_base64: "Baixe o ícone vetorial no formato base64", download_vector_icon_in_PDF: "Baixe o ícone vetorial no formato PDF", download_vector_icon_in_JPG: "Baixe o ícone vetorial no formato JPG", download_free_icon_font_in_png: "Download free icon font in PNG format", download_free_icon_font_in_svg: "Download free icon font in SVG format", download_free_icon_font_for_android: "Download free icon font for Android", download_free_icon_font_for_ios: "Download free icon font for iOS", available_formats: "Disponível nos formatos <b>PNG</b>, <b>SVG</b>, <b>EPS</b>, <b>PSD</b> e <b>BASE 64</b>.", add_to_collection: "Adicionar à coleção", necessary_credit_author: "Atribuição obrigatória.", how_to_credit: "Como atribuir?", how_to_credit_authorship: "Como dar os créditos de autoria dos ícones?", how_to_credit_authorship_stickers: "Como dar crédito ao autor das figurinhas?", follow: "Seguir", following: "Seguindo", unfollow: "Parar de seguir", download_unlimited: "Baixe ícones ilimitados", download_unlimited_info: '<span>Baixar</span>ícones Premium ilimitados por <p class="js-currency" data-pricing="annualPerMonth" style="display:inline;">11.08 SGD</p>/mês', more_icons_pack: 'Mais ícones de', more_stickers_pack: 'Mais figurinhas de', more_icons_style: 'Mais ícones em', style: 'Estilo', add_to_bookmarks: "Adicionar aos favoritos", remove_from_bookmarks: "Remover dos favoritos", published: "Publicado", related_tags: "Tags relacionadas", search_related_icon: "pesquisar-icones-relacionados", what_is_this: "O que é isso?", share_in_tw: "Compartilhar em Twitter", share_in_fb: "Compartilhar em Facebook", share_in_pt: "Compartilhar em Pinterest", flaticon_license_title: "Licença Flaticon", flaticon_license: "Grátis para uso pessoal e comercial com atribuição.", more_info: "Mais informações", flaticon_premium_license: "Licença Flaticon Premium", flaticon_premium_license_expl: "Torne-se Premium e você receberá a licença comercial.", flaticon_license_allow: "Nossa Licença Permite que você utilize o conteúdo <a href=\"#\" class=\"link--normal track modal__trigger mg-bottom-lv2\" data-modal=\"modal-license\" data-track-arguments=\"all, event, detail-view, click-flaticon-license\">in nestes casos</a>.", sidebar_download_pack: "Registre-se gratuitamente e baixe o pacote completo", sidebar_download_pack_button: "Registrar e Baixar", sidebar_download_pack_button_mobile: "Cadastrar", view_all_icons: "Ver todos os ícones", all_styles: "Todos os estilos", sidebar_banner_premium: "17.5M ícones para usar sem atribuição, <strong>somente para usuários Premium</strong>", sidebar_see_plans: "Ver Planos", sidebar_banner_premium_cart: "-20% em nossos planos Premium", sidebar_apply_discount: "Aplicar desconto", pack: "Pacote", edit_icon: "Editar ícone", edit_sticker: "Edit sticker", edit_animated_icon: "<span class=\"mg-left-lv1\">Learn how to <b>edit</b></span>", download_license: "Baixe a licença", share: "Compartilhe", free_sticker: "figurinha grátis", premium_sticker: "figurinha premium", flaticon_editorial_license: "Licença Editorial Flaticon", editorial_license_text: "Este recurso gráfico é exclusivamente para uso editorial. <a href=\"https://www.freepik.com/legal/terms-of-use\" title = \"Terms of use\" class= \"link--text medium\">Termos de uso</a>.", stickers_banner_text: "Figurinhas grátis e de qualidade para Sites e Aplicativos", free_download: "Download gratuito", banner_craft_title: "Licença de Merchandising", banner_craft_new: "Novo", banner_craft_text: "Personalize qualquer produto físico ou digital com nossos ícones", banner_craft_buy: "Adquira a licença ", }, christmas: { condition_1: "Válido até 8 de dezembro", description_1: "<b>3 meses</b> de plano Premium mensal", price_1: "por %s", title_1: "Prepare algo criativo neste Natal com o <b class=\"christmas-banner__premium\">Premium</b>", url: "Seja Premium", url_upgrade: "Atualiza o teu plano", condition_2: "Válido até 15 de dezembro", description_2: "<b>7 dias</b> de", price_2: "Premium por %s", title_2: "Seu Papai Noel secreto deixou um presente <b class=\"christmas-banner__premium\">Premium</b> para você!", condition_3: "Válido até 22 de dezembro", description_3: "Plano Premium <b>anual</b>", title_3: "Mantenha o espírito do <b class=\"christmas-banner__premium\">Premium</b> o ano todo", condition_4: "Válido até 2 de janeiro", description_4: "<b>Dois anos</b> no Plano Premium", title_4: "Feliz <b class=\"christmas-banner__premium\">Premium</b> e tenha um excelente desconto!", description_5: "Presenteie-se e adquira o Premium anual!", price_5: "This Christmas <b>upgrade</b> your plan and save <strong class=\"font-lg\">50%</strong>", description_6: "Tenha acesso a mais de 5 milhões de vetores, fotos e arquivos PSD", price_6: "<b>Economize</b> <strong class=\"font-lg\">50%</strong> no Plano Anual do Freepik" }, cookies: { text: "Esta rede usa cookies para melhorar sua experiência. <a href=\"https://www.freepik.com/legal/cookies\" title = \"Cookie policy\" class= \"link--text link-inverted medium\">Mais informações</a>", }, ga: { view_details: 'ver-detalhes', add_to_collection: 'adicionar-a-colecao', view_details: 'Editar', download_svg: 'download-svg', download_png: 'download-png', more_icons_authors: 'mais-icones-autores', more_icons_style: 'mais-icones-estilo', brownse_pack: 'navegar-pacote', search_related_icon: 'pesquisar-icones-relacionados', copyPNG: 'Copiar PNG' }, cancellation: { form_title: "Lamentamos que tenha decidido deixar a família Premium", form_subtitle: "Gostaríamos de saber por que você está saindo:", info_message: "Você ainda pode aproveitar todas as vantagens de ser Premium até a expiração de seu plano atual. Depois disso, você <strong>não terá mais acesso a novos recursos Premium</strong> e <strong>precisará atribuir</strong> o autor todas as vezes. Isso não parece certo, não é?", option_0: "Eu precisava de ícones para um projeto que está concluído no momento", option_1: 'O Flaticon é muito caro para mim', coupon_monthly_claim: 'Atualize o seu plano com 30% de desconto', coupon_annual_claim: 'Receba 30% de desconto na sua renovação do plano nual Premium anual', coupon_premium_plus_claim: 'pReceba 30% de desconto na sua renovação do Plano Premium Plus', option_2: "Eu não o uso com frequência", option_3: 'Não há muitos ícones de qualidade', option_4: "Tive muitos problemas técnicos com minha conta Premium", option_5: "Decidi usar um outro site similar", keep_premium: 'Continuar o Premium', cancel_premium: 'Cancelar o Premium', step_select: 'Selecionar', step_confirm: 'Confirmar', step_finish: 'Finalizar', more_info: 'mais informações', generic_title_fp: 'Que pena, você perderá todos os seus recursos do Freepik Premium assim que o seu plano atual expirar:', generic_title_fi: 'Que pena, você perderá todos os seus recursos do Flaticon Premium assim que o seu plano atual expirar:', generic_blq1_title: 'Até 2.000 downloads diários', generic_blq1_desc: 'Como um membro Premium, você poderá baixar quantos recursos quiser mais informações.', generic_blq2_title: 'Sem atribuição', generic_blq2_desc: 'Use qualquer recurso para fins comerciais ou pessoais sem creditar o autor.', generic_blq3_title: 'Conteúdo Premium', generic_blq3_desc: 'Obtenha acesso aos nossos ícones exclusivos, que somente os Membros Premium podem baixar gratuitamente.', generic_blq4_title: 'Sem anúncios', generic_blq4_desc_flaticon: 'Navegue pelo Flaticon livre de anúncios. Sem publicidade, sem interrupções.', generic_blq4_desc_freepik: 'Navegue pelo Freepik livre de anúncios. Sem publicidade, sem interrupções.', offer_price_title: 'Talvez nós possamos te reconquistar? Nos dê outra chance!', offer_price_subtitle: "Aqui está um presentinho para que possamos começar do zero", offer_price_coupon_text: "Nos dê mais uma chance, reative seu plano e economize 30%", offer_title: 'Acabou um projeto? O próximo está logo ali!', offer_subtitle: "Prepare-se para novos começos com um pequeno presente nosso", offer_coupon_text: "Prepare-se para o futuro hoje e aproveite 30% de desconto no Premium!", offer_get_discount: 'Obter o desconto', quality_title: "Estamos com o coração partido por você <b class='bold premium inline'>não querer renovar sua assinatura Premium</b>", quality_subtitle: "Você sempre pode voltar. Estaremos aqui esperando por você com os nossos recursos Premium e licença sem responsabilidade", quality_discover: 'Descubra Flaticon', options_title: "Estamos com o coração partido por você <span class='premium'>não querer renovar sua assinatura Premium</span>", options_subtitle: "Você sempre pode voltar. Estaremos aqui esperando por você com os nossos recursos Premium e licença sem responsabilidade", thank_you: 'Obrigado', response_send_email: 'Nossa Equipe de Suporte recebeu a sua mensagem e entrará em contato com você em breve. Enquanto isso, dê uma olhada na seleção dos nossos melhores recursos', top_icons: "Ícones superiores", stay_title: "Ficamos felizes por você ter decidido ficar!", stay_subtitle: "Um brinde ao nosso futuro brilhante juntos!", stay_action_flaticon: "Explorar o Flaticon", stay_action_freepik: "Explore o Freepik", explore_premium: "Explore o Premium", support_title: "Como podemos ajudar você?", support_subtitle: "Problemas técnicos são um incomodo, e não queremos que eles afetem a sua experiência com o Flaticon. Informe-nos sobre os problemas que você está enfrentando e ajudaremos você a corrigi-los", support_name: 'Nome', support_name_placeholder: 'Seu nome', support_email: 'E-mail', support_comment: 'Comentário', support_comment_placeholder: 'Comente aqui', support_submit: 'Enviar', support_cancel: 'Cancelar o Premium', support_legacy: "Por favor, indique os detalhes do seu pedido e, se você tiver alguma dúvida sobre nossos Termos de Uso, por favor, inclua amostras específicas do uso que você deseja dar aos nossos recursos. Se você está reportando um problema, inclua o máximo de informação possível. Por favor, inclua quaisquer capturas de tela ou vídeos dos problemas, pois isso também nos ajudará a resolver os problemas muito mais rápido. Depois que sua solicitação for enviada, um membro de nossa equipe de suporte responderá o mais rápido possível.", support_legacy_second_part: "<b>Informações básicas sobre Proteção de Dados:</b> a Freepik Company coleta seus dados para poder responder a perguntas, sugestões ou reclamações apresentadas. +Informações<a href='https://www.freepikcompany.com/privacy' class='text-link' target='_blank'>Política de Privacidade</a>", confirmation_title: "Contanto que você esteja feliz, isso é tudo que importa!", confirmation_subtitle: "Seu Premium foi cancelado. Retorne a qualquer momento; estaremos aqui" }, sponsor: { sponsored_by: "Resultados patrocinados por", coupon_title: "Ganhe 10 fotos gratuitas", empty_results_promo: "Clique Aqui para Ganhar 10 Conjuntos de Ícones Gratuitos do nosso Patrocinador Adobe Stock", banner_test_title: "Obtenha 10 conjuntos de ícones gratuitos de nosso patrocinador Adobe Stock", banner_test_button: "Experimentar gratuitamente", banner_shutterstock_title: "Try 1 FREE month and get up to 10 downloads!", banner_shutterstock_title_coupon: "Get 15% off with code: 15FREEPIK", banner_istock_title_coupon: "Get 20% off with code: FREEPIK20", banner_shutterstock_coupon: "Get 15% off with code: 15FREEPIK", banner_istock_coupon: "Get 20% off with code: FREEPIK20", banner_istock_404_button: "Get iStock", }, pricing: { upgrade_error: "Houve um erro interno, por favor, tente novamente mais tarde.", coupon_applied: "Desconto aplicado:", coupon_use_only: "Esse cupom só pode ser usado uma vez.", coupon_invalid: "Seu cupom não é válido." }, cart: { claim_text: "Ainda está pensando no <span><i class='icon icon--crown-filled inline-block'></i>Premium</span>?", dto_text: "Ganhe 10% DE DESCONTO <br><span>Hoje!</span>", button: "Aplicar desconto" }, autopromo: { go_premium: "Seja Premium", search_premium_banner: { claim_text: "Crie sem limites", description: 'Ganhe acesso a mais de 0 <span class="premium premium--text inline-block medium"><i class="icon icon--premium inline-block"></i> Premium</span> ícones', description_freePng: 'Ganhe acesso a mais de 0 <span class=\"premium premium--text inline-block medium\">icons in formats <i class=\"icon icon--premium inline-block\"></i> SVG, EPS, PSD, & BASE64</span>', download_cancel: "Baixe o que quiser, cancele quando quiser" } }, download: { downloading: "Baixando..." }, slidesgo: { banner_text: 'Aproveite ao máximo seus ícones preferidos em nossos <strong>templates gratuitos</strong> para o <strong>Google Slides</strong> e <strong>PowerPoint</strong>', }, uicons: { uicons_info: 'A UIcons é a mais vasta biblioteca de ícones de interface. Utilize +34,000 ícones vectoriais disponíveis em formato SVG ou ícones de fontes nos seus projetos web e de aplicativos para iOS ou Android. <a href=\"https://www.flaticon.com/br/uicons/get-started \" class=\"link--normal\">Mais informações</a>', need_help: 'Need help to <a href="https://www.flaticon.com/br/uicons/get-started" class="link--normal" ">start?</a>', full_style: 'Download full style', other_styles: "Outros estilos", size: "size", new: "new", empty_search: "Sorry we couldn’t find any matches for ", try_search: "Tente pesquisar por outro termo", error_search : "Houve um erro interno, por favor, tente novamente mais tarde.", use_this_icons: "Use esses ícones como Fontes de Ícones ou via CDN", register_start: "Cadastre-se e inicie", cdn_text: "Use o pacote de ícones <strong class='capitalize'></strong> adicionando o link à seção de <head> da sua web ou via um @import em seu CSS.", download_text: "Inclui o pacote de ícones <strong class='capitalize'></strong> + os arquivos de fonte + o CSS + um HTML de exemplo.", download_size_advice: "Zip file with more than %s icons", clear_all: "Clear all", view_details: "View Details", icon_font: "icon font", see_all_icons: "Ver todos os ícones", free_icon_font: "free icon font", packageManager: "Gerenciador de pacotes", packageManagerText: "Instale a versão mais recente do Uicons e mantenha seu projeto atualizado com os ícones e melhorias mais recentes através do gerenciador de pacotes npm.", findOutMoreHere: "Descubra mais <b><a href=\"https://www.npmjs.com/package/@flaticon/flaticon-uicons\" target=\"_blank\">aqui</a></b>.", in_action_title: "Verifique nossa fonte de ícone de %s em ação", in_action_text: "See how our %s icon font will look on your web interfaces or Android and iOS apps projects.", in_action_mobile_app: "Veja como fica o ícone de %s em um aplicativo para dispositivos móveis", in_action_button: "%s icon in a button", in_action_briefcase: "Pasta", in_action_stadistics: "Estatísticas", in_action_currency: "Moeda", in_action_tablet: "%s ícone", in_action_interface: "É perfeito em seu próximo design de interface.", find_best_1: "Encontre a melhor fonte de ícone de %s para seu projeto.", find_best_2: "Search among <b>34,000</b> icons fonts including your favorite <b>brands</b> icons!", find_best_see_all: "Ver todos os ícones", doubts: "Alguma dúvida?", doubts_1: "Dê uma olhada rápida em nosso <a href=\"https://www.flaticon.com/br/uicons/get-started\" target=\"_blank\">guia de início</a>, onde explicamos facilmente como usar nossos ícones de interface, fazer download, usar CSS, alternar estilos e muito mais!", support: "Contate-nos", support_1: "Nós ouvimos você. Você teve algum problema ou tem alguma sugestão sobre nossos Uicons? <a href=\"https://www.flaticon.com/br/profile/support\" target=\"_blank\">Nossa equipe de suporte</a> vai ajudá-lo com eles.", register_to_download: "Register to download the full icon pack as icon fonts or use them via NPM or CDN.", see_all_icons_url: "https://www.flaticon.com/br/icon-fonts-mas-baixados", regular: "regular", bold: "bold", solid: "solid", straight: "straight", rounded: "rounded", brands: "brands", thin: "thin", released: "Released", latest_version: "Latest version" }, modal: { premium: { title: 'Os benefícios do <strong class=\"premium\"><i class=\"icon icon--premium inline-block\"></i> Premium </strong>', benefit_1: '+17,496,500 milhões <br><strong> de ícones Premium </strong>', benefit_2: '<br><strong> Downloads </strong> ilimitados', benefit_3: 'Explore <br><strong> Sem anúncios</strong>', benefit_4: 'Sem <br><strong> necessidade </strong> de dar créditos', }, license: { title: 'Resumo da Licença', subtitle: 'Nossa Licença Permite que você use o conteúdo:', use_1: 'Para projetos comerciais e <strong>s', use_2: 'Em mídia digital ou <strong>s', use_3: 'Por um <strong>número ilimitado de vezes</strong> e de forma permanente', use_4: '<strong>Anywhere</strong> in the world', use_5: 'To make <strong>modifications</strong> and derived works', summary: '*Esse texto é apenas um resumo informativo. Ele não estabelece nenhuma obrigação contratual. Para mais informações, leia nossos <a href=\"https://www.flaticon.com/br/legal\" target=\"_blank\" class=\"link--normal medium\">Termos de Uso</a> antes de usar o conteúdo.', }, attribution: { title: 'Como atribuir?', subtitle: 'A criação de ícones de qualidade requer muito tempo e esforço. Pedimos apenas que você adicione um pequeno link de atribuição. Escolha a mídia na qual você vai usar o recurso.', social: 'Redes sociais', web: 'Web', printed: 'Elementos impressos', video: 'Vídeo', apps: 'Aplicativos/jogos', social_title: 'Plataformas de mídias sociais ', social_subtitle: 'Selecione sua rede social favorita e compartilhe nossos ícones com seus contatos ou amigos. Se você não tiver essas redes sociais, copie e cole o link na que você usa', web_title: 'Por exemplo: sites, mídias sociais, blogs, livros eletrônicos, newsletters etc.', web_subtitle: 'Copie e cole o link em um local visível, perto de onde você está usando o recurso. Se não for possível, coloque-o no rodapé do seu site, blog ou newsletter ou na seção de créditos.', printed_title: 'Por exemplo: livros, roupas, panfletos, pôsteres, convites, publicidade etc.', printed_subtitle: '<span>Insira a linha de atribuição</span> perto de onde você está usando o recurso. Se não for possível, coloque-a na seção de créditos.', printed_subtitle_2: 'Por exemplo: \"imagem: Flaticon.com\". Esta capa foi criada usando recursos do Flaticon.com', video_title: 'Plataformas de vídeo on-line ', video_subtitle: '<span>Cole este link</span> na área apropriada da descrição do vídeo.', apps_title: 'Aplicativos, jogos, aplicativos de computador etc.', apps_subtitle: '<span>Cole este link</span> no site em que seu aplicativo está disponível para download ou na seção de descrição da plataforma ou mercado que você está usando.', faqs: 'Se você tiver alguma outra dúvida, confira a seção de <a href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=en_US" class="link--normal" target="_blank">Perguntas frequentes</a> ', footer_title: 'Não deseja atribuir o autor?', footer_subtitle: 'Você pode virar <i class="icon icon--premium inline-block"></i> <span>Premium</span> facilmente e usar mais de 17,496,500 ícones sem atribuição. <a href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="ga, event, premium, modal-attribution">Obtenha informações aqui</a>', copy_uicons: 'Uicons do <a href="https://www.flaticon.com/uicons">Flaticon</a>' }, premium_add_icon: { title: "Somente usuários Premium", subtitle: "Crie coleções ilimitadas e adicione todos os ícones Premium de que você precisa.", }, premium_download_icon_only_premium: { title: "Somente usuários Premium", subtitle: "Baixe todos os formatos de ícone que precisar.", }, craft_more_info: { title: "Licença de Merchandising", subtitle: "Amplie suas possibilidades de licenciamento e personalize qualquer merchandise ou produto físico ou digital com nossos ícones.", printed_title: "Crie produtos físicos que você deseja imprimir", printed_text: "Use nossos ícones em camisetas, canecas, cartazes, cartões de felicitações, convites, calendários, etc.", electronics_title: "Crie produtos eletrônicos ou físicos para venda", electronics_text: "Por exemplo: modelos web, dispositivos eletrônicos, apps, videogames, spots publicitários ou qualquer animação audiovisual.", learn_more: "Saiba mais", buy_license: "Adquira a licença ", }, download: { attributionRequired: "Atribuição requerida", browseAdFree: "Navegue sem anúncios", freeDownload: "Download gratuito", goPremium: "Seja Premium por 11.08 SGD / mês", totalResources: "Mais de 17.5M de ícones, figurinhas e logotipos em formatos editáveis, como SVG, EPS, PSD & CSS", totalResourcesAnimated: "Mais de 17.5M Recursos em formatos profissionais", noAttributionRequired: "Nenhuma atribuição necessária", premiumSubscription: "Subscrição Premium", unlimitedDownloads: "Até 2.000 downloads diários", downloadFormats: "Download formats", staticFormats: "Static formats", animatedFormats: "Animated format", }, confirmCopyContent: { title: "Por motivos de segurança, seu navegador precisa que você confirme esta ação", subtitle: "Se você não deseja executar essa etapa extra, recomendamos que tente no navegador Chrome.", processing: "Processando sua imagem...", confirmCopy: "Confirmar cópia para área de transferência", copySuccess: "Imagem pronta!", }, copySvgNotPremiumUser:{ countDownloading: "Copie para a área de transferência. Copiar este recurso conta como download", copyToClipboard: "Copy to clipboard", } }, whatsNew: { preTitleShare: "Novidades no Flaticon" }, cardsProducts: { title: "Pesquisar em outras categorias", iconDescription: "The largest database of free icons for any project.", uiconDescription: "Ícones especialmente criados para suas interfaces", animated_icons_description: "Ícones de movimento para criar projetos incríveis", sticker_description: "Figurinhas para sites, aplicativos ou qualquer lugar que você precise", new: "Novo" }, colorPalette: { save: "Salvar", alredyExist: "Esta cor já existe na paleta", exceeded: "Você excedeu o número de amostras de cores para esta paleta", modals: { areYouSure: "Tem certeza de que você deseja remover sua paleta personalizada?", youWillLose: "Você perderá sua paleta personalizada", noThanks: "Não, obrigado", remove: "Remover", create: "Crie paletas personalizadas e desbloqueie mais recursos com o Premium", subscribe: "Subscribe from 11.08 SGD/month and get access to:", iconsStikers: "17.5M ícones e figurinhas nos formatos SVG, EPS, PSD e BASE64", noAttribution:"Nenhuma atribuição necessária", unlimitedDownloads: "Downloads e coleções ilimitados", unlimitedUse: "Uso ilimitado do editor", support: "Suporte prioritário", noAds: "Sem anúncios", goPremium: "Seja Premium", urlPricing: "https://www.flaticon.com/br/pricing" }, updatingError: "Ocorreu um problema ao atualizar a paleta", noGradients: "Você não pode editar ou transformar cores com degradê em cores sólidas.", }, winback: { beingProcessed: "<b>O pagamento está sendo processado.</b> Sua assinatura será reativada em seguida. Verifique o status de sua assinatura em seu perfil.", mySubscription: "Minha Assinatura", }, ogDescriptions: { standard: "Ícone vetorial gratuito. Baixe milhares de ícones de %s grátis em formato SVG, PSD, PNG, EPS ou como ICON FONT", sticker: "Figurinha de %s grátis disponível para baixar nos formatos PNG e SVG. Baixe mais figurinhas de %s grátis.", uicon: "Fontes de ícone de %s gratuitas disponíveis em diferentes estilos para download em PNG, SVG, Android e iOS.", animatedIcon: "Ícones animados de %s grátis disponíveis para download em JSON para arquivos Lottie, GIF ou SVG estáticos.", } }; </script> <script type="text/javascript"> var urls = { common: { urlSearch : 'https://www.flaticon.com/br/buscar', }, uicons: { tagByUIconId: 'https://www.flaticon.com/br/ajax/uicons/tags-by-interface-icon/', urlSearchParams : 'https://www.flaticon.com/br/uicons', } }; </script> <header id="header" class="header body-header"> <section class="header--menu" id="header--menu"> <div class="row row--vertical-center mg-none full-height"> <a href="https://www.flaticon.com/br/" class="logo track" id="logo" title="Flaticon - O maior banco de dados de ícones grátis" data-track-arguments="ga, event, Navbar, Click, Home"> <img src="https://media.flaticon.com/dist/min/img/logos/flaticon-color-negative.svg" title="Logo do Flaticon" width="147" height="22" class="block" alt="Flaticon logo"> </a> <nav id="nav"> <label for="main-menu__toggle" class="nostyle show-tablet mg-none bj-button--mobile"> <i class="icon icon--lg icon--menuburger icon--inverted"></i> </label> <input type="checkbox" id="main-menu__toggle"> <div class="main-menu"> <label for="main-menu__toggle" class="bg-toggle-menu show-tablet"></label> <label for="main-menu__toggle" class="nostyle show-tablet mg-none bj-button--mobile pd-top-lv4 pd-left-lv2 pd-bottom-lv2"> <i class="icon icon--lg icon--cross text__general--heading"></i> </label> <div class="scrollable scrollable--menu"> <ul class="row row--vertical-center mg-none menu-holder"> <li><a href="https://www.flaticon.com/br/autores" data-track-arguments="ga, event, menu, click, top-icons" class="track mg-lv2 mg-y-none">Autores</a></li> <li><a href="https://www.flaticon.com/br/icones" data-track-arguments="ga, event, menu, click, icons" class="track mg-lv2 mg-y-none">Ícones</a></li> <li><a href="https://www.flaticon.com/br/stickers" data-track-arguments="ga, event, menu, click, stickers" class="stickers__header-link track mg-lv2 mg-y-none">Figurinhas</a></li> <li><a href="https://www.flaticon.com/br/uicons/interface-icons" data-track-arguments="ga, event, menu, click, interface-icons" class="interface-icons__header-link track mg-lv2 mg-y-none">Ícones de interface</a></li> <li><a href="https://www.flaticon.com/br/icones-animados" data-track-arguments="ga, event, menu, click, animated-icons" class="animated-icons__header-link track mg-lv2 mg-y-none">Ícones animados</a></li> <li> <div class="popover popover-right popover-tools popover--more-btn" onclick="javascript:void"> <div class="popover-container"> <span class="popover-button row row--vertical-center mg-lv2 mg-y-none track" data-track-arguments="ga, event, menu, click, more"> <span>Mais</span> <i class="icon icon--sm icon--caret-down"></i> </span> <div class="popover-bridge"> <div class="popover-content"> <div class="row"> <div class="popover-tools-box"> <p class="uppercase font-xs bold text__general--heading">Outros produtos</p> <a href="https://br.freepik.com" target="_blank" class="menu-tools-link"> <span>Freepik</span> <span>Vetores , fotos e PSD gratuitos</span> </a> <a href="https://wepik.com" target="_blank" class="menu-tools-link"> <span>Wepik</span> <span>Ferramenta de design on-line</span> </a> <a href="https://slidesgo.com/pt" target="_blank" class="menu-tools-link"> <span>Slidesgo</span> <span>Modelos gratuitos para apresentações</span> </a> <a href="https://storyset.com/" target="_blank" class="menu-tools-link"> <span>Storyset</span> <span>Ilustrações editáveis gratuitas</span> </a> <a href="https://www.videvo.net/" target="_blank" class="menu-tools-link"> <span>Videvo</span> <span>Vídeos gratuitos em 4K e Full HD</span> </a> </div> <div class="popover-tools-box"> <p class="uppercase font-xs bold text__general--heading link-api">Ferramentas</p> <a href="https://www.freepik.com/api" class="menu-tools-link link-api"> <span>API</span> <span>Mais de 17.5M ícones de API para aprimorar seu site, aplicativo ou projeto</span> </a> <p class="uppercase font-xs bold text__general--heading">Google Workspace</p> <a href="https://www.flaticon.com/br/para-google" class="menu-tools-link track" data-track-arguments="ga, event, menu, click, g-suite"> <span>Icons for Slides & Docs</span> <span>Mais de 17.5 milhões de ícones gratuitos e personalizáveis para Slides, Docs e Sheets</span> </a> </div> </div> </div> </div> </div> </div> </li> <li class="push-right menu--mobile__lv2 language-selector"> <div class="popover popover--lang"> <div class="popover-container"> <button class="popover-button bj-button bj-button--ghost bj-button--sm track" data-track-arguments="ga, event, Navbar, language, open"> <img src="https://media.flaticon.com/dist/min/img/flags/br.svg" width="16" height="11" loading="lazy"> <span class="mg-left-lv2-i"> Português </span> <i class="icon icon--md icon--caret-down"></i> </button> <ul class="popover-content"> <li data-lang="es"> <a href="https://www.flaticon.es/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, Español"> <span class="text__general--heading">Español</span> </a> </li> <li data-lang="en"> <a href="https://www.flaticon.com/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, English"> <span class="text__general--heading">English</span> </a> </li> <li data-lang="de"> <a href="https://www.flaticon.com/de/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, Deutsch"> <span class="text__general--heading">Deutsch</span> </a> </li> <li data-lang="br"> <a href="https://www.flaticon.com/br/uicons/interface-icons" class="active track" data-track-arguments="ga, event, Navbar, language, Português"> <span class="text__general--heading">Português</span> </a> </li> <li data-lang="fr"> <a href="https://www.flaticon.com/fr/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, Français"> <span class="text__general--heading">Français</span> </a> </li> <li data-lang="kr"> <a href="https://www.flaticon.com/kr/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, 한국어"> <span class="text__general--heading">한국어</span> </a> </li> <li data-lang="ru"> <a href="https://www.flaticon.com/ru/uicons/interface-icons" class=" track" data-track-arguments="ga, event, Navbar, language, Pусский"> <span class="text__general--heading">Pусский</span> </a> </li> </ul> </div> </div> </li> <li class="link-pricing"><a href="https://www.flaticon.com/br/pricing" class="mg-lv2 mg-y-none track" data-track-arguments="ga, event, Navbar, Click, Premium Plans|ga, event, premium, header">Preços</a> </li> <li class="show-tablet menu--mobile__lv3 pd-lv3 pd-y-none mg-top-lv3"><a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="track bj-button bj-button--flat bj-button--green bj-button--lg full-width" data-track-arguments="ga, event, MenuMobile, Click, Register|ga, event, register, click, menu-avatar-register">Cadastrar</a> </li> <li class="show-tablet menu--mobile__lv3 pd-lv3 pd-y-none mg-top-lv2"><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt" class="track bj-button bj-button--outline bj-button--gray bj-button--lg full-width" data-track-arguments="ga, event, MenuMobile, Click, LoginButton">Log in</a></li> </ul> </div> </div> </nav> <div class="push-right font-sm header--menu__login"> <div id="gr_user_menu" class="row mg-none"> <div id="notification-center-menu-trigger" class="notification-center-menu-trigger"> <button id="notification-center-menu__trigger-icon" class="notification-center-menu__trigger-icon bj-button--link bj-button--lg"> <i class="icon icon--notification"></i> </button> </div> <div id="overlay-notifications"></div> <ul id="notification-center-menu-side"> <li class="notification-center-menu-side__title-container"> <span class="notification-center-menu-side__title-holder">Notificações</span> <i id="notification-center-menu-side__title-icon-close" class="icon icon--cross icon--lg"></i> </li> <li id="notification-center-menu-side-empty" class="notification-center-menu-side__empty"> <div class="empty-notification-icon-container"> <i class="icon icon--notification"></i> </div> <p class="bold font-md mg-bottom-lv2">Não há notificações</p> <p>Você verá informações úteis aqui em breve. Fique atento!</p> </li> </ul> <div id="gr_not-connected" class="gr_not-connected col--center"> <div class="row row--vertical-center mg-none login-register-buttons-container"> <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt" class="btn-login track semibold link-inverted mg-right-lv3" data-track-arguments="all, event, Navbar, Click, Login">Log in</a> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="btn-register bj-button bj-button--sm bj-button--outline bj-button--inverted track" data-track-arguments="all, event, Navbar, Click, Register|ga, event, register, click, menu-avatar-register">Cadastrar</a> </div> <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt" class="track bj-button--mobile login-register-user-button" data-track-arguments="all, event, MenuMobile, Click, Login"> <i class="icon icon--lg icon--user icon--inverted"></i> </a> </div> </div> </section> <section class="header--search" id="header--search"> <div class="header--search__inner"> <div class="row row--vertical-center mg-none full-height"> <section class="search-holder col mg-none pd-none"> <div class="fake-search row"> <div class="tag-field col mg-none pd-none"> <input type="hidden" name="tags" value="animal"> <form action="https://www.flaticon.com/br/buscar" method="get" name="search-form" class="main_search_bar"> <div class="popover popover-left type-selector"> <div class="popover-container"> <button type="button" class="search-selected popover-button btn row row--vertical-center mg-none nostyle track" data-qa="search-selector" data-track-arguments="ga, event, search, search-selector, button"> <i class="icon icon--md icon--photo show-mobile"></i> <span class="hide-mobile">Ícones de interface</span> <i class="icon icon--md icon--caret-down"></i> </button> <div class="stickers popover-content"> <ul> <li class="radio-group"> <input id="radio_search_by_icons" type="radio" class="hidden track" name="type" value="icon" data-type="icons" data-url="https://www.flaticon.com/br/buscar" data-track-arguments="ga, event, search, search-selector, icons"> <label for="radio_search_by_icons" class="radio fake-radio"></label> <label for="radio_search_by_icons">ícones</label> </li> <li class="radio-group"> <input id="radio_search_by_stickers" type="radio" class="hidden track" name="type" value="sticker" data-type="stickers" data-url="https://www.flaticon.com/br/buscar" data-track-arguments="ga, event, search, search-selector, stickers"> <label for="radio_search_by_stickers" class="radio fake-radio"></label> <label for="radio_search_by_stickers">Figurinhas</label> </li> <li class="radio-group"> <input id="radio_search_by_animated_icons" type="radio" class="hidden track" name="type" value="animated-icon" data-type="animated icons" data-url="https://www.flaticon.com/br/buscar" data-track-arguments="ga, event, search, search-selector, animated-icons"> <label for="radio_search_by_animated_icons" class="radio fake-radio"></label> <label for="radio_search_by_animated_icons">ícones animados</label> </li> <li class="radio-group"> <input id="radio_search_by_uicon" type="radio" class="hidden track" name="type" value="uicon" data-type="interface icons" data-url="https://www.flaticon.com/br/buscar" checked data-track-arguments="ga, event, search, search-selector, interface-icons"> <label for="radio_search_by_uicon" class="radio fake-radio"></label> <label for="radio_search_by_uicon">ícones de interface</label> </li> <hr> <li class="radio-group mg-top-lv3-i"> <input id="switch_search_by_all" type="radio" class="hidden track" name="search-group" value="all" data-type="all" data-url="https://www.flaticon.com/br/buscar" checked> <label for="switch_search_by_all" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_all" class="font-xs">Todos os ícones de interface</label> </li> <li class="radio-group radio-group-by-style"> <input id="switch_search_by_style" type="radio" class="hidden track" name="search-group" value="style" data-type="style" data-url="https://www.flaticon.com/br/style/search" > <label for="switch_search_by_style" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_style" class="font-xs">Estilo</label> </li> <li class="radio-group radio-group-by-pack"> <input id="switch_search_by_packs" type="radio" class="hidden track" name="search-group" value="packs" data-type="packs" data-url="https://www.flaticon.com/br/pacotes/buscar" data-track-arguments="ga, event, search, search-selector, packs"> <label for="switch_search_by_packs" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_packs" class="font-xs">Pacote</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Procurar por ícones de interface" class="tag-field__input autocomplete" data-qa="search-bar" value="" data-autofocus maxlength="50" spellcheck="false"> <input type="hidden" name="license" id="main-search-license" value="" /> <input type="hidden" name="color" id="main-search-color" value="" /> <input type="hidden" name="shape" id="main-search-shape" value="" /> <input type="hidden" name="current_section" id="main-search-current_section" value="" /> <input type="hidden" name="author_id" id="main-search-author_id" value="" /> <input type="hidden" name="pack_id" id="main-search-pack_id" value="" /> <input type="hidden" name="family_id" id="main-search-family_id" value="" /> <input type="hidden" name="style_id" id="main-search-style_id" value="" /> <input type="hidden" name="type" id="main-search-type" value=""> <button type="button" class="clean-search__button"><i class="icon icon--cross"></i></button> <button type="submit" class="bj-button nostyle"> <i class="icon icon--md icon--search icon--mg-md"></i> </button> </form> </div> </div> </section> <button class="collections-toggle bj-button bj-button--md bj-button--outline bj-button--gray row row--vertical-center track " id="collections-toggle" data-track-arguments="ga, event, Navbar, Click, collections"> <i class="icon icon--md icon--mg-sm icon--collection"></i> <span class="button--text medium">Coleções</span> <span class="badge">0</span> </button> </div> </div> </section> </header> <script> var DEFAULT_AVATAR = 'https://media.flaticon.com/dist/min/img/default_avatar.png'; function set_default_avatar(elem) { elem.src = DEFAULT_AVATAR; } var pageview; try { pageview = parseInt(localStorage.pageview || 0, 10) } catch (e) { pageview = 1; } if (pageview < 3) { if (document.getElementById("gr_not-connected")) { var login_link = document.getElementById("gr_not-connected"); login_link.classList.add("dropdown-active"); try { localStorage.pageview = pageview + 1; } catch (e) {} setTimeout(function() { var login_link = document.getElementById("gr_not-connected"); if (login_link) { login_link.classList.remove('dropdown-active'); } }, 4000); } } </script> <aside id="collections" class="collections loading "> <div id="collections-tour" class="collections__tour hide"> <button class="button__close nostyle"> <i class="icon icon--cross"></i> </button> <div class="collections__tour__content"> <img src="https://media.flaticon.com/dist/min/img/collections/collection-tour.svg" width="181" height="152" class="block push-center" loading="lazy"> <div class="alignc"> <p class="bold text__general--heading font-lg mg-bottom-lv2 mg-top-lv3">Você ainda não tem coleções</p> <p class="font-sm">Todas as coleções exibidas aqui</p> <p class="medium text__general--heading">O que eu posso fazer com minhas coleções?</p> </div> <ul> <li class="collections__tour__item"> <input type="checkbox" name="collections__tour__option" id="collections__tour__add"> <label for="collections__tour__add"> <i class="icon icon--addcollection"></i> <span class="medium text__general--heading">Adicione ícones</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Clique em qualquer ícone que você queira adicionar à coleção.</p> </div> </li> <li class="collections__tour__item"> <input type="checkbox" name="collections__tour__option" id="collections__tour__organize"> <label for="collections__tour__organize"> <i class="icon icon--sortcollection"></i> <span class="medium text__general--heading">Organizar</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Organize suas coleções por projetos, adicione, remova, edite e renomeie ícones.</p> </div> </li> <li class="collections__tour__item"> <input type="checkbox" name="collections__tour__option" id="collections__tour__edit"> <label for="collections__tour__edit"> <i class="icon icon--edit"></i> <span class="medium text__general--heading">Editar</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Use o recurso "Pintar coleção" e mude a cor de toda a coleção ou faça isso ícone por ícone.</p> </div> </li> <li class="collections__tour__item"> <input type="checkbox" name="collections__tour__option" id="collections__tour__download"> <label for="collections__tour__download"> <i class="icon icon--download"></i> <span class="medium text__general--heading">Baixar fonte ou SVG do ícone</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Faça o download das suas coleções no formato de código compatível com todos os navegadores e use ícones em seu site.</p> </div> </li> <li class="collections__tour__item"> <input type="checkbox" name="collections__tour__option" id="collections__tour__share"> <label for="collections__tour__share"> <i class="icon icon--share"></i> <span class="medium text__general--heading">Compartilhar e salvar</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Salve uma cópia de segurança das suas coleções ou compartilhe-as com outras pessoas – com apenas um clique!</p> </div> </li> </ul> <p class="font-sm alignc mg-top-lv2"><a href="https://www.flaticon.com/br/colecoes" class="medium">Mais informações</a> sobre as Coleções</p> </div> </div> <header class="collection-section-header"> <button onclick="Widget.toggle()" class="hide-collections nostyle"><i class="flaticon-cross icon icon--cross text-inverted"></i></button> <span>Coleções</span> <span class="badge badge-gray collections-number"></span> <div class="tooltip tooltip--bottom expand-collapse-holder"> <button id="expand_collections_btn" class="btn-pill btn-small expand-collapse expand tooltip__trigger tooltip__trigger--enabled track" data-track-arguments="ga, event, collections, expand" onclick="Collection.expandCollapse()"><i class="flaticon-expand icon icon--fullscreen"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> Expanda </div> </div> </div> <div class="tooltip tooltip--bottom expand-collapse-holder"> <button id="expand_collections_btn" class="btn-pill btn-small expand-collapse collapse tooltip__trigger tooltip__trigger--enabled track" data-track-arguments="ga, event, collections, collapse" onclick="Collection.expandCollapse()"><i class="flaticon-collapse icon icon--minimize"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> Colapso </div> </div> </div> <div class="tooltip tooltip--bottom show-collections-holder"> <button disabled id="list_collections_btn" class="btn-pill btn-small show-collections tooltip__trigger tooltip__trigger--disabled track" data-track-arguments="ga, event, collections, list" onclick="Collection.list()"><i class="flaticon-list icon icon--list"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> Mostrar coleções </div> </div> </div> <div class="tooltip tooltip--bottom-right tooltip--box add-collections-holder"> <button disabled id="new_collection_btn" class="btn-pill btn-small add-collection tooltip__trigger tooltip__trigger--disabled track" data-track-arguments="ga, event, collections, create"><i class="flaticon-add icon icon--plus"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <div class="row row--vertical-center"> <div class="col mg-none-i alignl"> <p class="pd-right-lv2">Você atingiu seu limite de coleções. Faça um upgrade para obter coleções ilimitadas</p> </div> <a href="https://www.flaticon.com/br/pricing" data-track-arguments="all, event, collection, go-to-premium, limit-collections-reached|ga, event, premium, collections-btn-add" class="bj-button bj-button--yellow bj-button--sm track">Atualização</a> </div> </div> </div> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Registre-se e crie novas coleções</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" data-track-arguments="ga, event, register, click, new_collection_anonymous" class="bj-button bj-button--primary bj-button--sm fullwidth track">Registre-se gratuitamente</a> </div> </div> </div> </header> <section id="collections-holder" class="collections-holder overflow"></section> </aside> <div class="collections-overlay"></div> <div class="fi-modal modal-bool modal_delete_collection"> <input class="modal-state" id="modal-delete-collection" type="checkbox"> <div class="modal-fade-screen"> <div class="modal-inner"> <label class="modal-close" for="modal-delete-collection"></label> <p class="alignc">Quer mesmo apagar esta coleção?</p> <div class="row row--horizontal-center mg-none"> <button class="bj-button bj-button--red mg-right-lv3-i col mg-none modal_delete_collection_btn">Sim, apague-a</button> <button class="bj-button bj-button--ghost col mg-none modal_delete_collection_btn">Não, volte</button> </div> </div> </div> </div> <section id="max-collections" class="max-collections"> <div class="overlay"></div> <div class="max-collections__container"> <input type="radio" name="max-collections__section-trigger" id="max-collections-first-step" checked> <input type="radio" name="max-collections__section-trigger" id="max-collections-second-step"> <div class="max-collections__wrapper"> <div class="max-collections__step max-collections__first-step"> <div class="max-collections__header"> <div class="row mg-none"> <div class="col alignc mg-none"> <ul class="font-xs max-collections__nav"> <li class="inline-block text__state--green"><label for="max-collections-first-step" class="bold">01</label></li> <li class="inline-block mg-lv1 mg-y-none">/</li> <li class="inline-block"><label for="max-collections-second-step" class="bold">02</label></li> </ul> </div> </div> </div> <div class="max-collections__content scrollable"> <div class="hide-mobile"> <h5>Lamentamos o cancelamento da sua assinatura Premium</h5> <p>Você ainda pode aproveitar o Coleções Flaticon com as limitações a seguir:</p> <ul class="list"> <li>Você pode escolher apenas <strong>3</strong> coleções para manter</li> <li>Você só pode adicionar até <strong>100</strong> ícones por coleção</li> <li>Você não pode adicionar ícones Premium à sua coleção</li> </ul> </div> <div class="show-mobile"> <h5>As vantagens de suas coleções mudaram</h5> <ul class="list"> <li>Você pode escolher apenas <strong>3</strong> coleções para manter</li> <li>Você só pode adicionar até <strong>100</strong> ícones por coleção</li> <li>Você não pode adicionar ícones Premium à sua coleção</li> </ul> </div> <div class="discount"> <div class="row mg-none"> <div class="col mg-none"> <p class="bold mg-bottom-lv2">Continue aproveitando ao máximo os seus ícones e coleções</p> <p class="font-xl mg-none">Ganhe <strong class="text__state--yellow">20% DE DESCONTO</strong> no nosso <br> plano Premium anual</p> </div> <div class="alignc col--center"> <a href="https://www.flaticon.com/br/pricing?coupon=CLPREMIUM20" class="bj-button bj-button--md bj-button--flat bj-button--yellow track" data-track-arguments="ga, event, premium, select-collection, prefer">Aplicar desconto</a> </div> </div> </div> </div> <div class="max-collections__actions"> <div class="row mg-none"> <label for="max-collections-second-step" class="link--arrow link--arrow--md push-right"> <span>Próximo</span> <i class="icon icon--sm icon--right"></i> </label> </div> </div> </div> <div class="max-collections__step max-collections__second-step"> <div class="max-collections__header"> <div class="row mg-none"> <label for="max-collections-first-step" class="link--arrow link--arrow--sm"> <i class="icon icon--sm icon--prev"></i> <span>Voltar</span> </label> <div class="col alignc mg-none"> <ul class="font-xs max-collections__nav"> <li class="inline-block"><label for="max-collections-first-step" class="bold">01</label></li> <li class="inline-block mg-lv1 mg-y-none">/</li> <li class="inline-block text__state--green"><label for="max-collections-second-step" class="bold">02</label></li> </ul> </div> </div> </div> <div class="max-collections__content scrollable"> <h5>Select 3 collections to continue:</h5> <p>Você tem <strong>8</strong> coleções, mas só pode desbloquear 3 delas</p> <div id="max-collections-content" class="max-collections-content"> <div class="scrollable"> <ul class="max-collections__holder mg-bottom-lv3"></ul> </div> </div> </div> <div class="max-collections__actions"> <div class="row mg-none"> <a href="https://www.flaticon.com/br/pricing?coupon=CLPREMIUM20" class="bj-button bj-button--outline bj-button--gray push-right track" data-track-arguments="ga, event, premium, select-collection, prefer">Continue Premium</a> <button class="bj-button bj-button--flat bj-button--green mg-left-lv2" id="button-confirm" disabled>Salvar e continuar</button> </div> </div> </div> </div> </div> </section> <div class="fi-modal modal-report"> <input class="modal-state" id="modal-report-collection" type="checkbox"> <div class="modal-fade-screen"> <div class="modal-inner"> <header> <h3 class="alignc">Denunciar o download</h3> <label class="modal-close" for="modal-report-collection"></label> </header> <section class="modal-body"> <form id="report-form-collection"> <p class="alignc">Por favor, indique qual foi o problema encontrado. Obrigado!</p> <div class="radio-holder row mg-none"> <div class="col__xs--12 col__sm--6"> <label class="radio radio--sm"> <input type="radio" name="reason" value="other-collection" id="other-collection"> <span class="radio__indicator"></span> <span class="radio__link">Outro</span> </label> </div> <div class="col__xs--12 col__sm--6"> <label class="radio radio--sm"> <input type="radio" name="reason" value="not-working-collection" id="not-working-collection"> <span class="radio__indicator"></span> <span class="radio__link">O download não está funcionando</span> </label> </div> <div class="col__xs--12 col__sm--6"> <label class="radio radio--sm"> <input type="radio" name="reason" value="format-error" id="format-error"> <span class="radio__indicator"></span> <span class="radio__link">O formato de alguns arquivos está incorreto</span> </label> </div> <div class="col__xs--12 col__sm--6"> <label class="radio radio--sm"> <input type="radio" name="reason" value="long-time" id="long-time"> <span class="radio__indicator"></span> <span class="radio__link">O download está demorando muito</span> </label> </div> </div> <textarea id="description-collection" name="description-collection" placeholder="Descreva o problema"></textarea> <button type="submit" class="fullwidth mg-none-i">Enviar</button> </form> </section> </div> </div> </div> <div class="fi-modal modal-base64"> <input class="modal-state" id="modal-base64" type="checkbox"> <div class="modal-fade-screen"> <div class="modal-inner"> <div class="modal_container"> <div class="content pd-none-i"> <button class="modal__close modal__close--absolute modal__close--top-right button button--icon button--icon--only button--sm button--inverted nostyle"> <i class="icon icon--md icon--mg-md icon--cross"></i> </button> <div class="modal-base64__content"> <h4 class="first medium">Imagem codificada em Base 64</h4> <p class="font-lg">Copie os dados codificados com Base64 e insira-os em seu documento HTML ou CSS.<br> Precisa de ajuda? Talvez <a href="http://css-tricks.com/data-uris/" target="_blank" class="medium">este link possa ser útil</a></p> <div class="row"> <div class="col__xs--12 col__sm--12 col__md--6"> <p class="font-sm mg-bottom-lv2">Imagem em HTML</p> <div class="row copy-holder mg-bottom-lv4"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_html" readonly="" value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/br/" title="Flaticon">www.flaticon.com></a></div>"> <span class="attribution_text modal-base64 "><textarea id="b64Image" class="b64textarea" readonly onclick="this.select()"></textarea></span> <button class="bj-button bj-button--primary copy-attributtion track" data-track-arguments="ga, event, download, icon, BASE64-CSS"> <span class="active"> <i class="icon icon--sm icon--duplicate"></i> <span>Translation</span> </span> <span> <i class="icon icon--sm icon--duplicate"></i> <span>Copiado!</span> </span> </button> </div> </div> <div class="col__xs--12 col__sm--12 col__md--6"> <p class="font-sm mg-bottom-lv2">Fundo em CSS</p> <div class="row copy-holder mg-bottom-lv4"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_css" readonly="" value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/br/" title="Flaticon">www.flaticon.com</a></div>"> <span class="attribution_text modal-base64"><textarea id="b64css" class="b64textarea" readonly onclick="this.select()"></textarea></span> <button class="bj-button bj-button--primary copy-attributtion track" data-track-arguments="ga, event, download, icon, BASE64-HTML"> <span class="active"> <i class="icon icon--sm icon--duplicate"></i> <span>Translation</span> </span> <span> <i class="icon icon--sm icon--duplicate"></i> <span>Copiado!</span> </span> </button> </div> </div> </div> <div class="attribution__wrapper fi-not-premium"> <div class="copy-wrapper copy"> <p class="copy" onclick="document.getElementById('input_atributtion_text').select();">Usando ele na internet? Copie este link em seu site:</p> <div class="row row--horizontal-center"> <div class="col__xs--12 col__sm--12 col__md--8"> <div class="row copy-holder"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_copyLink" readonly value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/br/" title="Flaticon">flaticon.com</a></div>"> <span class="attribution_text modal-base64"><textarea class="b64textarea" readonly onclick="this.select()"></textarea> </span> <button class="copy-attributtion" class="bj-button bj-button--secondary">  <span class="active">Translation</span> <span>Copiado!</span> </button> </div> </div> </div> </div> <p class="mg-none how-attributte"> <button class="bj-button bj-button--link modal__trigger" data-modal="modal-attribution-new"> <span>Como atribuir a outras mídias?</span> </button> </p> </div> </div> <div class="modal__banner-footer fi-not-premium"> <p class="modal__banner-footer--title">Não deseja atribuir o autor?</p> <p class="modal__banner-footer--text">Você pode virar <i class="icon icon--premium inline-block"></i> <span>Premium</span> facilmente e usar mais de 17,496,500 ícones sem atribuição. <a href="https://www.flaticon.com/br/pricing" class="track" data-track-arguments="ga, event, premium, modal-base64">Obtenha informações aqui</a></p> </div> </div> </div> </div> </div> </div> <div class="detail__editor hide"> <div class="detail__editor__header"> <div class="row row--vertical-center mg-none full-height"> <button class="bj-button bj-button--ghost close"> <i class="icon icon--sm icon--prev"></i> <span class="hide-mobile">Sair do editor</span> <span class="show-mobile">Sair</span> </button> <div class="push-right edit-icons-user-actions"> <div class="row mg-none"> <button class="bj-button bj-button--secondary bj-button--green" id="save_into_active" disabled> <i class="icon icon--save"></i> <span>Save to collection</span> </button> <div class="popover popover-bottom popover--download mg-left-lv1"> <div class="popover-container popover-not-close fullwidth"> <button class="popover-button bj-button bj-button--primary bj-button--green" id="download_button" disabled> <i class="icon icon--md icon--download"></i> <span>Baixar</span> </button> <div class="popover-content pd-lv2"> <ul> <li class="mg-bottom-lv2"> <label for="detail__editor__sizes-toggle" class="bj-button bj-button--secondary mg-none"> <span>PNG</span><i class="icon icon--sm icon--caret-down"></i> </label> <input type="checkbox" id="detail__editor__sizes-toggle" class="detail__editor__sizes-toggle"> <div class="detail__editor__sizes"> <ul class="row"> <li class="col__xs--6"><a href="#" data-size="16" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">16px</a></li> <li class="col__xs--6"><a href="#" data-size="24" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">24px</a></li> <li class="col__xs--6"><a href="#" data-size="32" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">32px</a></li> <li class="col__xs--6"><a href="#" data-size="64" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">64px</a></li> <li class="col__xs--6"><a href="#" data-size="128" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">128px</a></li> <li class="col__xs--6"><a href="#" data-size="256" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">256px</a></li> <li class="col__xs--6 mg-none-i"><a href="#" data-size="512" data-format="png" class="bj-button bj-button--sm bj-button--secondary bj-button--outline">512px</a></li> </ul> </div> </li> <li class="mg-bottom-lv2"><a href="#" class="bj-button bj-button--yellow" data-format="svg" data-size="512" >SVG</a></li> <li class="mg-bottom-lv2"><a href="#" class="bj-button bj-button--yellow" data-format="eps" data-size="512" >EPS</a></li> <li><a href="#" class="bj-button bj-button--yellow bj-button--outline" data-format="base64" >CSS</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="detail__editor__body row mg-none"> <div class="detail__editor__menu col--stretch"> <ul> <li> <label for="editor__colors" class="active track" > <i class="icon icon--lg icon--mg-xs icon--palette push-center"></i> <span>Cores</span> </label> </li> <li> <label for="editor__display" class="track"> <i class="icon icon--lg icon--mg-xs icon--fullscreen push-center"></i> <span>Exibir</span> </label> </li> <li> <label for="editor__forms" class="track"> <i class="icon icon--lg icon--mg-xs icon--resources push-center"></i> <span>Formas</span> </label> </li> <li id="option_edit__stroke" class="hidden"> <label for="editor__stroke" class="track"> <i class="icon icon--lg icon--mg-xs icon--stroke push-center"></i> <span>Traçado de pincel</span> </label> </li> </ul> </div> <div class="detail__editor__submenu col--stretch"> <input type="radio" name="editor__option" id="editor__colors" checked> <div class="detail__editor__options detail__editor__colors"> <div class="color-tab-palette-replace"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Selecione uma cor no ícone</p> <ul class="colors icon-colors row" id="svg-icon-colors"></ul> <p class="font-sm medium text__general--heading mg-bottom-lv2">Escolha uma nova cor</p> <button class='color-picker-btn hidden'></button> <div class="pickers-wrapper"> <div id="icon-edit-color-picker"> <div class="color-picker-wrapper"></div> </div> </div> <section id="section-color-palette" class="color-palette hidden"> <header class="color-palette__header mg-bottom-lv2-i"> <p class="font-sm medium text__general--heading mg-bottom-lv2 mg-none">Paleta personalizada</p> <i class="icon icon--premium inline hidden"></i> <div class="popover"> <div class="popover-container"> <button class="popover-button bj-button bj-button--sm bj-button--link-dark pd-none hidden"><i class="icon icon--menudots"></i></button> <ul class="popover-content"> <li> <input type="radio" id="edit-palette" name="edit-remove-palette" value="edit"> <label class="font-sm mg-bottom-lv2 block" for="edit-palette">Remover cor</label> </li> <li> <span id="remove-palette" class="font-sm mg-none block modal__trigger" data-modal="modal-remove-palette">Remove palette</span> </li> </ul> </div> </div> </header> <div class="color-palettes-wrapper mg-bottom-lv4"> <div class="color-palette-wrapper"> <ul class="swatches"> <li id="palette-edit-color-picker" class="palette-edit-color-picker tooltip tooltip--top"> <button id="color-palette" class="bj-button bj-button--sm bj-button--gray pd-none"><i class="icon icon--plus"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>Você excedeu o número de amostras de cores para esta paleta</span> </div> </div> </li> </ul> </div> <div class="save-cancel-buttons"> <button id="save-palette" class="save-palette mg-right-lv2 mg-top-lv3 bj-button bj-button--sm bj-button--gray hidden">Salvar</button> <button id="cancel-edition" class="cancel-edition mg-top-lv3 bj-button bj-button--sm font-sm bj-button--link hidden">Cancelar</button> </div> </div> </section> <p class="font-sm medium text__general--heading mg-bottom-lv2 clear history hide">Histórico</p> <ul class="colors row mg-none-i" id="last-icon-colors"></ul> </div> </div> <input type="radio" name="editor__option" id="editor__display"> <div class="detail__editor__options detail__editor__display"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Escala</p> <div class="row row--vertical-center mg-none mg-bottom-lv3-i"> <div class="col__xs--8 pd-none-i mg-none-i"> <input type="range" min="1" max="150" step="1" value="100"> </div> <div class="col__xs--1 pd-none-i mg-none-i"></div> <div class="col__xs--3 pd-none-i mg-none-i"> <input type="number" min="1" max="150" value="100" class="size--xs mg-none"> </div> </div> <p class="font-sm medium text__general--heading mg-bottom-lv2">Mover</p> <div class="btn-group mg-bottom-lv3 edit__move"> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover para a esquerda" data-action="move" data-values="0 0 0 1" ><i class="icon icon--left"></i></button> <div class="tooltip__content"> <div class="content"> Mover para a esquerda </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover para a direita" data-action="move" data-values="0 1 0 0" ><i class="icon icon--right"></i></button> <div class="tooltip__content"> <div class="content"> Mover para a direita </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover para cima" data-action="move" data-values="1 0 0 0" ><i class="icon icon--up"></i></button> <div class="tooltip__content"> <div class="content"> Mover para cima </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover para baixo" data-action="move" data-values="0 0 1 0" ><i class="icon icon--down"></i></button> <div class="tooltip__content"> <div class="content"> Mover para baixo </div> </div> </span> </div> <div class="row mg-none"> <div class="col__xs--5 col__sm--5 col__md--12 edit__rotate"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Girar</p> <div class="btn-group mg-bottom-lv3"> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="rotate" data-values="90" > <i class="icon icon--rotate"></i> </button> <div class="tooltip__content"> <div class="content"> Girar 90º para a direita </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="rotate" data-values="-90" > <i class="icon icon--rotate rotate--left"></i> </button> <div class="tooltip__content"> <div class="content"> Girar 90º para a esquerda </div> </div> </span> </div> </div> <div class="col__xs--5 col__sm--5 col__md--12 edit__flip"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Inverter</p> <div class="btn-group"> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="flip" data-values="x" > <i class="icon icon--flip"></i> </button> <div class="tooltip__content"> <div class="content"> Girar na horizontal </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="flip" data-values="y" > <i class="icon icon--flip flip-vertical"></i> </button> <div class="tooltip__content"> <div class="content"> Girar na vertical </div> </div> </span> </div> </div> </div> </div> <input type="radio" name="editor__option" id="editor__forms"> <div class="detail__editor__options detail__editor__forms"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Selecione uma forma</p> <div class="btn-group mg-bottom-lv3 shape-type"> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="shape" data-values="none" ><i class="icon icon--cross-small text__gray--gaysir"></i></button> <div class="tooltip__content"> <div class="content"> Nenhum </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="shape" data-values="circle" ><i class="icon icon--circle-lineal"></i></button> <div class="tooltip__content"> <div class="content"> Círculo </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="shape" data-values="rounded" > <i class="icon"> <xml version="1.0" encoding="UTF-8"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M13,0 C14.6568542,0 16,1.34314575 16,3 L16,13 C16,14.6568542 14.6568542,16 13,16 L3,16 C1.34314575,16 0,14.6568542 0,13 L0,3 C0,1.34314575 1.34314575,0 3,0 L13,0 Z M13,1.5 L3,1.5 C2.22030388,1.5 1.57955132,2.09488808 1.50686658,2.85553999 L1.5,3 L1.5,13 C1.5,13.7796961 2.09488808,14.4204487 2.85553999,14.4931334 L3,14.5 L13,14.5 C13.7796961,14.5 14.4204487,13.9051119 14.4931334,13.14446 L14.5,13 L14.5,3 C14.5,2.22030388 13.9051119,1.57955132 13.14446,1.50686658 L13,1.5 Z" id="rounded-square" fill="#374957" fill-rule="nonzero"></path> </g> </svg> </i> </button> <div class="tooltip__content"> <div class="content"> Quadrado arredondado </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-action="shape" data-values="square" > <i class="icon"> <xml version="1.0" encoding="UTF-8"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z M14.5,1.5 L1.5,1.5 L1.5,14.5 L14.5,14.5 L14.5,1.5 Z" id="square" fill="#374957" fill-rule="nonzero"></path> </g> </svg> </i> </button> <div class="tooltip__content"> <div class="content"> Quadrado </div> </div> </span> </div> <div id="editor__forms__options" class="hide"> <p class="medium text__general--heading mg-bottom-lv2">Tamanho</p> <div class="row row--vertical-center mg-none mg-bottom-lv3-i"> <div class="col__xs--8 pd-none-i mg-none-i"> <input type="range" min="0" max="100" step="1" value="100"> </div> <div class="col__xs--1 pd-none-i mg-none-i"></div> <div class="col__xs--3 pd-none-i mg-none-i"> <input type="number" min="0" max="100" value="100" class="size--xs mg-none"> </div> </div> <p class="medium text__general--heading mg-bottom-lv2">Cor</p> <div class="pickers-wrapper"> <div id="shape-color-picker"> <div class="shape-color-picker-wrapper"></div> </div> </div> </div> </div> <input type="radio" name="editor__option" id="editor__stroke"> <div class="detail__editor__options detail__editor__stroke"> <p class="font-sm medium text__general--heading mg-bottom-lv2">Largura do traçado</p> <div class="row row--vertical-center mg-none mg-bottom-lv3-i"> <input type="hidden" name="initial-width" value=""> <div class="col__xs--7 pd-none-i mg-none-i"> <input type="range" min="1" max="40" step="1" value="0"> </div> <div class="col__xs--1 pd-none-i mg-none-i"></div> <div class="col__xs--4 pd-none-i mg-none-i stroke-width-number"> <input type="number" min="1" max="40" value="0" class="size--xs mg-none"> <span>px</span> </div> </div> </div> </div> <div class="detail__editor__canvas col col--center"> <div class="alert warning free_user_warning hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Você só pode salvar <span class="danger">3</span> ícones editados novos por coleção como usuário grátis. Faça upgrade para salvar ícones ilimitados.</p> </div> <div class="alert warning collection_locked hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Sua coleção está bloqueada, você pode <a href="https://www.flaticon.com/br/pricing" class="track">fazer upgrade</a> de sua conta para obter uma coleção ilimitada. </p> </div> <div class="alert danger collection_limit hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Você chegou ao limite de ícones por coleção (256 ícones)</p> </div> <div class="only_registered hidden"> <div class="alert warning alert_no_user"> <i class="icon icon--exclamation text-inverted"></i> <a href="javascript:;" class="close-alert close-button"><span>×</span></a> <p>Este recurso só está disponível para usuários registrados. <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt">Faça o log in</a> ou <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="track edit_register_link">registre-se</a>.</p> </div> <div class="alert warning alert_icon_gradient hidden"> <i class="icon icon--exclamation text-inverted"></i> <a href="javascript:;" class="close-alert close-button"><span>×</span></a> <p>Este ícone tem uma cor em degradê e não pode ser editado.</p> </div> </div> <div class="detail__editor__icon-wrapper"> <div class="detail__editor__controls row row--vertical-center mg-none"> <span class="tooltip tooltip--top"> <button id="_svg_editor_undoBtn" class="bj-button bj-button--xs pd-none tooltip__trigger tooltip__trigger--always" data-action="undo" disabled > <i class="icon icon--undo"></i> </button> <div class="tooltip__content"> <div class="content"> Desfazer </div> </div> </span> <span class="tooltip tooltip--top"> <button id="_svg_editor_redoBtn" class="bj-button bj-button--xs pd-none tooltip__trigger tooltip__trigger--always" data-action="redo" disabled > <i class="icon icon--redo"></i> </button> <div class="tooltip__content"> <div class="content"> Refazer </div> </div> </span> <button id="_svg_editor_resetBtn" class="bj-button bj-button--xs pd-lv2 pd-y-none" data-action="reset" data-disabled="Restaurar" disabled > <span>Redefinir</span> </button> </div> <div class="detail__editor__icon-holder icon-holder"></div> </div> </div> </div> </div> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-42742855-1', 'auto', { 'allowLinker': true }); ga('send', 'pageview'); </script> <main id="main" class="uicons__landing"> </div> <section class="uicons__landing__hero"> <div class="container"> <div class="row content"> <div class="uicons__landing__hero__text"> <a href="https://www.flaticon.com/br/uicons"> <img src="https://media.flaticon.com/dist/min/img/uicons/uicons.svg" width="100"> </a> <h1 class="font-h3 bold mg-bottom-lv2 mg-top-lv1"> <span>Fontes de ícones</span> para qualquer projeto, grande ou pequeno </h1> <p class="font-md regular mg-bottom-lv4">Mais de 34,000 ícones baseados em vetores em SVG e perfeitos para fontes da Web disponíveis para aplicativos Web e para iOS e Android</p> <div class="row"> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados" class="bj-button bj-button--primary mg-right-lv2 mg-y-none track" data-track-arguments="ga, event, subhome, interface, icons">Ver todos os ícones</a> <a href="https://www.figma.com/community/file/952131925958384905" target="_blank" class="hide-mobile bj-button bj-button--dark-blue bj-button--outline mg-y-none track" data-track-arguments="ga, event, subhome, interface, Figma"><img src="https://media.flaticon.com/dist/min/img/uicons/Figma-Icon.svg" alt="Figma-icon" class="mg-right-lv2">Abrir no Figma</a> </div> </div> <div class="uicons__landing__hero__images"> <img class="green-bigest-ball" src="https://media.flaticon.com/dist/min/img/interface-icons/green-bigest-ball.svg" width="220" heiht="208"> <img class="green-big-ball" src="https://media.flaticon.com/dist/min/img/interface-icons/green-big-ball.svg" width="123" heiht="58"> <img class="purple-big-ball" src="https://media.flaticon.com/dist/min/img/interface-icons/purple-big-ball.svg" width="110" heiht="110"> <img class="main-image" src="https://media.flaticon.com/dist/min/img/interface-icons/uicons.png" alt="interface-icons" width="595" heiht="358"> <img class="green-small-ball" src="https://media.flaticon.com/dist/min/img/interface-icons/green-small-ball.svg" width="25" heiht="25"> <img class="purple-small-ball" src="https://media.flaticon.com/dist/min/img/interface-icons/purple-small-ball.svg" width="35" heiht="35"> </div> </div> </div> </section> <section class="uicons__landing__trending "> <div class="alignc"> <h2 class="font-h3">Ícones populares</h2> </div> <div class="uicons__icons container"> <ul class="mg-none"> <li class="icon--item " data-id="3917033" data-name="casa" data-name_detail="Casa free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="casa" data-type="grátis" data-pack_id="3917018" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917033.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917033.svg?token=exp=1732706967~hmac=32d947b9aa7de4e2186d795b0578881e" data-icon_type="uicon" data-tags="198500,130309,30905,23035,22096,941,854" data-prefix="rr" data-class="fi-rr-home" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/casa_3917033" class="view link-icon-detail" title="casa" data-id="3917033" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917033.png" loading="lazy" alt="casa free interface icon" title="casa free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917688" data-name="do utilizador" data-name_detail="Do Utilizador free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="do utilizador" data-type="grátis" data-pack_id="3917018" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917688.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917688.svg?token=exp=1732706967~hmac=8391b1c551e076931322e33666c037e0" data-icon_type="uicon" data-tags="129,1649,114,24912,273,112,20" data-prefix="rr" data-class="fi-rr-user" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/do-utilizador_3917688" class="view link-icon-detail" title="do utilizador" data-id="3917688" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917688.png" loading="lazy" alt="do utilizador free interface icon" title="do utilizador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916611" data-name="envelope" data-name_detail="Envelope free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="envelope" data-type="grátis" data-pack_id="3916577" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916611.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916611.svg?token=exp=1732706967~hmac=9b84ce51b40c7930e4cc05a0ca0e5c64" data-icon_type="uicon" data-tags="625,663,20292,1482,495,268" data-prefix="rr" data-class="fi-rr-envelope" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/envelope_3916611" class="view link-icon-detail" title="envelope" data-id="3916611" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916611.png" loading="lazy" alt="envelope free interface icon" title="envelope free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="5070407" data-name="chamada telefónica" data-name_detail="Chamada Telefónica free interface icon" data-premium="0" data-author="1327" data-style="1293" data-style_name="regular" data-team_id="1327" data-description="chamada telefónica" data-type="grátis" data-pack_id="5068647" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/5070/5070407.png" data-svg="https://cdn-icons.flaticon.com/svg/5070/5070407.svg?token=exp=1732706967~hmac=9fe14350b2de30f6df915127c08ba901" data-icon_type="uicon" data-tags="98115,20292,91,89" data-prefix="rr" data-class="fi-rr-phone-call" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/chamada-telefonica_5070407" class="view link-icon-detail" title="chamada telefónica" data-id="5070407" > <img src="https://cdn-icons-png.flaticon.com/128/5070/5070407.png" loading="lazy" alt="chamada telefónica free interface icon" title="chamada telefónica free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917132" data-name="procurar" data-name_detail="Procurar free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="procurar" data-type="grátis" data-pack_id="3917018" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917132.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917132.svg?token=exp=1732706967~hmac=45ee27ee7276a9f5643403fed0553e02" data-icon_type="uicon" data-tags="210122,198500,196205,26301,24129,963,801,384,383" data-prefix="rr" data-class="fi-rr-search" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/procurar_3917132" class="view link-icon-detail" title="procurar" data-id="3917132" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917132.png" loading="lazy" alt="procurar free interface icon" title="procurar free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917032" data-name="casa" data-name_detail="Casa free interface icon" data-premium="0" data-author="1328" data-style="1295" data-style_name="solid" data-team_id="1328" data-description="casa" data-type="grátis" data-pack_id="3917023" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917032.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917032.svg?token=exp=1732706967~hmac=fac32c1873fed81d9f7ab64214f1e2f4" data-icon_type="uicon" data-tags="198500,130309,30905,23035,22096,941,854" data-prefix="sr" data-class="fi-sr-home" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/casa_3917032" class="view link-icon-detail" title="casa" data-id="3917032" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917032.png" loading="lazy" alt="casa free interface icon" title="casa free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917711" data-name="do utilizador" data-name_detail="Do Utilizador free interface icon" data-premium="0" data-author="1328" data-style="1295" data-style_name="solid" data-team_id="1328" data-description="do utilizador" data-type="grátis" data-pack_id="3917023" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917711.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917711.svg?token=exp=1732706967~hmac=fdb2089a8878eaa0885bd0f2b01fe700" data-icon_type="uicon" data-tags="1649,129,112,24912,273,114,20" data-prefix="sr" data-class="fi-sr-user" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/do-utilizador_3917711" class="view link-icon-detail" title="do utilizador" data-id="3917711" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917711.png" loading="lazy" alt="do utilizador free interface icon" title="do utilizador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="5068731" data-name="chamada telefónica" data-name_detail="Chamada Telefónica free interface icon" data-premium="0" data-author="1327" data-style="1295" data-style_name="solid" data-team_id="1327" data-description="chamada telefónica" data-type="grátis" data-pack_id="5068676" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/5068/5068731.png" data-svg="https://cdn-icons.flaticon.com/svg/5068/5068731.svg?token=exp=1732706967~hmac=175c16b1cb6236ba0d4d28c1ca56425f" data-icon_type="uicon" data-tags="98115,20292,91,89" data-prefix="sr" data-class="fi-sr-phone-call" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/chamada-telefonica_5068731" class="view link-icon-detail" title="chamada telefónica" data-id="5068731" > <img src="https://cdn-icons-png.flaticon.com/128/5068/5068731.png" loading="lazy" alt="chamada telefónica free interface icon" title="chamada telefónica free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917754" data-name="procurar" data-name_detail="Procurar free interface icon" data-premium="0" data-author="1328" data-style="1294" data-style_name="bold" data-team_id="1328" data-description="procurar" data-type="grátis" data-pack_id="3917001" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917754.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917754.svg?token=exp=1732706967~hmac=0a0ed76a27d127cdbcc65d336e3906b2" data-icon_type="uicon" data-tags="210122,198500,196205,26301,24129,963,801,384,383" data-prefix="br" data-class="fi-br-search" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/procurar_3917754" class="view link-icon-detail" title="procurar" data-id="3917754" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917754.png" loading="lazy" alt="procurar free interface icon" title="procurar free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917749" data-name="verificar" data-name_detail="Verificar free interface icon" data-premium="0" data-author="1328" data-style="1294" data-style_name="bold" data-team_id="1328" data-description="verificar" data-type="grátis" data-pack_id="3917001" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917749.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917749.svg?token=exp=1732706967~hmac=d7c60b77df26d5202b7e6400653f9790" data-icon_type="uicon" data-tags="26431,22337,212624,198500,107569,1753,307,195,175" data-prefix="br" data-class="fi-br-check" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/verificar_3917749" class="view link-icon-detail" title="verificar" data-id="3917749" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917749.png" loading="lazy" alt="verificar free interface icon" title="verificar free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916631" data-name="envelope" data-name_detail="Envelope free interface icon" data-premium="0" data-author="1328" data-style="1295" data-style_name="solid" data-team_id="1328" data-description="envelope" data-type="grátis" data-pack_id="3916578" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916631.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916631.svg?token=exp=1732706967~hmac=01aa792abfaa2c15e3edce57e9f3edc3" data-icon_type="uicon" data-tags="625,495,20292,1482,663,268" data-prefix="sr" data-class="fi-sr-envelope" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/envelope_3916631" class="view link-icon-detail" title="envelope" data-id="3916631" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916631.png" loading="lazy" alt="envelope free interface icon" title="envelope free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916880" data-name="marcador" data-name_detail="Marcador free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="marcador" data-type="grátis" data-pack_id="3916879" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916880.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916880.svg?token=exp=1732706967~hmac=d6c62bc80e1cefc15531f34e3128c02b" data-icon_type="uicon" data-tags="198509,192437,107377,90087,20741,452,137,136" data-prefix="rr" data-class="fi-rr-marker" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/marcador_3916880" class="view link-icon-detail" title="marcador" data-id="3916880" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916880.png" loading="lazy" alt="marcador free interface icon" title="marcador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917058" data-name="definições" data-name_detail="Definições free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="definições" data-type="grátis" data-pack_id="3917018" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917058.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917058.svg?token=exp=1732706967~hmac=edc0a147d39e32c7057a2c60e07de86c" data-icon_type="uicon" data-tags="312,197,198500,27417,21062,1593,354,353,307" data-prefix="rr" data-class="fi-rr-settings" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/definicoes_3917058" class="view link-icon-detail" title="definições" data-id="3917058" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917058.png" loading="lazy" alt="definições free interface icon" title="definições free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917538" data-name="globo" data-name_detail="Globo free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="globo" data-type="grátis" data-pack_id="3917535" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917538.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917538.svg?token=exp=1732706967~hmac=bdb037fb0ffdb786595bb814c6bb875e" data-icon_type="uicon" data-tags="198497,189222,159712,131061,114629,20828,414,307,268,217,159,126" data-prefix="rr" data-class="fi-rr-globe" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/globo_3917538" class="view link-icon-detail" title="globo" data-id="3917538" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917538.png" loading="lazy" alt="globo free interface icon" title="globo free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916598" data-name="carrinho de compras" data-name_detail="Carrinho De Compras free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="carrinho de compras" data-type="grátis" data-pack_id="3916597" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916598.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916598.svg?token=exp=1732706967~hmac=2863ff4ddded06e6ce61dae40bbc1c4f" data-icon_type="uicon" data-tags="214509,198486,194943,190959,187861,84805,25544,461" data-prefix="rr" data-class="fi-rr-shopping-cart" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/carrinho-de-compras_3916598" class="view link-icon-detail" title="carrinho de compras" data-id="3916598" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916598.png" loading="lazy" alt="carrinho de compras free interface icon" title="carrinho de compras free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917762" data-name="menu-hambúrguer" data-name_detail="Menu-hambúrguer free interface icon" data-premium="0" data-author="1328" data-style="1294" data-style_name="bold" data-team_id="1328" data-description="menu-hambúrguer" data-type="grátis" data-pack_id="3917001" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917762.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917762.svg?token=exp=1732706967~hmac=e220d7834fa3fbeb64cc0109a8ea4b00" data-icon_type="uicon" data-tags="221546,198500,22021,21770,21062,307" data-prefix="br" data-class="fi-br-menu-burger" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/menu-hamburguer_3917762" class="view link-icon-detail" title="menu-hambúrguer" data-id="3917762" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917762.png" loading="lazy" alt="menu-hambúrguer free interface icon" title="menu-hambúrguer free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917759" data-name="cruz" data-name_detail="Cruz free interface icon" data-premium="0" data-author="1328" data-style="1294" data-style_name="bold" data-team_id="1328" data-description="cruz" data-type="grátis" data-pack_id="3917001" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917759.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917759.svg?token=exp=1732706967~hmac=9fcdaa19ab184e6b64765f4ba8c5e25b" data-icon_type="uicon" data-tags="21490,219542,210122,198500,147,146,98" data-prefix="br" data-class="fi-br-cross" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/cruz_3917759" class="view link-icon-detail" title="cruz" data-id="3917759" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917759.png" loading="lazy" alt="cruz free interface icon" title="cruz free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917361" data-name="editar" data-name_detail="Editar free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="editar" data-type="grátis" data-pack_id="3917016" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917361.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917361.svg?token=exp=1732706967~hmac=7cbe90baf3b86f7246f2d3f85bd13d6b" data-icon_type="uicon" data-tags="898,198500,193541,676,568,349,340,339,272,142,140" data-prefix="rr" data-class="fi-rr-edit" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/editar_3917361" class="view link-icon-detail" title="editar" data-id="3917361" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917361.png" loading="lazy" alt="editar free interface icon" title="editar free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916882" data-name="marcador" data-name_detail="Marcador free interface icon" data-premium="0" data-author="1328" data-style="1290" data-style_name="regular" data-team_id="1328" data-description="marcador" data-type="grátis" data-pack_id="3916881" data-family_name="straight" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916882.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916882.svg?token=exp=1732706967~hmac=92137931e522105cc60cc278c8fdce39" data-icon_type="uicon" data-tags="198509,192437,107377,90087,20741,452,137,136" data-prefix="rs" data-class="fi-rs-marker" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/marcador_3916882" class="view link-icon-detail" title="marcador" data-id="3916882" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916882.png" loading="lazy" alt="marcador free interface icon" title="marcador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916579" data-name="coração" data-name_detail="Coração free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="coração" data-type="grátis" data-pack_id="3916577" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916579.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916579.svg?token=exp=1732706967~hmac=bf389304101f5564d247fc81c5050f36" data-icon_type="uicon" data-tags="682,198500,98427,21192,681,316,315,307" data-prefix="rr" data-class="fi-rr-heart" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/coracao_3916579" class="view link-icon-detail" title="coração" data-id="3916579" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916579.png" loading="lazy" alt="coração free interface icon" title="coração free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917215" data-name="menu-hambúrguer" data-name_detail="Menu-hambúrguer free interface icon" data-premium="0" data-author="1328" data-style="1293" data-style_name="regular" data-team_id="1328" data-description="menu-hambúrguer" data-type="grátis" data-pack_id="3917018" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917215.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917215.svg?token=exp=1732706967~hmac=5ddfbc3382893bc69b9f0365079f91d0" data-icon_type="uicon" data-tags="221546,198500,22021,21770,21062,307" data-prefix="rr" data-class="fi-rr-menu-burger" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/menu-hamburguer_3917215" class="view link-icon-detail" title="menu-hambúrguer" data-id="3917215" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917215.png" loading="lazy" alt="menu-hambúrguer free interface icon" title="menu-hambúrguer free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="5069162" data-name="usuários-alt" data-name_detail="Usuários-alt free interface icon" data-premium="0" data-author="1327" data-style="1293" data-style_name="regular" data-team_id="1327" data-description="usuários-alt" data-type="grátis" data-pack_id="5069015" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/5069/5069162.png" data-svg="https://cdn-icons.flaticon.com/svg/5069/5069162.svg?token=exp=1732706967~hmac=4fdc0d144c2ded6efe6d36575f72efff" data-icon_type="uicon" data-tags="1649,228346,198500,34076,735,273,112" data-prefix="rr" data-class="fi-rr-users-alt" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/usuarios-alt_5069162" class="view link-icon-detail" title="usuários-alt" data-id="5069162" > <img src="https://cdn-icons-png.flaticon.com/128/5069/5069162.png" loading="lazy" alt="usuários-alt free interface icon" title="usuários-alt free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3916862" data-name="marcador" data-name_detail="Marcador free interface icon" data-premium="0" data-author="1328" data-style="1295" data-style_name="solid" data-team_id="1328" data-description="marcador" data-type="grátis" data-pack_id="3916861" data-family_name="rounded" data-png="https://cdn-icons-png.flaticon.com/512/3916/3916862.png" data-svg="https://cdn-icons.flaticon.com/svg/3916/3916862.svg?token=exp=1732706967~hmac=208afbc11748ca41dc5491f8289fe451" data-icon_type="uicon" data-tags="198509,192437,107377,90087,20741,452,137,136" data-prefix="sr" data-class="fi-sr-marker" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/marcador_3916862" class="view link-icon-detail" title="marcador" data-id="3916862" > <img src="https://cdn-icons-png.flaticon.com/128/3916/3916862.png" loading="lazy" alt="marcador free interface icon" title="marcador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> <li class="icon--item " data-id="3917705" data-name="do utilizador" data-name_detail="Do Utilizador free interface icon" data-premium="0" data-author="1328" data-style="1292" data-style_name="solid" data-team_id="1328" data-description="do utilizador" data-type="grátis" data-pack_id="3917062" data-family_name="straight" data-png="https://cdn-icons-png.flaticon.com/512/3917/3917705.png" data-svg="https://cdn-icons.flaticon.com/svg/3917/3917705.svg?token=exp=1732706967~hmac=ed71767625b13e2e505c5f6c71060932" data-icon_type="uicon" data-tags="129,24912,1649,273,114,112,20" data-prefix="ss" data-class="fi-ss-user" data-is_editorial="" data-license="2" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon-font-gratis/do-utilizador_3917705" class="view link-icon-detail" title="do utilizador" data-id="3917705" > <img src="https://cdn-icons-png.flaticon.com/128/3917/3917705.png" loading="lazy" alt="do utilizador free interface icon" title="do utilizador free interface icon" width="64" height="64"> </a> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> </ul> </div> </div></li> </ul> <div id="uicons__search__empty" class="uicons__search__empty alignc hide"> <i class="bj-icon bj-icon--exclamation push-center text__state--red"></i> <p class="font-h6 bold mg-top-lv2 mg-bottom-lv1 text__general--heading">Desculpe, não foi possível encontrar correspondências para <span id="empty-search-term" class="text__state--green">term</span></p> <p>Tente pesquisar por outro termo</p> </div> <div class="alignc mg-top-lv3"> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados" class="bj-button bj-button--primary mg-lv1 mg-y-none track" data-track-arguments="ga, event, subhome, interface, icons">Ver todos os ícones</a> </div> </div> </section> <section class="uicons__landing__advantages content--in"> <div class="container"> <div class="paragraph-readable--xs push-center alignc"> <h3 class="font-h3">Descubra as vantagens das <span class="text-gradient">fontes de ícones</span></h3> </div> <div class="row"> <div class="col__xs--12 col__sm--12 col__md--12 col__lg--5 uicons__landing__advantages__text"> <ul> <li class="row mg-none"> <img src="https://media.flaticon.com/dist/min/img/uicons/dashboard.svg" class="block" width="32"> <div class="col mg-left-lv3"> <h6 class="font-xl first">Alto desempenho</h6> <p>Orientados para o desempenho: Apenas uma solicitação HTTP é necessária, já que é uma única fonte.</p> </div> </li> <li class="row mg-none"> <img src="https://media.flaticon.com/dist/min/img/uicons/edit.svg" class="block" width="32"> <div class="col mg-left-lv3"> <h6 class="font-xl first">Fácil de editar</h6> <p>Capacidade de estilização CSS total; faça qualquer alteração sem uma ferramenta adicional.</p> </div> </li> <li class="row mg-none"> <img src="https://media.flaticon.com/dist/min/img/uicons/resize.svg" class="block" width="32"> <div class="col mg-left-lv3"> <h6 class="font-xl first">Responsivos</h6> <p>Eles ficarão lindos em todas as plataformas, onde quer que precise usá-los.</p> </div> </li> </ul> </div> <div class="col__xs--12 col__sm--12 col__md--12 col__lg--7"> <svg width="792" height="685" viewBox="0 0 792 685" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_f)"> <ellipse rx="179" ry="222.5" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 299 342.5)" fill="url(#paint0_linear)" fill-opacity="0.5"/> </g> <g filter="url(#filter1_f)"> <path d="M672 314.5C672 216.469 598.127 137 507 137C415.873 137 342 216.469 342 314.5C342 412.531 415.873 492 507 492C598.127 492 672 412.531 672 314.5Z" fill="url(#paint1_linear)" fill-opacity="0.5"/> </g> <g filter="url(#filter2_f)"> <rect width="490" height="144" rx="9.33303" transform="matrix(1 0 0 -1 142 549)" fill="#202095" fill-opacity="0.08"/> </g> <g opacity="0.8" filter="url(#filter3_b)"> <rect x="90" y="126" width="554" height="401" rx="16" fill="white"/> </g> <path d="M170.924 173H174.606C177.532 173 179.562 171.152 179.562 168.338C179.562 165.524 177.532 163.662 174.606 163.662H170.924V173ZM172.912 171.25V165.412H174.606C176.524 165.412 177.532 166.686 177.532 168.338C177.532 169.92 176.454 171.25 174.606 171.25H172.912ZM184.991 173H186.769V168.632C186.769 166.686 185.355 166.07 183.815 166.07C182.751 166.07 181.687 166.406 180.861 167.134L181.533 168.324C182.107 167.792 182.779 167.526 183.507 167.526C184.403 167.526 184.991 167.974 184.991 168.66V169.598C184.543 169.052 183.745 168.772 182.849 168.772C181.771 168.772 180.497 169.346 180.497 170.928C180.497 172.44 181.771 173.168 182.849 173.168C183.731 173.168 184.529 172.846 184.991 172.3V173ZM184.991 171.376C184.697 171.768 184.137 171.964 183.563 171.964C182.863 171.964 182.289 171.6 182.289 170.97C182.289 170.326 182.863 169.948 183.563 169.948C184.137 169.948 184.697 170.144 184.991 170.536V171.376ZM187.944 172.118C188.658 172.776 189.792 173.168 190.968 173.168C192.844 173.168 193.894 172.244 193.894 170.998C193.894 169.318 192.34 169.01 191.178 168.786C190.422 168.632 189.89 168.478 189.89 168.058C189.89 167.666 190.31 167.428 190.954 167.428C191.78 167.428 192.55 167.778 192.956 168.212L193.656 166.994C192.998 166.462 192.088 166.07 190.94 166.07C189.162 166.07 188.168 167.064 188.168 168.198C188.168 169.808 189.666 170.088 190.828 170.312C191.598 170.466 192.186 170.634 192.186 171.11C192.186 171.53 191.822 171.796 191.052 171.796C190.212 171.796 189.204 171.334 188.714 170.872L187.944 172.118ZM199.782 173H201.56V168.198C201.56 166.882 200.846 166.07 199.362 166.07C198.256 166.07 197.416 166.602 196.982 167.12V163.662H195.204V173H196.982V168.45C197.29 168.044 197.836 167.652 198.522 167.652C199.292 167.652 199.782 167.946 199.782 168.884V173ZM203.325 173H205.103V172.146C205.635 172.804 206.377 173.168 207.189 173.168C208.897 173.168 210.185 171.88 210.185 169.626C210.185 167.414 208.911 166.07 207.189 166.07C206.391 166.07 205.635 166.42 205.103 167.106V163.662H203.325V173ZM205.103 170.83V168.436C205.397 167.988 206.055 167.652 206.629 167.652C207.665 167.652 208.351 168.45 208.351 169.626C208.351 170.802 207.665 171.586 206.629 171.586C206.055 171.586 205.397 171.264 205.103 170.83ZM214.664 173.168C216.904 173.168 218.248 171.544 218.248 169.612C218.248 167.694 216.904 166.07 214.664 166.07C212.438 166.07 211.094 167.694 211.094 169.612C211.094 171.544 212.438 173.168 214.664 173.168ZM214.664 171.586C213.558 171.586 212.942 170.676 212.942 169.612C212.942 168.562 213.558 167.652 214.664 167.652C215.77 167.652 216.4 168.562 216.4 169.612C216.4 170.676 215.77 171.586 214.664 171.586ZM223.628 173H225.406V168.632C225.406 166.686 223.992 166.07 222.452 166.07C221.388 166.07 220.324 166.406 219.498 167.134L220.17 168.324C220.744 167.792 221.416 167.526 222.144 167.526C223.04 167.526 223.628 167.974 223.628 168.66V169.598C223.18 169.052 222.382 168.772 221.486 168.772C220.408 168.772 219.134 169.346 219.134 170.928C219.134 172.44 220.408 173.168 221.486 173.168C222.368 173.168 223.166 172.846 223.628 172.3V173ZM223.628 171.376C223.334 171.768 222.774 171.964 222.2 171.964C221.5 171.964 220.926 171.6 220.926 170.97C220.926 170.326 221.5 169.948 222.2 169.948C222.774 169.948 223.334 170.144 223.628 170.536V171.376ZM227.169 173H228.947V168.534C229.241 168.1 230.025 167.778 230.613 167.778C230.809 167.778 230.977 167.792 231.103 167.82V166.084C230.263 166.084 229.423 166.56 228.947 167.162V166.238H227.169V173ZM236.862 173H238.654V163.662H236.862V167.106C236.33 166.42 235.574 166.07 234.776 166.07C233.054 166.07 231.78 167.414 231.78 169.626C231.78 171.88 233.068 173.168 234.776 173.168C235.588 173.168 236.33 172.804 236.862 172.146V173ZM236.862 170.816C236.554 171.264 235.924 171.586 235.322 171.586C234.314 171.586 233.614 170.788 233.614 169.626C233.614 168.45 234.314 167.652 235.322 167.652C235.924 167.652 236.554 167.974 236.862 168.422V170.816Z" fill="#0E2A47"/> <path d="M170.924 319H177.532V317.278H172.912V315.108H177.434V313.4H172.912V311.37H177.532V309.662H170.924V319ZM183.104 319H184.882V314.632C184.882 312.686 183.468 312.07 181.928 312.07C180.864 312.07 179.8 312.406 178.974 313.134L179.646 314.324C180.22 313.792 180.892 313.526 181.62 313.526C182.516 313.526 183.104 313.974 183.104 314.66V315.598C182.656 315.052 181.858 314.772 180.962 314.772C179.884 314.772 178.61 315.346 178.61 316.928C178.61 318.44 179.884 319.168 180.962 319.168C181.844 319.168 182.642 318.846 183.104 318.3V319ZM183.104 317.376C182.81 317.768 182.25 317.964 181.676 317.964C180.976 317.964 180.402 317.6 180.402 316.97C180.402 316.326 180.976 315.948 181.676 315.948C182.25 315.948 182.81 316.144 183.104 316.536V317.376ZM186.646 319H188.424V314.534C188.718 314.1 189.502 313.778 190.09 313.778C190.286 313.778 190.454 313.792 190.58 313.82V312.084C189.74 312.084 188.9 312.56 188.424 313.162V312.238H186.646V319ZM196.255 319H198.033V314.226C198.033 312.91 197.319 312.07 195.835 312.07C194.729 312.07 193.903 312.602 193.469 313.12V312.238H191.691V319H193.469V314.45C193.763 314.044 194.309 313.652 195.009 313.652C195.765 313.652 196.255 313.974 196.255 314.912V319ZM200.68 311.244C201.268 311.244 201.744 310.768 201.744 310.18C201.744 309.592 201.268 309.116 200.68 309.116C200.106 309.116 199.616 309.592 199.616 310.18C199.616 310.768 200.106 311.244 200.68 311.244ZM199.798 319H201.576V312.238H199.798V319ZM207.903 319H209.681V314.226C209.681 312.91 208.967 312.07 207.483 312.07C206.377 312.07 205.551 312.602 205.117 313.12V312.238H203.339V319H205.117V314.45C205.411 314.044 205.957 313.652 206.657 313.652C207.413 313.652 207.903 313.974 207.903 314.912V319ZM211.306 320.736C212.146 321.478 213.056 321.744 214.218 321.744C215.884 321.744 217.872 321.114 217.872 318.538V312.238H216.08V313.106C215.534 312.42 214.806 312.07 213.994 312.07C212.286 312.07 211.012 313.302 211.012 315.514C211.012 317.768 212.3 318.958 213.994 318.958C214.82 318.958 215.548 318.566 216.08 317.894V318.58C216.08 319.91 215.072 320.288 214.218 320.288C213.364 320.288 212.65 320.05 212.104 319.448L211.306 320.736ZM216.08 316.606C215.786 317.04 215.142 317.376 214.554 317.376C213.546 317.376 212.846 316.676 212.846 315.514C212.846 314.352 213.546 313.652 214.554 313.652C215.142 313.652 215.786 313.974 216.08 314.422V316.606ZM219.048 318.118C219.762 318.776 220.896 319.168 222.072 319.168C223.948 319.168 224.998 318.244 224.998 316.998C224.998 315.318 223.444 315.01 222.282 314.786C221.526 314.632 220.994 314.478 220.994 314.058C220.994 313.666 221.414 313.428 222.058 313.428C222.884 313.428 223.654 313.778 224.06 314.212L224.76 312.994C224.102 312.462 223.192 312.07 222.044 312.07C220.266 312.07 219.272 313.064 219.272 314.198C219.272 315.808 220.77 316.088 221.932 316.312C222.702 316.466 223.29 316.634 223.29 317.11C223.29 317.53 222.926 317.796 222.156 317.796C221.316 317.796 220.308 317.334 219.818 316.872L219.048 318.118Z" fill="#0E2A47"/> <g opacity="0.8" filter="url(#filter4_b)"> <path d="M90 142C90 133.163 97.1634 126 106 126H140L140 527H106C97.1634 527 90 519.837 90 511L90 142Z" fill="white"/> </g> <path d="M120.276 272.605L119.4 269.458C119.117 268.444 118.504 267.553 117.657 266.928C116.811 266.302 115.779 265.978 114.727 266.006C113.675 266.033 112.662 266.412 111.849 267.081C111.037 267.751 110.472 268.672 110.243 269.7L109.566 272.744C109.477 273.146 109.479 273.563 109.572 273.964C109.665 274.365 109.848 274.74 110.105 275.062C110.363 275.383 110.689 275.642 111.061 275.82C111.432 275.998 111.838 276.091 112.25 276.091H112.45C112.609 276.641 112.943 277.125 113.401 277.469C113.858 277.813 114.416 277.999 114.988 277.999C115.561 277.999 116.119 277.813 116.576 277.469C117.034 277.125 117.368 276.641 117.527 276.091H117.623C118.047 276.091 118.466 275.993 118.845 275.805C119.225 275.616 119.556 275.343 119.813 275.005C120.07 274.668 120.245 274.275 120.325 273.859C120.404 273.443 120.387 273.013 120.273 272.605H120.276ZM118.621 274.097C118.505 274.251 118.355 274.376 118.182 274.462C118.009 274.547 117.819 274.592 117.626 274.591H112.25C112.063 274.591 111.878 274.549 111.709 274.468C111.541 274.387 111.392 274.269 111.275 274.123C111.158 273.977 111.075 273.807 111.033 273.624C110.99 273.442 110.989 273.253 111.03 273.07L111.707 270.02C111.862 269.318 112.248 268.688 112.803 268.231C113.358 267.773 114.05 267.515 114.768 267.496C115.487 267.477 116.191 267.7 116.769 268.127C117.347 268.555 117.765 269.164 117.957 269.857L118.831 273.004C118.884 273.19 118.892 273.386 118.856 273.575C118.819 273.765 118.739 273.944 118.621 274.097Z" fill="#374957"/> <g clip-path="url(#clip0)"> <path d="M115.012 205.009C113.984 205.102 113.03 205.579 112.339 206.345C111.648 207.111 111.272 208.11 111.286 209.141V209.25C111.286 209.449 111.365 209.64 111.505 209.78C111.646 209.921 111.837 210 112.036 210C112.234 210 112.425 209.921 112.566 209.78C112.706 209.64 112.786 209.449 112.786 209.25V209.111C112.775 208.477 112.998 207.861 113.413 207.381C113.829 206.901 114.406 206.592 115.036 206.511C115.383 206.477 115.734 206.516 116.066 206.625C116.398 206.734 116.703 206.912 116.962 207.146C117.221 207.381 117.428 207.667 117.57 207.986C117.712 208.305 117.785 208.651 117.786 209V209.25C117.786 209.449 117.865 209.64 118.005 209.78C118.146 209.921 118.337 210 118.536 210C118.734 210 118.925 209.921 119.066 209.78C119.206 209.64 119.286 209.449 119.286 209.25V209C119.285 208.452 119.172 207.91 118.953 207.407C118.734 206.904 118.415 206.452 118.014 206.078C117.613 205.703 117.14 205.415 116.624 205.232C116.107 205.048 115.558 204.972 115.012 205.009Z" fill="#374957"/> <path d="M115.286 204C115.879 204 116.459 203.824 116.952 203.494C117.446 203.165 117.83 202.696 118.057 202.148C118.284 201.6 118.344 200.997 118.228 200.415C118.112 199.833 117.827 199.298 117.407 198.879C116.987 198.459 116.453 198.173 115.871 198.058C115.289 197.942 114.686 198.001 114.138 198.228C113.589 198.455 113.121 198.84 112.791 199.333C112.462 199.827 112.286 200.407 112.286 201C112.286 201.795 112.603 202.558 113.165 203.12C113.728 203.683 114.49 203.999 115.286 204ZM115.286 199.5C115.582 199.5 115.872 199.588 116.119 199.753C116.366 199.918 116.558 200.152 116.671 200.426C116.785 200.7 116.815 201.002 116.757 201.293C116.699 201.584 116.556 201.851 116.346 202.061C116.137 202.27 115.869 202.413 115.578 202.471C115.287 202.529 114.986 202.499 114.712 202.386C114.438 202.272 114.203 202.08 114.038 201.833C113.874 201.587 113.786 201.297 113.786 201C113.786 200.602 113.944 200.221 114.225 199.939C114.506 199.658 114.888 199.5 115.286 199.5Z" fill="#374957"/> </g> <g clip-path="url(#clip1)"> <path d="M118.25 233H118V232.75C118 232.551 117.921 232.36 117.78 232.22C117.64 232.079 117.449 232 117.25 232V232C117.051 232 116.86 232.079 116.72 232.22C116.579 232.36 116.5 232.551 116.5 232.75V233H113.5V232.75C113.5 232.551 113.421 232.36 113.28 232.22C113.14 232.079 112.949 232 112.75 232V232C112.551 232 112.36 232.079 112.22 232.22C112.079 232.36 112 232.551 112 232.75V233H111.75C111.021 233 110.321 233.29 109.805 233.805C109.29 234.321 109 235.021 109 235.75V241.25C109 241.979 109.29 242.679 109.805 243.195C110.321 243.71 111.021 244 111.75 244H118.25C118.979 244 119.679 243.71 120.195 243.195C120.71 242.679 121 241.979 121 241.25V235.75C121 235.021 120.71 234.321 120.195 233.805C119.679 233.29 118.979 233 118.25 233ZM118.25 242.5H111.75C111.418 242.5 111.101 242.368 110.866 242.134C110.632 241.899 110.5 241.582 110.5 241.25V237H119.5V241.25C119.5 241.582 119.368 241.899 119.134 242.134C118.899 242.368 118.582 242.5 118.25 242.5Z" fill="#374957"/> </g> <g clip-path="url(#clip2)"> <path d="M115 301C113.813 301 112.653 301.352 111.667 302.011C110.68 302.67 109.911 303.608 109.457 304.704C109.003 305.8 108.884 307.007 109.115 308.171C109.347 309.334 109.918 310.404 110.757 311.243C111.596 312.082 112.666 312.653 113.829 312.885C114.993 313.116 116.2 312.997 117.296 312.543C118.392 312.089 119.33 311.32 119.989 310.333C120.648 309.347 121 308.187 121 307C120.998 305.409 120.366 303.884 119.241 302.759C118.116 301.634 116.591 301.002 115 301V301ZM119.309 305.707L117.873 306.138C117.73 305.663 117.472 305.23 117.121 304.879C116.77 304.528 116.337 304.27 115.862 304.127L116.293 302.691C117.005 302.907 117.653 303.295 118.179 303.821C118.705 304.347 119.093 304.995 119.309 305.707ZM115.369 308.815C115.326 308.873 115.27 308.919 115.206 308.951C115.142 308.983 115.072 309 115 309C114.928 309 114.858 308.983 114.794 308.951C114.73 308.919 114.674 308.873 114.631 308.815L113.685 307.554C113.565 307.394 113.5 307.2 113.5 307C113.5 306.8 113.565 306.606 113.685 306.446L114.631 305.185C114.674 305.127 114.73 305.081 114.794 305.049C114.858 305.017 114.928 305 115 305C115.072 305 115.142 305.017 115.206 305.049C115.27 305.081 115.326 305.127 115.369 305.185L116.316 306.446C116.435 306.606 116.5 306.8 116.5 307C116.5 307.2 116.435 307.394 116.316 307.554L115.369 308.815ZM113.708 302.691L114.138 304.127C113.663 304.27 113.23 304.528 112.879 304.879C112.528 305.23 112.27 305.663 112.127 306.138L110.692 305.707C110.907 304.995 111.295 304.347 111.821 303.821C112.347 303.295 112.995 302.907 113.708 302.691ZM110.692 308.292L112.127 307.861C112.27 308.336 112.529 308.769 112.879 309.12C113.23 309.47 113.663 309.729 114.138 309.872L113.708 311.307C112.995 311.092 112.347 310.704 111.821 310.178C111.295 309.652 110.907 309.005 110.692 308.293V308.292ZM116.292 311.307L115.861 309.872C116.336 309.729 116.769 309.47 117.12 309.12C117.47 308.769 117.729 308.336 117.872 307.861L119.308 308.292C119.093 309.004 118.705 309.652 118.179 310.179C117.653 310.705 117.005 311.093 116.293 311.309L116.292 311.307Z" fill="#374957"/> </g> <g clip-path="url(#clip3)"> <path d="M120.719 169.243L116.47 164.65C116.282 164.447 116.055 164.286 115.802 164.175C115.55 164.065 115.277 164.007 115.001 164.007C114.725 164.007 114.452 164.065 114.199 164.175C113.946 164.286 113.719 164.447 113.532 164.65L109.291 169.242C109.104 169.429 109 169.683 109 169.947V174.5C109 174.898 109.158 175.279 109.439 175.561C109.721 175.842 110.102 176 110.5 176H112.5V173C112.502 172.551 112.625 172.111 112.856 171.726C113.087 171.341 113.418 171.025 113.814 170.813C113.839 170.799 113.864 170.785 113.89 170.771C113.983 170.725 114.08 170.684 114.178 170.65C114.246 170.625 114.314 170.604 114.385 170.586C114.455 170.567 114.54 170.551 114.62 170.536C114.664 170.529 114.705 170.514 114.75 170.509C114.827 170.502 114.9 170.5 114.977 170.5C114.985 170.5 114.992 170.497 115 170.497H115.009C115.164 170.499 115.318 170.514 115.47 170.544C115.487 170.547 115.504 170.549 115.52 170.552C115.663 170.584 115.802 170.627 115.937 170.682C115.956 170.69 115.975 170.697 115.994 170.705C116.123 170.761 116.247 170.828 116.365 170.905L116.42 170.942C116.535 171.022 116.642 171.111 116.742 171.208C116.758 171.223 116.773 171.239 116.788 171.255C116.886 171.355 116.975 171.463 117.056 171.578L117.09 171.628C117.168 171.747 117.237 171.873 117.294 172.004C117.3 172.02 117.306 172.036 117.312 172.054C117.37 172.193 117.414 172.336 117.446 172.482C117.446 172.493 117.449 172.504 117.451 172.515C117.483 172.675 117.5 172.837 117.5 173V176H119.5C119.898 176 120.279 175.842 120.561 175.561C120.842 175.279 121 174.898 121 174.5V169.939C121 169.68 120.899 169.43 120.719 169.243Z" fill="url(#paint2_linear)"/> <path d="M115 171.5C114.602 171.5 114.221 171.658 113.939 171.939C113.658 172.221 113.5 172.602 113.5 173V176H116.5V173C116.5 172.602 116.342 172.221 116.061 171.939C115.779 171.658 115.398 171.5 115 171.5Z" fill="url(#paint3_linear)"/> </g> <rect opacity="0.6" x="170" y="197" width="141" height="84" rx="16" fill="#C7FFC7"/> <path d="M193.047 254H194.18L197.139 246.663H196.094L193.619 252.999L191.144 246.663H190.099L193.047 254ZM198.472 247.796C198.78 247.796 199.033 247.543 199.033 247.235C199.033 246.927 198.78 246.685 198.472 246.685C198.175 246.685 197.922 246.927 197.922 247.235C197.922 247.543 198.175 247.796 198.472 247.796ZM198.065 254H198.89V248.687H198.065V254ZM200.074 253.296C200.613 253.868 201.35 254.132 202.219 254.132C203.594 254.132 204.309 253.417 204.309 252.526C204.309 251.349 203.242 251.085 202.318 250.876C201.625 250.711 201.02 250.546 201.02 250.029C201.02 249.556 201.471 249.226 202.197 249.226C202.879 249.226 203.462 249.512 203.781 249.897L204.166 249.325C203.737 248.896 203.099 248.555 202.197 248.555C200.932 248.555 200.217 249.259 200.217 250.084C200.217 251.184 201.24 251.426 202.142 251.635C202.857 251.811 203.506 251.998 203.506 252.581C203.506 253.098 203.066 253.461 202.252 253.461C201.526 253.461 200.855 253.109 200.503 252.702L200.074 253.296ZM206.056 247.796C206.364 247.796 206.617 247.543 206.617 247.235C206.617 246.927 206.364 246.685 206.056 246.685C205.759 246.685 205.506 246.927 205.506 247.235C205.506 247.543 205.759 247.796 206.056 247.796ZM205.649 254H206.474V248.687H205.649V254ZM209.462 254.132C209.946 254.132 210.243 253.989 210.452 253.791L210.21 253.175C210.1 253.296 209.88 253.395 209.649 253.395C209.286 253.395 209.11 253.109 209.11 252.713V249.413H210.188V248.687H209.11V247.235H208.285V248.687H207.405V249.413H208.285V252.889C208.285 253.681 208.681 254.132 209.462 254.132ZM213.674 254.132C215.291 254.132 216.303 252.878 216.303 251.338C216.303 249.798 215.291 248.555 213.674 248.555C212.057 248.555 211.045 249.798 211.045 251.338C211.045 252.878 212.057 254.132 213.674 254.132ZM213.674 253.395C212.541 253.395 211.903 252.427 211.903 251.338C211.903 250.26 212.541 249.292 213.674 249.292C214.807 249.292 215.434 250.26 215.434 251.338C215.434 252.427 214.807 253.395 213.674 253.395ZM217.648 254H218.473V250.238C218.715 249.809 219.408 249.391 219.914 249.391C220.046 249.391 220.145 249.402 220.244 249.424V248.577C219.518 248.577 218.902 248.984 218.473 249.545V248.687H217.648V254ZM220.817 253.296C221.356 253.868 222.093 254.132 222.962 254.132C224.337 254.132 225.052 253.417 225.052 252.526C225.052 251.349 223.985 251.085 223.061 250.876C222.368 250.711 221.763 250.546 221.763 250.029C221.763 249.556 222.214 249.226 222.94 249.226C223.622 249.226 224.205 249.512 224.524 249.897L224.909 249.325C224.48 248.896 223.842 248.555 222.94 248.555C221.675 248.555 220.96 249.259 220.96 250.084C220.96 251.184 221.983 251.426 222.885 251.635C223.6 251.811 224.249 251.998 224.249 252.581C224.249 253.098 223.809 253.461 222.995 253.461C222.269 253.461 221.598 253.109 221.246 252.702L220.817 253.296Z" fill="#0E2A47"/> <path d="M194.444 236H197.59V221.326H194.862L190.242 225.968L192.024 227.838L194.444 225.352V236ZM199.485 233.91C200.563 235.23 202.565 236.264 205.271 236.264C208.791 236.264 211.057 234.482 211.057 231.952C211.057 229.752 209.121 228.586 207.625 228.432C209.253 228.146 210.837 226.936 210.837 225.088C210.837 222.646 208.725 221.106 205.293 221.106C202.719 221.106 200.871 222.096 199.683 223.438L201.223 225.374C202.257 224.384 203.533 223.834 204.963 223.834C206.503 223.834 207.691 224.428 207.691 225.594C207.691 226.694 206.613 227.222 204.985 227.222C204.413 227.222 203.423 227.222 203.159 227.2V229.928C203.379 229.906 204.369 229.906 204.985 229.906C207.031 229.906 207.933 230.456 207.933 231.644C207.933 232.766 206.943 233.536 205.161 233.536C203.731 233.536 202.125 232.92 201.113 231.864L199.485 233.91ZM220.229 236H223.727L219.393 230.192L223.595 225.374H220.163L216.137 230.104V221.326H213.343V236H216.137V233.272L217.413 231.908L220.229 236Z" fill="#0E2A47"/> <rect opacity="0.6" x="321" y="197" width="142" height="84" rx="16" fill="#C7EBFF"/> <path d="M341.561 250.337C341.561 252.504 343.024 254.132 345.202 254.132C347.369 254.132 348.843 252.504 348.843 250.337C348.843 248.17 347.369 246.542 345.202 246.542C343.024 246.542 341.561 248.17 341.561 250.337ZM347.897 250.337C347.897 252.042 346.841 253.318 345.202 253.318C343.552 253.318 342.507 252.042 342.507 250.337C342.507 248.621 343.552 247.356 345.202 247.356C346.841 247.356 347.897 248.621 347.897 250.337ZM350.236 254H351.061V250.238C351.303 249.809 351.996 249.391 352.502 249.391C352.634 249.391 352.733 249.402 352.832 249.424V248.577C352.106 248.577 351.49 248.984 351.061 249.545V248.687H350.236V254ZM357.717 254H358.542V246.663H357.717V249.49C357.288 248.907 356.639 248.555 355.924 248.555C354.527 248.555 353.559 249.655 353.559 251.349C353.559 253.076 354.538 254.132 355.924 254.132C356.672 254.132 357.321 253.747 357.717 253.208V254ZM357.717 252.559C357.42 253.021 356.782 253.395 356.122 253.395C355.055 253.395 354.417 252.526 354.417 251.349C354.417 250.172 355.055 249.292 356.122 249.292C356.782 249.292 357.42 249.688 357.717 250.15V252.559ZM359.886 251.338C359.886 252.999 361.019 254.132 362.592 254.132C363.461 254.132 364.176 253.846 364.704 253.318L364.308 252.779C363.89 253.208 363.274 253.45 362.669 253.45C361.525 253.45 360.821 252.614 360.755 251.613H365.056V251.404C365.056 249.809 364.11 248.555 362.504 248.555C360.986 248.555 359.886 249.798 359.886 251.338ZM362.493 249.237C363.703 249.237 364.231 250.216 364.242 251.008H360.755C360.799 250.194 361.36 249.237 362.493 249.237ZM366.392 254H367.217V250.238C367.459 249.809 368.152 249.391 368.658 249.391C368.79 249.391 368.889 249.402 368.988 249.424V248.577C368.262 248.577 367.646 248.984 367.217 249.545V248.687H366.392V254ZM369.561 253.296C370.1 253.868 370.837 254.132 371.706 254.132C373.081 254.132 373.796 253.417 373.796 252.526C373.796 251.349 372.729 251.085 371.805 250.876C371.112 250.711 370.507 250.546 370.507 250.029C370.507 249.556 370.958 249.226 371.684 249.226C372.366 249.226 372.949 249.512 373.268 249.897L373.653 249.325C373.224 248.896 372.586 248.555 371.684 248.555C370.419 248.555 369.704 249.259 369.704 250.084C369.704 251.184 370.727 251.426 371.629 251.635C372.344 251.811 372.993 251.998 372.993 252.581C372.993 253.098 372.553 253.461 371.739 253.461C371.013 253.461 370.342 253.109 369.99 252.702L369.561 253.296Z" fill="#0E2A47"/> <path d="M341.77 232.194C341.77 234.944 344.586 236.264 347.666 236.264C350.746 236.264 353.562 234.922 353.562 232.194C353.562 230.412 352.154 229.048 350.394 228.432C352.022 227.882 353.32 226.804 353.32 224.978C353.32 222.228 350.372 221.106 347.666 221.106C344.938 221.106 342.012 222.228 342.012 224.978C342.012 226.804 343.288 227.882 344.916 228.432C343.156 229.048 341.77 230.412 341.77 232.194ZM350.13 225.462C350.13 226.606 348.568 227.112 347.666 227.244C346.764 227.112 345.18 226.606 345.18 225.462C345.18 224.428 346.214 223.79 347.666 223.79C349.096 223.79 350.13 224.428 350.13 225.462ZM350.394 231.82C350.394 232.898 349.162 233.58 347.666 233.58C346.126 233.58 344.938 232.898 344.938 231.82C344.938 230.544 346.742 229.928 347.666 229.818C348.568 229.928 350.394 230.544 350.394 231.82ZM355.376 236H366.42V233.25H360.304C364.242 230.478 366.31 228.3 366.31 225.792C366.31 222.866 363.824 221.106 360.7 221.106C358.654 221.106 356.476 221.854 355.046 223.504L356.828 225.572C357.818 224.538 359.094 223.878 360.744 223.878C361.976 223.878 363.142 224.516 363.142 225.792C363.142 227.596 361.382 229.114 355.376 233.536V236ZM368.281 228.674C368.281 232.458 370.151 236.264 374.353 236.264C378.533 236.264 380.425 232.458 380.425 228.674C380.425 224.89 378.533 221.106 374.353 221.106C370.151 221.106 368.281 224.89 368.281 228.674ZM377.235 228.674C377.235 231.38 376.443 233.492 374.353 233.492C372.241 233.492 371.449 231.38 371.449 228.674C371.449 225.968 372.241 223.878 374.353 223.878C376.443 223.878 377.235 225.968 377.235 228.674Z" fill="#0E2A47"/> <rect opacity="0.6" x="473" y="197" width="141" height="84" rx="16" fill="#D7D7FF"/> <path d="M501.128 254H502.041V246.663H500.732L498.444 252.251L496.167 246.663H494.858V254H495.771V247.895L498.257 254H498.631L501.128 247.895V254ZM503.412 251.338C503.412 252.999 504.545 254.132 506.118 254.132C506.987 254.132 507.702 253.846 508.23 253.318L507.834 252.779C507.416 253.208 506.8 253.45 506.195 253.45C505.051 253.45 504.347 252.614 504.281 251.613H508.582V251.404C508.582 249.809 507.636 248.555 506.03 248.555C504.512 248.555 503.412 249.798 503.412 251.338ZM506.019 249.237C507.229 249.237 507.757 250.216 507.768 251.008H504.281C504.325 250.194 504.886 249.237 506.019 249.237ZM509.456 253.296C509.995 253.868 510.732 254.132 511.601 254.132C512.976 254.132 513.691 253.417 513.691 252.526C513.691 251.349 512.624 251.085 511.7 250.876C511.007 250.711 510.402 250.546 510.402 250.029C510.402 249.556 510.853 249.226 511.579 249.226C512.261 249.226 512.844 249.512 513.163 249.897L513.548 249.325C513.119 248.896 512.481 248.555 511.579 248.555C510.314 248.555 509.599 249.259 509.599 250.084C509.599 251.184 510.622 251.426 511.524 251.635C512.239 251.811 512.888 251.998 512.888 252.581C512.888 253.098 512.448 253.461 511.634 253.461C510.908 253.461 510.237 253.109 509.885 252.702L509.456 253.296ZM514.569 253.296C515.108 253.868 515.845 254.132 516.714 254.132C518.089 254.132 518.804 253.417 518.804 252.526C518.804 251.349 517.737 251.085 516.813 250.876C516.12 250.711 515.515 250.546 515.515 250.029C515.515 249.556 515.966 249.226 516.692 249.226C517.374 249.226 517.957 249.512 518.276 249.897L518.661 249.325C518.232 248.896 517.594 248.555 516.692 248.555C515.427 248.555 514.712 249.259 514.712 250.084C514.712 251.184 515.735 251.426 516.637 251.635C517.352 251.811 518.001 251.998 518.001 252.581C518.001 253.098 517.561 253.461 516.747 253.461C516.021 253.461 515.35 253.109 514.998 252.702L514.569 253.296ZM523.466 254H524.291V250.348C524.291 249.061 523.356 248.555 522.234 248.555C521.365 248.555 520.683 248.841 520.111 249.435L520.496 250.007C520.969 249.501 521.486 249.27 522.124 249.27C522.894 249.27 523.466 249.677 523.466 250.392V251.349C523.037 250.854 522.432 250.623 521.706 250.623C520.804 250.623 519.847 251.184 519.847 252.372C519.847 253.527 520.804 254.132 521.706 254.132C522.421 254.132 523.026 253.879 523.466 253.395V254ZM523.466 252.878C523.147 253.318 522.586 253.538 522.003 253.538C521.233 253.538 520.694 253.054 520.694 252.383C520.694 251.701 521.233 251.217 522.003 251.217C522.586 251.217 523.147 251.437 523.466 251.877V252.878ZM525.934 255.364C526.561 255.98 527.177 256.156 528.079 256.156C529.377 256.156 530.609 255.606 530.609 253.846V248.687H529.784V249.49C529.355 248.907 528.717 248.555 528.002 248.555C526.605 248.555 525.637 249.611 525.637 251.316C525.637 253.032 526.616 254.066 528.002 254.066C528.75 254.066 529.399 253.659 529.784 253.12V253.879C529.784 255.045 528.959 255.474 528.079 255.474C527.32 255.474 526.792 255.276 526.352 254.748L525.934 255.364ZM529.784 252.471C529.498 252.933 528.86 253.34 528.2 253.34C527.133 253.34 526.495 252.482 526.495 251.316C526.495 250.139 527.133 249.292 528.2 249.292C528.86 249.292 529.498 249.688 529.784 250.15V252.471ZM531.954 251.338C531.954 252.999 533.087 254.132 534.66 254.132C535.529 254.132 536.244 253.846 536.772 253.318L536.376 252.779C535.958 253.208 535.342 253.45 534.737 253.45C533.593 253.45 532.889 252.614 532.823 251.613H537.124V251.404C537.124 249.809 536.178 248.555 534.572 248.555C533.054 248.555 531.954 249.798 531.954 251.338ZM534.561 249.237C535.771 249.237 536.299 250.216 536.31 251.008H532.823C532.867 250.194 533.428 249.237 534.561 249.237ZM537.998 253.296C538.537 253.868 539.274 254.132 540.143 254.132C541.518 254.132 542.233 253.417 542.233 252.526C542.233 251.349 541.166 251.085 540.242 250.876C539.549 250.711 538.944 250.546 538.944 250.029C538.944 249.556 539.395 249.226 540.121 249.226C540.803 249.226 541.386 249.512 541.705 249.897L542.09 249.325C541.661 248.896 541.023 248.555 540.121 248.555C538.856 248.555 538.141 249.259 538.141 250.084C538.141 251.184 539.164 251.426 540.066 251.635C540.781 251.811 541.43 251.998 541.43 252.581C541.43 253.098 540.99 253.461 540.176 253.461C539.45 253.461 538.779 253.109 538.427 252.702L537.998 253.296Z" fill="#0E2A47"/> <path d="M497.444 236H500.59V221.326H497.862L493.242 225.968L495.024 227.838L497.444 225.352V236ZM503.079 236H514.123V233.25H508.007C511.945 230.478 514.013 228.3 514.013 225.792C514.013 222.866 511.527 221.106 508.403 221.106C506.357 221.106 504.179 221.854 502.749 223.504L504.531 225.572C505.521 224.538 506.797 223.878 508.447 223.878C509.679 223.878 510.845 224.516 510.845 225.792C510.845 227.596 509.085 229.114 503.079 233.536V236ZM515.984 228.674C515.984 232.458 517.854 236.264 522.056 236.264C526.236 236.264 528.128 232.458 528.128 228.674C528.128 224.89 526.236 221.106 522.056 221.106C517.854 221.106 515.984 224.89 515.984 228.674ZM524.938 228.674C524.938 231.38 524.146 233.492 522.056 233.492C519.944 233.492 519.152 231.38 519.152 228.674C519.152 225.968 519.944 223.878 522.056 223.878C524.146 223.878 524.938 225.968 524.938 228.674Z" fill="#0E2A47"/> <path d="M173.134 452.083H173.798V446.747H173.214L171.878 448.123L172.278 448.531L173.134 447.627V452.083ZM174.829 449.419C174.829 450.715 175.405 452.179 176.869 452.179C178.325 452.179 178.909 450.715 178.909 449.419C178.909 448.115 178.325 446.667 176.869 446.667C175.405 446.667 174.829 448.115 174.829 449.419ZM178.229 449.419C178.229 450.483 177.885 451.587 176.869 451.587C175.853 451.587 175.509 450.483 175.509 449.419C175.509 448.355 175.853 447.259 176.869 447.259C177.885 447.259 178.229 448.355 178.229 449.419Z" fill="#666666"/> <path d="M172.142 412.889H175.806V412.297H173.19C174.678 411.121 175.782 410.129 175.782 409.041C175.782 407.977 174.878 407.473 173.99 407.473C173.238 407.473 172.542 407.777 172.134 408.313L172.542 408.737C172.854 408.337 173.35 408.065 173.99 408.065C174.542 408.065 175.102 408.361 175.102 409.041C175.102 409.961 174.062 410.849 172.142 412.361V412.889ZM176.822 410.225C176.822 411.521 177.398 412.985 178.862 412.985C180.318 412.985 180.902 411.521 180.902 410.225C180.902 408.921 180.318 407.473 178.862 407.473C177.398 407.473 176.822 408.921 176.822 410.225ZM180.222 410.225C180.222 411.289 179.878 412.393 178.862 412.393C177.846 412.393 177.502 411.289 177.502 410.225C177.502 409.161 177.846 408.065 178.862 408.065C179.878 408.065 180.222 409.161 180.222 410.225Z" fill="#666666"/> <path d="M171.942 372.91C172.27 373.39 172.934 373.79 173.838 373.79C175.014 373.79 175.726 373.142 175.726 372.254C175.726 371.398 174.982 370.982 174.494 370.942C174.998 370.854 175.646 370.47 175.646 369.702C175.646 368.798 174.862 368.278 173.838 368.278C173.014 368.278 172.398 368.638 172.014 369.102L172.382 369.518C172.774 369.094 173.206 368.87 173.79 368.87C174.438 368.87 174.982 369.19 174.982 369.782C174.982 370.398 174.414 370.662 173.742 370.662C173.526 370.662 173.278 370.662 173.19 370.654V371.262C173.27 371.254 173.518 371.254 173.742 371.254C174.526 371.254 175.07 371.534 175.07 372.198C175.07 372.814 174.598 373.198 173.822 373.198C173.19 373.198 172.646 372.91 172.334 372.494L171.942 372.91ZM176.572 371.03C176.572 372.326 177.148 373.79 178.612 373.79C180.068 373.79 180.652 372.326 180.652 371.03C180.652 369.726 180.068 368.278 178.612 368.278C177.148 368.278 176.572 369.726 176.572 371.03ZM179.972 371.03C179.972 372.094 179.628 373.198 178.612 373.198C177.596 373.198 177.252 372.094 177.252 371.03C177.252 369.966 177.596 368.87 178.612 368.87C179.628 368.87 179.972 369.966 179.972 371.03Z" fill="#666666"/> <path d="M189.556 465.099C189.556 466.475 190.236 467.859 191.764 467.859C193.284 467.859 193.972 466.475 193.972 465.099C193.972 463.723 193.284 462.347 191.764 462.347C190.236 462.347 189.556 463.723 189.556 465.099ZM192.812 465.099C192.812 466.083 192.524 466.851 191.764 466.851C190.996 466.851 190.708 466.083 190.708 465.099C190.708 464.115 190.996 463.355 191.764 463.355C192.524 463.355 192.812 464.115 192.812 465.099Z" fill="#374957"/> <path d="M237.81 467.763H238.954V462.427H237.962L236.282 464.115L236.93 464.795L237.81 463.891V467.763Z" fill="#374957"/> <path d="M284.191 467.763H288.207V466.763H285.983C287.415 465.755 288.167 464.963 288.167 464.051C288.167 462.987 287.263 462.347 286.127 462.347C285.383 462.347 284.591 462.619 284.071 463.219L284.719 463.971C285.079 463.595 285.543 463.355 286.143 463.355C286.591 463.355 287.015 463.587 287.015 464.051C287.015 464.707 286.375 465.259 284.191 466.867V467.763Z" fill="#374957"/> <path d="M331.597 467.003C331.989 467.483 332.717 467.859 333.701 467.859C334.981 467.859 335.805 467.211 335.805 466.291C335.805 465.491 335.101 465.067 334.557 465.011C335.149 464.907 335.725 464.467 335.725 463.795C335.725 462.907 334.957 462.347 333.709 462.347C332.773 462.347 332.101 462.707 331.669 463.195L332.229 463.899C332.605 463.539 333.069 463.339 333.589 463.339C334.149 463.339 334.581 463.555 334.581 463.979C334.581 464.379 334.189 464.571 333.597 464.571C333.389 464.571 333.029 464.571 332.933 464.563V465.555C333.013 465.547 333.373 465.547 333.597 465.547C334.341 465.547 334.669 465.747 334.669 466.179C334.669 466.587 334.309 466.867 333.661 466.867C333.141 466.867 332.557 466.643 332.189 466.259L331.597 467.003Z" fill="#374957"/> <path d="M379.81 467.763H380.946V466.659H381.634V465.659H380.946V462.427H379.378L377.258 465.763V466.659H379.81V467.763ZM379.81 463.435V465.659H378.37L379.81 463.435Z" fill="#374957"/> <path d="M425.07 467.059C425.526 467.555 426.198 467.859 427.126 467.859C428.414 467.859 429.262 467.147 429.262 466.019C429.262 464.939 428.454 464.299 427.55 464.299C427.062 464.299 426.63 464.491 426.35 464.739V463.403H428.902V462.427H425.238V465.475L426.03 465.691C426.35 465.387 426.71 465.251 427.15 465.251C427.758 465.251 428.11 465.579 428.11 466.067C428.11 466.507 427.75 466.867 427.118 466.867C426.558 466.867 426.062 466.667 425.694 466.291L425.07 467.059Z" fill="#374957"/> <path d="M471.572 465.107C471.572 466.611 472.252 467.859 473.876 467.859C475.092 467.859 475.916 467.067 475.916 466.027C475.916 464.891 475.06 464.307 474.1 464.307C473.516 464.307 472.98 464.627 472.732 464.987C472.724 464.955 472.724 464.915 472.724 464.875C472.724 464.027 473.252 463.331 474.06 463.331C474.532 463.331 474.836 463.483 475.124 463.755L475.636 462.899C475.252 462.571 474.708 462.347 474.06 462.347C472.484 462.347 471.572 463.491 471.572 465.107ZM474.764 466.075C474.764 466.451 474.436 466.867 473.82 466.867C473.068 466.867 472.78 466.275 472.732 465.763C472.988 465.451 473.372 465.251 473.772 465.251C474.292 465.251 474.764 465.499 474.764 466.075Z" fill="#374957"/> <path d="M519.888 467.763H521.136L523.12 463.219V462.427H519.112V463.427H521.8L519.888 467.763Z" fill="#374957"/> <path d="M194.241 451.006H520.129" stroke="#D9D9D9" stroke-width="0.872292" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M194.241 411.578H520.129" stroke="#D9D9D9" stroke-width="0.872292" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M194.241 372.151H520.129" stroke="#D9D9D9" stroke-width="0.872292" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M194.241 450.308C194.241 451.529 193.368 452.401 192.147 452.401C190.926 452.401 190.054 451.529 190.054 450.308C190.054 449.087 190.926 448.214 192.147 448.214C193.368 448.214 194.241 449.261 194.241 450.308Z" fill="url(#paint4_linear)"/> <path d="M241.17 450.308C241.17 451.529 240.298 452.401 239.076 452.401C237.855 452.401 236.983 451.529 236.983 450.308C236.983 449.087 237.855 448.214 239.076 448.214C240.123 448.214 241.17 449.261 241.17 450.308Z" fill="url(#paint5_linear)"/> <path d="M287.925 450.308C287.925 451.529 287.052 452.401 285.831 452.401C284.61 452.401 283.738 451.529 283.738 450.308C283.738 449.087 284.61 448.214 285.831 448.214C287.052 448.214 287.925 449.261 287.925 450.308Z" fill="url(#paint6_linear)"/> <path d="M334.854 450.308C334.854 451.529 333.982 452.401 332.76 452.401C331.539 452.401 330.667 451.529 330.667 450.308C330.667 449.087 331.539 448.214 332.76 448.214C333.982 448.214 334.854 449.261 334.854 450.308Z" fill="url(#paint7_linear)"/> <path d="M381.783 450.308C381.783 451.529 380.911 452.401 379.69 452.401C378.468 452.401 377.596 451.529 377.596 450.308C377.596 449.087 378.468 448.214 379.69 448.214C380.736 448.214 381.783 449.261 381.783 450.308Z" fill="url(#paint8_linear)"/> <path d="M475.468 450.308C475.468 451.529 474.595 452.401 473.374 452.401C472.153 452.401 471.281 451.529 471.281 450.308C471.281 449.087 472.153 448.214 473.374 448.214C474.421 448.214 475.468 449.261 475.468 450.308Z" fill="url(#paint9_linear)"/> <path d="M428.539 450.308C428.539 451.529 427.666 452.401 426.445 452.401C425.224 452.401 424.352 451.529 424.352 450.308C424.352 449.087 425.224 448.214 426.445 448.214C427.666 448.214 428.539 449.261 428.539 450.308Z" fill="url(#paint10_linear)"/> <path d="M522.223 450.308C522.223 451.529 521.35 452.401 520.129 452.401C518.908 452.401 518.036 451.529 518.036 450.308C518.036 449.087 518.908 448.214 520.129 448.214C521.35 448.214 522.223 449.261 522.223 450.308Z" fill="url(#paint11_linear)"/> <path d="M215.7 451.006C215.7 451.703 215.002 452.401 214.304 452.401C213.606 452.401 212.908 451.703 212.908 451.006C212.908 450.308 213.606 449.61 214.304 449.61C215.002 449.61 215.7 450.133 215.7 451.006Z" fill="#CCCCCC"/> <path d="M262.628 451.006C262.628 451.703 261.93 452.401 261.233 452.401C260.535 452.401 259.837 451.703 259.837 451.006C259.837 450.308 260.535 449.61 261.233 449.61C261.93 449.61 262.628 450.133 262.628 451.006Z" fill="#CCCCCC"/> <path d="M309.732 451.006C309.732 451.703 309.034 452.401 308.337 452.401C307.639 452.401 306.941 451.703 306.941 451.006C306.941 450.308 307.639 449.61 308.337 449.61C309.034 449.61 309.732 450.133 309.732 451.006Z" fill="#CCCCCC"/> <path d="M356.662 451.006C356.662 451.703 355.964 452.401 355.266 452.401C354.568 452.401 353.871 451.703 353.871 451.006C353.871 450.308 354.568 449.61 355.266 449.61C356.139 449.61 356.662 450.133 356.662 451.006Z" fill="#CCCCCC"/> <path d="M403.766 451.006C403.766 451.703 403.068 452.401 402.37 452.401C401.672 452.401 400.975 451.703 400.975 451.006C400.975 450.308 401.672 449.61 402.37 449.61C403.068 449.61 403.766 450.133 403.766 451.006Z" fill="#CCCCCC"/> <path d="M450.869 451.006C450.869 451.703 450.172 452.401 449.474 452.401C448.776 452.401 448.078 451.703 448.078 451.006C448.078 450.308 448.776 449.61 449.474 449.61C450.172 449.61 450.869 450.133 450.869 451.006Z" fill="#CCCCCC"/> <path d="M497.799 451.006C497.799 451.703 497.101 452.401 496.403 452.401C495.705 452.401 495.007 451.703 495.007 451.006C495.007 450.308 495.705 449.61 496.403 449.61C497.101 449.61 497.799 450.133 497.799 451.006Z" fill="#CCCCCC"/> <path d="M193.194 417.335L222.329 430.943C232.273 435.653 244.136 434.432 252.859 427.803L272.05 413.323C282.168 405.821 295.776 405.298 306.418 412.276C320.898 421.697 340.263 416.986 348.811 401.983L359.977 382.095C370.444 363.253 396.962 361.509 409.872 378.78L416.676 387.852C422.258 395.354 431.156 399.715 440.576 399.715H460.813C466.745 399.715 472.502 401.46 477.387 404.774L520.129 433.734" stroke="url(#paint12_linear)" stroke-width="3.48917" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M244.136 433.56C244.136 436.351 241.868 438.619 239.077 438.619C236.286 438.619 234.018 436.351 234.018 433.56C234.018 430.768 236.286 428.501 239.077 428.501C241.868 428.326 244.136 430.594 244.136 433.56Z" fill="url(#paint13_linear)"/> <path d="M291.065 407.391C291.065 410.182 288.797 412.45 286.006 412.45C283.215 412.45 280.947 410.182 280.947 407.391C280.947 404.6 283.215 402.332 286.006 402.332C288.797 402.157 291.065 404.6 291.065 407.391Z" fill="url(#paint14_linear)"/> <path d="M337.821 414.544C337.821 417.335 335.553 419.603 332.761 419.603C329.97 419.603 327.702 417.335 327.702 414.544C327.702 411.753 329.97 409.485 332.761 409.485C335.553 409.31 337.821 411.753 337.821 414.544Z" fill="url(#paint15_linear)"/> <path d="M384.75 367.615C384.75 370.406 382.482 372.674 379.691 372.674C376.899 372.674 374.631 370.406 374.631 367.615C374.631 364.823 376.899 362.555 379.691 362.555C382.482 362.555 384.75 364.823 384.75 367.615Z" fill="url(#paint16_linear)"/> <path d="M431.679 395.528C431.679 398.319 429.411 400.587 426.62 400.587C423.828 400.587 421.561 398.319 421.561 395.528C421.561 392.737 423.828 390.469 426.62 390.469C429.237 390.469 431.679 392.737 431.679 395.528Z" fill="url(#paint17_linear)"/> <path d="M478.434 403.03C478.434 405.821 476.166 408.089 473.375 408.089C470.583 408.089 468.315 405.821 468.315 403.03C468.315 400.238 470.583 397.97 473.375 397.97C476.166 397.796 478.434 400.238 478.434 403.03Z" fill="url(#paint18_linear)"/> <g class="solid-rounded"> <g> <path d="M277 233C279.209 233 281 231.209 281 229C281 226.791 279.209 225 277 225C274.791 225 273 226.791 273 229C273 231.209 274.791 233 277 233Z" fill="#009D73"/> <path d="M288.271 226.419C286.72 223.893 283.192 219.655 277 219.655C270.808 219.655 267.28 223.893 265.729 226.419C265.25 227.195 264.996 228.088 264.996 229C264.996 229.912 265.25 230.806 265.729 231.581C267.28 234.107 270.808 238.345 277 238.345C283.192 238.345 286.72 234.107 288.271 231.581C288.751 230.806 289.004 229.912 289.004 229C289.004 228.088 288.751 227.195 288.271 226.419ZM277 235C275.813 235 274.653 234.648 273.667 233.989C272.68 233.33 271.911 232.392 271.457 231.296C271.003 230.2 270.884 228.993 271.115 227.829C271.347 226.666 271.918 225.597 272.757 224.757C273.597 223.918 274.666 223.347 275.83 223.115C276.993 222.884 278.2 223.003 279.296 223.457C280.393 223.911 281.33 224.68 281.989 225.667C282.648 226.653 283 227.813 283 229C282.998 230.591 282.366 232.116 281.241 233.241C280.116 234.366 278.591 234.998 277 235Z" fill="#009D73"/> </g> <g> <path d="M447 226C447 225.204 446.684 224.441 446.121 223.879C445.559 223.316 444.796 223 444 223H441C441 221.409 440.368 219.883 439.243 218.757C438.117 217.632 436.591 217 435 217C433.409 217 431.883 217.632 430.757 218.757C429.632 219.883 429 221.409 429 223H426C425.204 223 424.441 223.316 423.879 223.879C423.316 224.441 423 225.204 423 226V236C423.002 237.326 423.529 238.596 424.466 239.534C425.404 240.471 426.674 240.998 428 241H442C443.326 240.998 444.596 240.471 445.534 239.534C446.471 238.596 446.998 237.326 447 236V226ZM431 223C431 221.939 431.421 220.922 432.172 220.172C432.922 219.421 433.939 219 435 219C436.061 219 437.078 219.421 437.828 220.172C438.579 220.922 439 221.939 439 223H431Z" fill="#2C8CF4"/> </g> <g> <path d="M584.122 229.546L593.256 220.411C592.814 219.677 592.19 219.07 591.444 218.648C590.699 218.225 589.857 218.002 589 218H575C574.143 218.002 573.302 218.225 572.556 218.648C571.811 219.07 571.187 219.677 570.744 220.411L579.878 229.546C580.442 230.107 581.205 230.422 582 230.422C582.796 230.422 583.559 230.107 584.122 229.546Z" fill="#5F5FF6"/> <path d="M593.954 222.542L585.536 230.96C584.597 231.896 583.326 232.422 582 232.422C580.674 232.422 579.403 231.896 578.464 230.96L570.046 222.542C570.032 222.7 570 222.843 570 223V235C570.002 236.326 570.529 237.596 571.466 238.534C572.404 239.471 573.674 239.998 575 240H589C590.326 239.998 591.596 239.471 592.534 238.534C593.471 237.596 593.998 236.326 594 235V223C594 222.843 593.968 222.7 593.954 222.542Z" fill="#5F5FF6"/> </g> </g> <g class="outline-rounded hide"> <g> <path d="M288.271 226.419C286.72 223.893 283.192 219.655 277 219.655C270.808 219.655 267.28 223.893 265.729 226.419C265.249 227.195 264.995 228.088 264.995 229C264.995 229.912 265.249 230.806 265.729 231.581C267.28 234.107 270.808 238.345 277 238.345C283.192 238.345 286.72 234.107 288.271 231.581C288.75 230.806 289.004 229.912 289.004 229C289.004 228.088 288.75 227.195 288.271 226.419ZM286.566 230.534C285.234 232.7 282.219 236.345 277 236.345C271.781 236.345 268.766 232.7 267.434 230.534C267.149 230.073 266.998 229.542 266.998 229C266.998 228.458 267.149 227.927 267.434 227.466C268.766 225.3 271.781 221.655 277 221.655C282.219 221.655 285.234 225.296 286.566 227.466C286.85 227.927 287.001 228.458 287.001 229C287.001 229.542 286.85 230.073 286.566 230.534Z" fill="#009D73"/> <path d="M277 224C276.011 224 275.044 224.293 274.222 224.843C273.4 225.392 272.759 226.173 272.381 227.087C272.002 228 271.903 229.006 272.096 229.975C272.289 230.945 272.765 231.836 273.464 232.536C274.164 233.235 275.055 233.711 276.025 233.904C276.994 234.097 278 233.998 278.913 233.619C279.827 233.241 280.608 232.6 281.157 231.778C281.707 230.956 282 229.989 282 229C281.998 227.674 281.471 226.404 280.534 225.466C279.596 224.529 278.326 224.002 277 224ZM277 232C276.407 232 275.827 231.824 275.333 231.494C274.84 231.165 274.455 230.696 274.228 230.148C274.001 229.6 273.942 228.997 274.058 228.415C274.173 227.833 274.459 227.298 274.879 226.879C275.298 226.459 275.833 226.173 276.415 226.058C276.997 225.942 277.6 226.001 278.148 226.228C278.696 226.455 279.165 226.84 279.494 227.333C279.824 227.827 280 228.407 280 229C280 229.796 279.684 230.559 279.121 231.121C278.559 231.684 277.796 232 277 232Z" fill="#009D73"/> </g> <g> <path d="M444 223H441C441 221.409 440.368 219.883 439.243 218.757C438.117 217.632 436.591 217 435 217C433.409 217 431.883 217.632 430.757 218.757C429.632 219.883 429 221.409 429 223H426C425.204 223 424.441 223.316 423.879 223.879C423.316 224.441 423 225.204 423 226V236C423.002 237.326 423.529 238.596 424.466 239.534C425.404 240.471 426.674 240.998 428 241H442C443.326 240.998 444.596 240.471 445.534 239.534C446.471 238.596 446.998 237.326 447 236V226C447 225.204 446.684 224.441 446.121 223.879C445.559 223.316 444.796 223 444 223ZM435 219C436.061 219 437.078 219.421 437.828 220.172C438.579 220.922 439 221.939 439 223H431C431 221.939 431.421 220.922 432.172 220.172C432.922 219.421 433.939 219 435 219ZM445 236C445 236.796 444.684 237.559 444.121 238.121C443.559 238.684 442.796 239 442 239H428C427.204 239 426.441 238.684 425.879 238.121C425.316 237.559 425 236.796 425 236V226C425 225.735 425.105 225.48 425.293 225.293C425.48 225.105 425.735 225 426 225H429V227C429 227.265 429.105 227.52 429.293 227.707C429.48 227.895 429.735 228 430 228C430.265 228 430.52 227.895 430.707 227.707C430.895 227.52 431 227.265 431 227V225H439V227C439 227.265 439.105 227.52 439.293 227.707C439.48 227.895 439.735 228 440 228C440.265 228 440.52 227.895 440.707 227.707C440.895 227.52 441 227.265 441 227V225H444C444.265 225 444.52 225.105 444.707 225.293C444.895 225.48 445 225.735 445 226V236Z" fill="#2C8CF4"/> </g> <g> <path xmlns="http://www.w3.org/2000/svg" d="M589 218H575C573.674 218.002 572.404 218.529 571.466 219.466C570.529 220.404 570.002 221.674 570 223V235C570.002 236.326 570.529 237.596 571.466 238.534C572.404 239.471 573.674 239.998 575 240H589C590.326 239.998 591.596 239.471 592.534 238.534C593.471 237.596 593.998 236.326 594 235V223C593.998 221.674 593.471 220.404 592.534 219.466C591.596 218.529 590.326 218.002 589 218ZM575 220H589C589.599 220.001 590.184 220.182 590.679 220.518C591.174 220.854 591.558 221.331 591.78 221.887L584.122 229.546C583.558 230.107 582.795 230.422 582 230.422C581.205 230.422 580.442 230.107 579.878 229.546L572.22 221.887C572.442 221.331 572.826 220.854 573.321 220.518C573.816 220.182 574.401 220.001 575 220ZM589 238H575C574.204 238 573.441 237.684 572.879 237.121C572.316 236.559 572 235.796 572 235V224.5L578.464 230.96C579.403 231.896 580.674 232.422 582 232.422C583.326 232.422 584.597 231.896 585.536 230.96L592 224.5V235C592 235.796 591.684 236.559 591.121 237.121C590.559 237.684 589.796 238 589 238Z" fill="#5F5FF6"/> </g> </g> <g class="bold-rounded hide"> <g class="bold-rounded"> <path xmlns="http://www.w3.org/2000/svg" d="M287.982 225.9C286.793 224.065 285.167 222.553 283.251 221.5C281.335 220.447 279.187 219.885 277 219.864C274.814 219.885 272.666 220.447 270.75 221.5C268.833 222.553 267.208 224.065 266.018 225.9C265.396 226.813 265.063 227.892 265.063 228.997C265.063 230.102 265.396 231.181 266.018 232.094C267.207 233.93 268.832 235.443 270.749 236.498C272.665 237.552 274.813 238.115 277 238.136C279.187 238.115 281.335 237.553 283.251 236.5C285.167 235.447 286.793 233.935 287.982 232.1C288.606 231.186 288.939 230.106 288.939 229C288.939 227.894 288.606 226.814 287.982 225.9ZM285.51 230.4C284.603 231.84 283.348 233.028 281.861 233.855C280.373 234.683 278.702 235.123 277 235.136C275.298 235.123 273.627 234.683 272.14 233.855C270.653 233.028 269.398 231.84 268.49 230.4C268.209 229.987 268.059 229.499 268.059 229C268.059 228.501 268.209 228.013 268.49 227.6C269.398 226.16 270.653 224.972 272.14 224.145C273.627 223.317 275.298 222.877 277 222.864C278.702 222.877 280.373 223.317 281.861 224.145C283.348 224.972 284.603 226.16 285.51 227.6C285.791 228.013 285.942 228.501 285.942 229C285.942 229.499 285.791 229.987 285.51 230.4Z" fill="#009D73"/> <path xmlns="http://www.w3.org/2000/svg" d="M277 233C279.209 233 281 231.209 281 229C281 226.791 279.209 225 277 225C274.791 225 273 226.791 273 229C273 231.209 274.791 233 277 233Z" fill="#009D73"/> </g> <g class="bold-rounded"> <path d="M443.5 223.2H441V223C441 221.409 440.368 219.883 439.243 218.757C438.117 217.632 436.591 217 435 217C433.409 217 431.883 217.632 430.757 218.757C429.632 219.883 429 221.409 429 223V223.2H426.5C425.575 223.211 424.691 223.583 424.037 224.237C423.383 224.891 423.011 225.775 423 226.7V235.5C423.013 236.955 423.596 238.346 424.625 239.375C425.654 240.404 427.045 240.987 428.5 241H441.5C442.955 240.987 444.346 240.404 445.375 239.375C446.404 238.346 446.987 236.955 447 235.5V226.7C446.989 225.775 446.617 224.891 445.963 224.237C445.309 223.583 444.425 223.211 443.5 223.2ZM432 223C432 222.204 432.316 221.441 432.879 220.879C433.441 220.316 434.204 220 435 220C435.796 220 436.559 220.316 437.121 220.879C437.684 221.441 438 222.204 438 223V223.2H432V223ZM444 235.5C444.003 235.829 443.941 236.156 443.816 236.46C443.692 236.765 443.508 237.042 443.275 237.275C443.042 237.508 442.765 237.692 442.46 237.816C442.156 237.941 441.829 238.003 441.5 238H428.5C428.171 238.003 427.844 237.941 427.54 237.816C427.235 237.692 426.958 237.508 426.725 237.275C426.492 237.042 426.308 236.765 426.184 236.46C426.059 236.156 425.997 235.829 426 235.5V226.7C425.996 226.633 426.006 226.566 426.03 226.504C426.053 226.441 426.09 226.385 426.137 226.337C426.185 226.29 426.241 226.253 426.304 226.23C426.366 226.206 426.433 226.196 426.5 226.2H429V227.5C429 227.898 429.158 228.279 429.439 228.561C429.721 228.842 430.102 229 430.5 229C430.898 229 431.279 228.842 431.561 228.561C431.842 228.279 432 227.898 432 227.5V226.2H438V227.5C438 227.898 438.158 228.279 438.439 228.561C438.721 228.842 439.102 229 439.5 229C439.898 229 440.279 228.842 440.561 228.561C440.842 228.279 441 227.898 441 227.5V226.2H443.5C443.567 226.196 443.634 226.206 443.696 226.23C443.759 226.253 443.815 226.29 443.863 226.337C443.91 226.385 443.947 226.441 443.97 226.504C443.994 226.566 444.004 226.633 444 226.7V235.5Z" fill="#2C8CF4"/> </g> <g class="bold-rounded"> <path xmlns="http://www.w3.org/2000/svg" d="M588.5 218H575.5C574.042 218.002 572.644 218.582 571.613 219.613C570.582 220.644 570.002 222.042 570 223.5V234.5C570.002 235.958 570.582 237.356 571.613 238.387C572.644 239.418 574.042 239.998 575.5 240H588.5C589.958 239.998 591.356 239.418 592.387 238.387C593.418 237.356 593.998 235.958 594 234.5V223.5C593.998 222.042 593.418 220.644 592.387 219.613C591.356 218.582 589.958 218.002 588.5 218ZM588.5 221C589.106 221.002 589.691 221.227 590.143 221.631L583.643 228.131C583.202 228.553 582.615 228.788 582.004 228.788C581.393 228.788 580.806 228.553 580.365 228.131L573.865 221.631C574.315 221.228 574.896 221.004 575.5 221H588.5ZM588.5 237H575.5C574.837 237 574.201 236.737 573.732 236.268C573.263 235.799 573 235.163 573 234.5V225.017L578.239 230.256C578.733 230.75 579.319 231.142 579.964 231.409C580.609 231.677 581.301 231.814 582 231.814C582.698 231.814 583.39 231.677 584.035 231.409C584.68 231.142 585.266 230.75 585.76 230.256L591 225.017V234.5C591 235.163 590.737 235.799 590.268 236.268C589.799 236.737 589.163 237 588.5 237Z" fill="#5F5FF6"/> </g> </g> <defs> <filter id="filter0_f" x="0" y="0" width="598" height="685" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur"/> </filter> <filter id="filter1_f" x="222" y="17" width="570" height="595" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur"/> </filter> <filter id="filter2_f" x="92" y="355" width="590" height="244" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur"/> </filter> <filter id="filter3_b" x="79.6718" y="115.672" width="574.656" height="421.656" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImage" stdDeviation="5.1641"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur" result="shape"/> </filter> <filter id="filter4_b" x="79.6718" y="115.672" width="70.6564" height="421.656" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feGaussianBlur in="BackgroundImage" stdDeviation="5.1641"/> <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur"/> <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur" result="shape"/> </filter> <linearGradient id="paint0_linear" x1="94.073" y1="278.57" x2="306.612" y2="289.923" gradientUnits="userSpaceOnUse"> <stop stop-color="#4AD295"/> <stop offset="1" stop-color="#5EB2FC"/> </linearGradient> <linearGradient id="paint1_linear" x1="435.333" y1="463.313" x2="611.118" y2="235.226" gradientUnits="userSpaceOnUse"> <stop stop-color="#5EB2FC"/> <stop offset="1" stop-color="#B3B3FC"/> </linearGradient> <linearGradient id="paint2_linear" x1="109.002" y1="163.676" x2="121.801" y2="167.13" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint3_linear" x1="113.501" y1="171.376" x2="116.826" y2="171.973" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint4_linear" x1="190.055" y1="448.099" x2="194.521" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint5_linear" x1="236.984" y1="448.099" x2="241.45" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint6_linear" x1="283.739" y1="448.099" x2="288.205" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint7_linear" x1="330.668" y1="448.099" x2="335.134" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint8_linear" x1="377.597" y1="448.099" x2="382.063" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint9_linear" x1="471.282" y1="448.099" x2="475.748" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint10_linear" x1="424.352" y1="448.099" x2="428.818" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint11_linear" x1="518.036" y1="448.099" x2="522.503" y2="449.303" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint12_linear" x1="193.261" y1="364.976" x2="330.059" y2="545.147" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint13_linear" x1="234.02" y1="428.211" x2="244.814" y2="431.12" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint14_linear" x1="280.949" y1="402.043" x2="291.743" y2="404.952" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint15_linear" x1="327.704" y1="409.196" x2="338.498" y2="412.105" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint16_linear" x1="374.633" y1="362.275" x2="385.426" y2="365.186" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint17_linear" x1="421.563" y1="390.189" x2="432.356" y2="393.1" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <linearGradient id="paint18_linear" x1="468.317" y1="397.681" x2="479.112" y2="400.59" gradientUnits="userSpaceOnUse"> <stop stop-color="#5F5FF6"/> <stop offset="0.494792" stop-color="#2C8CF4"/> <stop offset="1" stop-color="#2BC48A"/> </linearGradient> <clipPath id="clip0"> <rect width="8.57143" height="12" fill="white" transform="translate(111 198)"/> </clipPath> <clipPath id="clip1"> <rect width="12" height="12" fill="white" transform="translate(109 232)"/> </clipPath> <clipPath id="clip2"> <rect width="12" height="12" fill="white" transform="translate(109 301)"/> </clipPath> <clipPath id="clip3"> <rect width="12" height="12" fill="white" transform="translate(109 164)"/> </clipPath> </defs> </svg> <div class="code-browser"> <div class="code-browser__header"> <span></span> <span></span> <span></span> </div> <div class="code-browser__content"> <pre class="mg-none"> <code> <span class="purple"><head></span> <span class="purple"><link</span> <span class="green">href=</span>"/website/css/uicons-<span id="typing"></span>" <br><span class="green">rel=</span>"stylesheet"<span class="purple">></span> <span class="purple"></head></span> <span class="purple"><body></span> <span class="purple"><i</span> <span class="green">class=</span>"fi-sr-eye"<span class="purple">></i></span> <span class="purple"><i</span> <span class="green">class=</span>"fi-sr-shopping-bag"<span class="purple">></i></span> <span class="purple"><i</span> <span class="green">class=</span>"fi-sr-envelope"<span class="purple">></i></span> <span class="purple"></body></span></code></pre> </div> </div> </div> </div> </div> </section> <div class="container"> <h2 class="mg-bottom-lv4 pd-none inline-block bold font-h6">Principal pesquisa de ícones de Interface</h2> <section class="tags-columns mg-bottom-lv5"> <ul> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/ui" class="track" data-track-arguments="ga, event, subhome, interface, tag-Ui">Ui</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/interface" class="track" data-track-arguments="ga, event, subhome, interface, tag-Interface">Interface</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/educacao" class="track" data-track-arguments="ga, event, subhome, interface, tag-Educação">Educação</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/negocios-e-financas" class="track" data-track-arguments="ga, event, subhome, interface, tag-Negócios E Finanças">Negócios E Finanças</a></li> </ul> <ul> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/comida-e-restaurante" class="track" data-track-arguments="ga, event, subhome, interface, tag-Comida E Restaurante">Comida E Restaurante</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/setas" class="track" data-track-arguments="ga, event, subhome, interface, tag-Setas">Setas</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/formas-e-simbolos" class="track" data-track-arguments="ga, event, subhome, interface, tag-Formas E Símbolos">Formas E Símbolos</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/eletronicos" class="track" data-track-arguments="ga, event, subhome, interface, tag-Eletrônicos">Eletrônicos</a></li> </ul> <ul> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/comunicacoes" class="track" data-track-arguments="ga, event, subhome, interface, tag-Comunicações">Comunicações</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/transporte" class="track" data-track-arguments="ga, event, subhome, interface, tag-Transporte">Transporte</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/direcao" class="track" data-track-arguments="ga, event, subhome, interface, tag-Direção">Direção</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/do-utilizador" class="track" data-track-arguments="ga, event, subhome, interface, tag-Do Utilizador">Do Utilizador</a></li> </ul> <ul> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/pessoas" class="track" data-track-arguments="ga, event, subhome, interface, tag-Pessoas">Pessoas</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/documento" class="track" data-track-arguments="ga, event, subhome, interface, tag-Documento">Documento</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/emoji" class="track" data-track-arguments="ga, event, subhome, interface, tag-Emoji">Emoji</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/smileys" class="track" data-track-arguments="ga, event, subhome, interface, tag-Smileys">Smileys</a></li> </ul> <ul> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/dinheiro" class="track" data-track-arguments="ga, event, subhome, interface, tag-Dinheiro">Dinheiro</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/emoticon" class="track" data-track-arguments="ga, event, subhome, interface, tag-Emoticon">Emoticon</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/esportes-e-competicao" class="track" data-track-arguments="ga, event, subhome, interface, tag-Esportes E Competição">Esportes E Competição</a></li> <li class="font-md mg-bottom-lv3"><a href="https://www.flaticon.com/br/icon-fonts-gratis/orientacao" class="track" data-track-arguments="ga, event, subhome, interface, tag-Orientação">Orientação</a></li> </ul> </section> </div> </main> <footer id="footer" class="body-footer"> <div class="container"> <div class="row mg-none mg-bottom-lv4-i row--vertical-center footer__top"> <a href="https://www.flaticon.com/br" class="logo-flaticon"> <img class="show-tablet push-center lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/logos/flaticon-by-color-negative-ver.svg" alt="Flaticon logo" width="172" height="46"> <img class="hide-tablet push-center lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/logos/flaticon-by-color-negative-hor.svg" alt="Flaticon logo" width="277" height="26"> </a> <div class="push-right footer__buttons"> <div class="row mg-none"> <a href="https://contributor.flaticon.com/?utm_source=home_br&utm_medium=home_br_footer&utm_campaign=earn_money_br2" class="bj-button bj-button--green" target="_blank" rel="noreferrer noopener">Acesso para colaboradores</a> <a href="https://www.flaticon.com/br/pricing" class="bj-button bj-button--flat bj-button--yellow mg-left-lv2 fi-not-premium track" data-track-arguments="ga, event, premium, footer">Seja Premium</a> </div> </div> </div> <div class="row mg-none"> <div class="footer__column stickers"> <p class="footer__title"><label for="footer__content">Conteúdo<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__content"> <ul> <li><a href="https://www.flaticon.com/br/autores">Autores</a></li> <li><a href="https://www.flaticon.com/br/mais-baixados">Ícones</a></li> <li><a href="https://www.flaticon.com/br/stickers-mais-baixados">Figurinhas</a></li> <li><a href="https://www.flaticon.com/br/icon-fonts-mas-baixados">Ícones de interface</a></li> <li><a href="https://www.flaticon.com/br/icones-animados-mas-baixados">Ícones animados</a></li> <li><a href="https://www.flaticon.com/br/tags">Tags de ícones</a></li> <li><a href="https://www.flaticon.com/br/tags/stickers">Tags de figurinhas</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__tools">Ferramentas<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__tools"> <ul> <li><a href="https://www.freepik.com/api">API</a></li> <li><a href="https://www.flaticon.com/br/para-google">Google Workspace</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__help">Ajuda<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__help"> <ul> <li><a href="https://www.flaticon.com/br/profile/support">Suporte</a></li> <li><a href="https://support.flaticon.com/s/?language=en_US">Perguntas frequentes</a></li> <li><a href="https://www.flaticon.com/br/estilos">Estilos de ícones</a></li> <li><a href="https://www.flaticon.com/br/editor-icones">Editor de ícones</a></li> <li><a href="https://www.flaticon.com/br/colecoes">Coleções do Flaticon</a></li> <li><a href="https://www.flaticon.com/br/follow">Seguir</a></li> <li><a href="https://www.flaticon.com/br/merchandising-license">Licença de Merchandising</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__company">Empresa<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__company"> <ul> <li><a href="https://br.freepik.com/empresa/sobre-nos" target="_blank" rel="noreferrer noopener">Sobre</a></li> <li><a href="https://www.flaticon.com/br/profile/support">Contate-nos</a></li> <li><a href="https://www.flaticon.com/br/legal" target="_blank" rel="noreferrer noopener">Nossa licença</a></li> <li><a href="https://www.flaticon.com/blog/" target="_blank" rel="noreferrer noopener">Blog</a></li> <li><a href="https://www.flaticon.com/br/pricing" target="_blank" rel="noreferrer noopener">Planos e Preços</a></li> <li><a href="https://www.flaticon.com/br/novidades" rel="noreferrer noopener">Novidades</a></li> </ul> </div> <div class="footer__column footer__social"> <p class="footer__title"><label for="footer__social">Mídia social</label></p> <ul class="share"> <li><a href="https://www.facebook.com/flaticon" class="icon icon--facebook bg__social--facebook" title="Facebook" target="_blank" rel="noreferrer noopener"></a></li> <li> <a href="https://twitter.com/flaticon" class="icon bg__background--secondary" title="Twitter" target="_blank" rel="noreferrer noopener"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/twitter.png" alt="twitter logo" width="15" height="15"> </a> </li> <li><a href="https://www.pinterest.com/flaticon" class="icon icon--pinterest bg__social--pinterest" title="Pinterest" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.instagram.com/flaticon/?hl=en" class="icon icon--instagram bg__social--instagram" title="Instagram" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.youtube.com/channel/UC9wPXN2TIWoUamqONb7v8Pw" class="icon icon--youtube bg__social--youtube" title="YouTube" target="_blank" rel="noreferrer noopener"></a></li> </ul> <div class="gr_not-connected"> <p class="bold">Receba recursos exclusivos diretamente em sua caixa de entrada</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="bj-button bj-button--outline bj-button--green bj-button--sm track" data-track-arguments="ga, event, register, click, footer-register">Cadastrar</a> </div> </div> </div> <ul class="footer__legal font-xs mg-top-lv3"> <li class="inline-block"><a href="https://www.flaticon.com/legal" rel="noreferrer noopener" title="Termos e condições">Termos e condições</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/privacy" target="_blank" rel="noreferrer noopener" title="Política de privacidade">Política de privacidade</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/cookies" target="_blank" rel="noreferrer noopener" title="Política de cookies">Política de cookies</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/copyright" target="_blank" rel="noreferrer noopener" title="Notificação de Direitos Autorais">Notificação de Direitos Autorais</a></li>  <li class="inline-block mg-left-lv2"><button class="link link-inverted ot-sdk-show-settings" id="ot-sdk-btn">Definições de Cookies</button></li>  </ul> <div class="copyright"> <div class="row mg-none row--vertical-center"> <div class="col mg-none pd-none alignl pd-right-lv2-i"> <div class="row row--vertical-center mg-none"> <p class="mg-none">Copyright © 2010-2024 Freepik Company S.L. Todos os direitos reservados.</p> </div> </div> <div class="mg-none"> <div class="popover popover-top language-selector"> <div class="popover-container"> <button class="popover-button bj-button bj-button--sm bj-button--secondary bj-button--outline"> <span class="text-inverted"> Português </span> <i class="icon icon--caret-up text-inverted"></i> </button> <div class="popover-content"> <ul> <li><a href="https://www.flaticon.es/uicons/interface-icons">Español</a></li> <li><a href="https://www.flaticon.com/uicons/interface-icons">English</a></li> <li><a href="https://www.flaticon.com/de/uicons/interface-icons">Deutsch</a></li> <li><a href="https://www.flaticon.com/br/uicons/interface-icons">Português</a></li> <li><a href="https://www.flaticon.com/fr/uicons/interface-icons">Français</a></li> <li><a href="https://www.flaticon.com/kr/uicons/interface-icons">한국어</a></li> <li><a href="https://www.flaticon.com/ru/uicons/interface-icons">Pусский</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="footer__projects"> <div class="container"> <span>Projetos da Freepik Company</span> <ul> <li><a href="https://www.freepik.com" target="_blank" rel="noreferrer noopener" rel="nofollow">Freepik</a></li> <li><a href="/">Flaticon</a></li> <li><a href="https://slidesgo.com/pt" target="_blank" rel="noreferrer noopener" rel="nofollow">Slidesgo</a></li> <li><a href="https://wepik.com" target="_blank" rel="noreferrer noopener" rel="nofollow">Wepik</a></li> <li><a href="https://www.videvo.net/" target="_blank" rel="noreferrer noopener" rel="nofollow">Videvo</a></li> </ul> </div> </div> </footer> <div class="user-alert-container" id="user-alert-container"></div> <div class="fi-modal modal-download"> <input class="modal-state" id="modal-download" type="checkbox"> <div class="modal-fade-screen"> <div class="modal-inner"> <header> <label class="modal-close" for="modal-download"></label> <p class="modal-collection">Coleção: <strong class="collection_name"></strong></p> <p class="modal-pack">Pacote: <strong class="pack_name"></strong></p> <p class="modal-icon filename"> <span class="icon-holder"></span> <span> <span class="description font-sm mg-left-lv1"></span> </span> </p> <p class="author"> <span class="description font-sm mg-left-lv1"></span> </p> </header> <section class="modal-body row mg-none"> <div class="column column-premium"> <a class="btn btn-premium btn-warning track" data-track-arguments="ga, event, premium, modal-download-premium" id="download-premium" href="https://www.flaticon.com/br/pricing" target="_blank"> <b>Download Premium</b> <p>Mais de 17,496,500 ícones por <span>11.08 SGD</span>/mês</p> </a> <ul class="hide-phone--xs"> <li>Não é necessário <strong>nenhuma atribuição</strong></li> <li>Mais de 17.5M de ícones, figurinhas e logotipos em formatos editáveis, como <b>SVG, EPS, PSD & CSS</b></li> <li>Até 2.000 downloads diários</li> <li>Navegue <strong> sem anúncios </strong></li> </ul> <p class="show-phone--xs"> <a href="https://www.flaticon.com/br/pricing" class="link--normal track" data-track-arguments="ga, event, premium, modal-download-premium">Mais informações</a> </p> </div> <div class="column column-free"> <button id="download-free" class="btn"> <b>Download gratuito</b> <p>Você deve dar o crédito ao autor</p> </button> <div class="copy-wrapper hide-phone--xs"> <p class="copy" onclick="document.getElementById('input_atributtion_text_modal_copyLink').select();">Usando ele na internet? Copie este link em seu site:</p> <div class="row copy-holder"> <input type="text" class="input_atributtion_text copyLink" id="input_atributtion_text_modal_copyLink" readonly> <span class="attribution_text"></span> <button id="copy-attributtion" class="bj-button bj-button--secondary">  <span class="active">Translation</span> <span>Copiado!</span> </button> </div> </div> <p class="mg-none"> <a class="link--normal" href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=en_US" target="_blank"> <span class="hide-phone--xs font-xs mg-top-lv2">Como atribuir a outras mídias?</span> <span class="show-phone--xs">Como atribuir?</span> </a> </p> </div> </section> </div> </div> </div> <script id="tpl-icon" type="text/x-handlebars-template"> <li class="icon--item{{#if page}} init page-handler{{/if}} {{#isPersonalIcon premium}} personal-icon{{/isPersonalIcon}} {{styleClass}} {{#compare iconType '==' 'animated-icon'}}animated--icon{{/compare}}" data-author="{{groupId}}" data-author_avatar="{{authorAvatar}}" data-author_name="{{teamName}}" data-author_website="{{teamWebsite}}" data-selection="{{selection}}" data-author_icons="{{authorIcons}}" data-author_icons_text="{{authorIconText}}" data-background_color="{{backgroundColor}}" data-category_id="{{categoryId}}" data-category_name="{{category}}" data-category_url="{{categoryUrl}}" data-class="{{class}}" data-is_editorial="{{is_editorial}}" data-color="{{color}}" data-description="{{name}}" data-family_id="{{familyId}}" data-family_name="{{familyName}}" data-group_id="{{groupId}}" data-id="{{id}}" data-keyword_name="{{keywordName}}" data-keyword_link="{{keywordLink}}" data-license="{{license}}" data-name="{{name}}" data-name_detail="{{nameDetail}}" data-pack="{{packSlug}}" data-pack_id="{{packId}}" data-pack_items="{{packItems}}" data-pack_items_text="{{packItemsText}}" data-pack_name="{{packName}}" data-pack_sprite="{{packSprite}}" data-premium="{{premium}}" data-published="{{published}}" data-related="{{related}}" data-style="{{styleId}}" data-style_name="{{styleName}}" data-style_slug="{{styleSlug}}" data-tags="{{tagsId}}" data-team_id="{{groupId}}" data-team_name="{{teamName}}" data-type="{{type}}" data-png="{{png512}}" data-mp4="{{mp4}}" data-gif="{{gif}}" data-svg="{{svg}}" data-icon_type="{{iconType}}" data-style_class="{{styleClass}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}" data-prefix="{{prefix}}" data-raw="{{raw}}" {{#if craft}} data-craft="{{craft}}" {{/if}} {{#if page}} data-page="{{page}}"{{/if}}> <div class="icon--holder"> <a href="{{slug}}" class="view link-icon-detail" title="{{description}}" data-id="{{#if id}}{{id}}{{/if}}" data-src="{{#if queryParams}}{{queryParams}}{{/if}}" > <img src="https://media.flaticon.com/dist/min/img/loader.gif" data-src="{{png}}" alt="{{description}}" title="{{description}}" width="64" height="64" class="lzy"> </a> {{#compare iconType '!=' 'animated-icon'}} <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> {{#compare iconType '!=' 'uicon'}} {{#compare iconType '==' 'standard'}} <li class="tooltip tooltip--left "> <button class="add-remove icon icon--addcollection tooltip__trigger tooltip__trigger--always bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>Adicionar à coleção</span> </div> </div> </li> {{/compare}} <li data-ga_params="contextmenu,click,copyPNGSVG" class="track copy-png-svg-list popover popover--bottom-right" data-track-arguments="ga, event, contextmenu, click, copyPNG, "> <div class="popover-container tooltip tooltip--left"> <button class="popover-button tooltip__trigger tooltip__trigger--always bj-button bj-button--sm bj-button--white bj-button--icon"> <i class="icon icon--copy-image"></i> </button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <i class="icon icon--info icon--xs mg-right-lv1"></i> <span>Copie para a área de transferência. Copiar este recurso conta como download</span> </div> </div> <div class="popover-content"> <div> <span class="bold mg-bottom-lv2">Copy to clipboard</span> <button data-copy-format="svg" class="copysvg--button bj-button btn-warning track mg-bottom-lv2"> <i class="icon icon--crown-filled mg-right-lv1"></i> SVG</button> <button data-copy-format="png" class="copypng--button bj-button bj-button--secondary track" data-gtm-event="copy thumbnail png">PNG</button> </div> </div> </div> </li> <li data-ga_params="contextmenu,click, downloadPNGSVG" class="track download-png-svg-list popover popover--bottom-right" data-track-arguments="ga, event, contextmenu, click, downloadPNGSVG, "> <div class="popover-container tooltip tooltip--left"> <button class="popover-button tooltip__trigger tooltip__trigger--always bj-button bj-button--sm bj-button--green bj-button--icon"> <i class="icon icon--download"></i> </button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>Baixar</span> </div> </div> <div class="popover-content"> <div> <span class="bold mg-bottom-lv2">Baixar recurso</span> <ul> <li class="GA_CM_download-svg"> <button onclick="Downloads.direct_download_icon_post(event, 'svg');" data-format="svg" class="btn-svg bj-button btn-warning mg-bottom-lv2"> <i class="icon icon--crown-filled mg-right-lv1"></i> SVG</button> </li> <li class="GA_CM_download-png"> <button onclick="Downloads.direct_download_icon_post(event, 'png');" class="bj-button bj-button--secondary track" data-track-arguments="ga, event, contextmenu, click, download-png" data-gtm-event="download thumbnail png">PNG</button> </li> </ul> </div> </div> </div> </li> {{/compare}} </ul> </div> {{/compare}} {{#specialItem premium selection}} <span class="tooltip tooltip--bottom icon--item__premium-badge"> <span class="tooltip__trigger tooltip__trigger--always modal-trigger {{#if premium}}icon icon--premium{{/if}} {{#if premium}}premium{{/if}}" data-modal="modal-premium" onclick="ga('send', 'event', 'Plans', 'What is this?')"></span> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span class="modal-trigger" data-modal="modal-premium" onclick="ga('send', 'event', 'Plans', 'What is this?')">O que é isso?</span> </div> </div> </span> {{/specialItem}} </div> </li> </script> <script id="tpl-collection" type="text/x-handlebars-template"> <section class="collection{{#if active}} expanded {{setHeight}}{{/if}}{{#unless status}} locked{{/unless}}" data-order="{{order}}" data-color="{{color}}" data-bookmark="{{bookmark_id}}"> <header class="collection-header"> <span class="collection-name" title="{{name}}">{{name}}</span> <span class="badge badge-gray">{{icons}}</span> {{#if status}} <div class="header-options"> <div class="popover vToggleRender"> <div class="popover-container menu-options"> <button class="collection-options popover-button nostyle tooltip__trigger tooltip__trigger--enabled"> <i class="icon icon--menudots push-center text-inverted"></i> </button> <div class="popover-content"> <ul class="option-buttons"> <li><button class="nostyle collection-option flaticon-pencil icon icon--pencil edit-collection track" data-track-arguments="ga, event, collections, menu, edit-name"></i> Editar nome</button></li> <li><button class="nostyle flaticon-bin collection-option flaticon-bin icon icon--trash delete-collection track" data-track-arguments="ga, event, collections, menu, delete" data-bookmark="{{bookmark_id}}"></i> Deletar coleção</button></li> </ul> <hr class="full-width"> <ul class="option-buttons collection-options"> <li><button class="nostyle collection-option toggle-edit flaticon-pencil icon icon--edit flaticon-edit_collection_icons track" data-track-arguments="ga, event, collections, menu, edit"></i> Deletar/Renomear ícones</button></li> <li> <div class="tooltip tooltip--left"> <button data-bookmark="{{bookmark_id}}" class="nostyle collection-option flaticon-duplicate icon icon--duplicate tooltip__trigger tooltip__trigger--disabled track" data-track-arguments="ga, event, collections, menu, duplicate" > Duplicar coleção</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt">Upgrade</a> to get unlimited collections</p> </div> </div> </div> </li> <li><button class="nostyle collection-option toggle-sort flaticon-collection_sort icon icon--sortcollection flaticon-collection_sort track" data-track-arguments="ga, event, collections, menu, sort"> Organizar os ícones</button></li> <li><button data-bookmark="{{bookmark_id}}" class="nostyle flaticon-collection_backup collection-option toggle-backup icon icon--save track" data-track-arguments="ga, event, collections, menu, backup"> Backup dos ícones</button></li> <li> <div class="tooltip tooltip--left"> <button class="nostyle collection-option toggle-share flaticon-share icon icon--share tooltip__trigger tooltip__trigger--disabled track" data-track-arguments="ga, event, collections, menu, share"> Compartilhe</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt" onclick="ga('send', 'event', 'Login', 'Download pack button');">Login</a> or <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" onclick="ga('send', 'event', 'Register', 'Download pack button');">register</a> to share.</p> </div> </div> </div> </li> </ul> <div class="popover-locked locked-collection hidden"> <p>This collection is locked until you <a class="text-link track" data-track-arguments="ga, event, collections, collection-locked" href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt">upgrade</a> to a Premium account</p> </div> </div> </div> </div> </div> <div class="edit-name"> <input type="text" class="collection-name-input" value="{{name}}" data-original="{{name}}" maxlength="100"> <button class="flaticon-disk icon icon--save nostyle"></button> </div> {{else}} <div class="locked-options"> <i class="icon icon--lock"></i> </div> <div class="header-options"> <div class="popover vToggleRender"> <div class="popover-container menu-options"> <button class="collection-options popover-button nostyle tooltip__trigger tooltip__trigger--enabled"> <i class="icon icon--menudots push-center"></i> </button> <div class="popover-content"> <ul class="option-buttons"> <li><button class="nostyle flaticon-bin collection-option icon icon--trash delete-collection track" data-track-arguments="ga, event, collections, menu, delete" data-bookmark="{{bookmark_id}}"></i> Deletar coleção</button></li> </ul> </div> </div> </div> </div> {{/if}} </header> <div class="empty-collection-register icons-collection-noregister"> <div class="empty-collection-register close"> <img src="https://media.flaticon.com/dist/min/img/collection-limit.svg" width="210" height="175" loading="lazy"> <div><i class="icon icon--cross"></i></div> </div> <p class="register-title">Você atingiu o limite de ícones na sua coleção</p> <p>Registre-se agora mesmo e melhore o nível da sua coleção</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, full-collection">Registre-se gratuitamente</a> <p class="register-check row row--vertical-center mg-none"> <i class="icon icon--check mg-right-lv1 text__state--green"></i> <span>Crie até 3 coleções</span> </p> <p class="register-check row row--vertical-center mg-none"> <i class="icon icon--check mg-right-lv1 text__state--green"></i> <span>Adicione 256 ícones por coleção</span> </p> <p class="register-check row row--vertical-center mg-none"> <i class="icon icon--check mg-right-lv1 text__state--green"></i> <span>Salve e personalize seus ícones</span> </p> </div> <div class="collection-content"> {{#if status}} <nav class="collection-options"> <ul> <li class="simptip-position-bottom simptip-movable"> <div class="popover popover-left paint-popover"> <div class="popover-container"> <button class="trigger_popover popover-button hidden"></button> <div class="popover-content"> <ul class="color-selector"> <li><button class="green" data-color="91DC5A"></button></li> <li><button class="blue" data-color="006DF0"></button></li> <li><button class="purple" data-color="933EC5"></button></li> <li><button class="yellow" data-color="FFDA44"></button></li> <li><button class="red" data-color="D80027"></button></li> <li><button class="white" data-color="FFFFFF"></button></li> <li><button class="black" data-color="000000"></button></li> </ul> <div class="col-cpicker" onload=""></div> </div> </div> </div> </li> </ul> </nav> <header class="header-edit"> <b>Modo de edição</b> <button class="bj-button bj-button--xs bj-button--green btn-small btn-pill pull-right btn-back"><i class="icon icon--left-small text-inverted inline-block"></i> Voltar</button> </header> <header class="header-sort"> <b>Modo ordenar <small>(Arrastar e Soltar)</small></b> <button class="bj-button bj-button--xs bj-button--green btn-small btn-pill pull-right btn-back"><i class="icon icon--left-small text-inverted inline-block"></i> Voltar</button> </header> {{/if}} <div class="collection-locked-inside {{#if status}}hidden{{/if}}"> <div class="collection-locked"> <div class="collection-locked-box"> <i class="icon icon--exclamation"></i> </div> <div class="collection-locked-box"> <p class="collection-locked-box--title mg-none">Sua coleção está bloqueada</p> <p class="collection-locked-box--text mg-none">Não limite seu trabalho e obtenha coleções ilimitadas</p> <a href="https://www.flaticon.com/br/pricing" class="bj-button bj-button--sm bj-button--yellow track" data-track-arguments="all, event, collection, go-to-premium, collection-locked">Atualização</a> </div> <div class="collection-locked-box"> <i class="icon icon--cross close"></i> </div> </div> </div> <span class="icons-limit max-icons-collection" data-message="Você atingiu o limite de 256 ícones, faça a assinatura Premium e tenha acesso a coleções ilimitadas" style="display:none;">Limite máximo atingido: 256 ícones por coleção</span> <div class="overlay-drop" data-bookmark="{{bookmark_id}}" ondragleave="Collection.dragEnd(event);return false;" ondrop="Collection.drop(event);return false;"> <div class="drop"> <div class="drop--box"> <i class="icon icon--upload"></i> <p>Solte para fazer o upload</p> </div> </div> <div class="upgrade"> <div class="max-custom-icons"> <div class="close"> <img src="https://media.flaticon.com/dist/min/img/collection-max-custom-icons.svg" width="209" height="148" loading="lazy"> <div><i class="icon icon--cross close-button"></i></div> </div> <p class="register-title">Você atingiu o limite de ícones editados</p> <p>Você só pode enviar 3 ícones como usuário gratuito. Torne-se Premium e envie ícones ilimitados</p> <a href="https://www.flaticon.com/br/pricing" class="bj-button bj-button--yellow fullwidth track" data-track-arguments="ga, event, premium, collections-limit-custom">Seja Premium</a> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Adicione coleções ilimitadas</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Adicione 256 ícones por coleção</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Salve ícones personalizados ilimitados</span> </p> </div> </div> <div class="register"> <div class="register--box"> <p>Você não pode fazer o upload de ícones como usuário anônimo.</p> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=pt" class="link--normal">Log in</a> ou <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="link--normal">Cadastrar</a></p> <button class="bj-button bj-button--secondary bj-button--sm">Continuar</button> </div> </div> </div> <form name="uploadFileCollection-{{bookmark_id}}" id="uploadFileCollection-{{bookmark_id}}"> <input id="fileCollection-{{bookmark_id}}" class="fileCollection hidden" type="file" name="fileCollection-{{bookmark_id}}[]" accept=".svg" required="" multiple> </form> <ul class="collection_icons_list icons" ondragover="Collection.dragOver(event); return false;"> <li class="icon--item icon-upload" data-bookmark="{{bookmark_id}}"> <div class="tooltip tooltip--right"> <label data-bookmark="{{bookmark_id}}" class="tooltip__trigger tooltip__trigger--enabled track" data-track-arguments="ga, event, collections, upload-svg"> <span>Fazer upload em SVG</span> </label> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Fazer upload dos seus ícones em svg</p> </div> </div> </div> </li> </ul> <div class="empty-collection" ondragover="Collection.dragOver(event); return false;"> <div class="empty-collection-content"> <div class="empty-collection-register"> <img src="https://media.flaticon.com/dist/min/img/collection-empty.svg" height="174" width="192" loading="lazy"> <p class="register-title">Crie coleções personalizadas</p> <p>Você quer criar um pacote personalizado de ícones?</p> <p>Basta adicionar os ícones que você quer à coleção e baixá-los no formato que você precisa. <a href="https://www.flaticon.com/br/colecoes" class="link--normal" target="_blank">Mais informações</a></p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=pt" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, empty-collection">Registre-se gratuitamente</a> <p class="register-check"><i class="icon icon--check inline-block text__state--green v-alignc mg-right-lv1"></i><span class="v-alignc">Crie até 3 coleções</span></p> <p class="register-check"><i class="icon icon--check inline-block text__state--green v-alignc mg-right-lv1"></i><span class="v-alignc">Adicione 256 ícones por coleção</span></p> <p class="register-check"><i class="icon icon--check inline-block text__state--green v-alignc mg-right-lv1"></i><span class="v-alignc">Salve e personalize seus ícones</span></p> </div> <div class="empty-collection-registered"> <p>Adicione ícones para começar a usar esta coleção ou solte <label class="icon-upload">aqui</label> seu próprio arquivo SVG.</p> <img src="https://media.flaticon.com/dist/min/img/collections-example.png" alt="Add icons" width="288" height="191.5" loading="lazy"> <a class="open_tour btn btn-small btn-outline btn-gray" href="https://www.flaticon.com/br/colecoes">Como funcionam as coleções?</a> </div> </div> </div> <div class="collection-share"> <button class="nostyle close">×</button> <div class="collection-share-content"> <small>Copie o link abaixo e o envie para a pessoa com quem você deseja compartilhar esta coleção ou publique nas redes sociais.</small> <input class="selectInput" type="text" value="https://www.flaticon.com/br/colecoes/{{shareUrl}}" readonly onclick="this.select()"> <ul> <li><button class="bg-twitter collection_share_button" data-type="twitter"><i class="icon icon--twitter push-center"></i></button></li> <li><button class="bg-facebook collection_share_button" data-type="facebook"><i class="icon icon--facebook push-center"></i></button></li> <li><button class="bg-pinterest collection_share_button" data-type="pinterest" data-gtm-event="pinterest collection"><i class="icon icon--pinterest push-center"></i></button></li> </ul> </div> </div> <div class="collection-backup"> <button class="nostyle close">×</button> <div class="collection-backup-content"> <p><small>Faça um backup dos ícones nesta coleção e restaure-os a qualquer momento</small></p> <div class="tooltip tooltip--bottom"> <a href="#" onclick="Collection.downloadBackup(event)" class="bj-button btn collection-backup-download tooltip__trigger tooltip__trigger--disabled" disabled> <i class="icon icon--download"></i> <span>Fazer download do backup</span> </a> <div class="tooltip__content"> <div class="content"> <p>Esta coleção está vazia.<br> Adicione alguns ícones para criar um backup.</p> </div> </div> </div> <p><small>Restaurar os ícones do backup nesta coleção</small></p> <label class="btn btn-outline">Fazer upload do backup<input class="upload-file-input" type="file" hidden=""> </label> </div> </div> {{#if status}} <div class="download-wrapper"> <div class="download-holder"> <button class="bj-button bj-button--md bj-button--green" disabled> <i class="icon icon--download"></i> <span>Fazer download da coleção</span> </button> <input type="file" name="backup-restore" id="restore-input-{{bookmark_id}}" class="upload-file-input" hidden> </div> <div class="collection-download"> <header class="header-download"> <p class="mg-none">Download: <br>Escolher o formato</p> <button class="nostyle">×</button> </header> <div class="download-files"> <ul class="download"> <li class="tooltip tooltip--top"> <button class="bj-button bj-button--green full-width tooltip__trigger tooltip__trigger--enabled track" data-format="png">PNG</button> <div class="tooltip__content"> <div class="content"> <p>Baixe em PNG e use os ícones em sites, Powerpoint, Word, Keynote e todos os aplicativos comuns</p> </div> </div> </li> <li class="customize"> <span>Escolher o tamanho (em pixels).</span> <ul class="size"> <li><button class="btn btn-small download-button" data-format="png" data-size="16">16</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="24">24</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="32">32</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="64">64</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="128">128</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="256">256</button></li> <li><button class="btn btn-small download-button" data-format="png" data-size="512">512</button></li> </ul> </li> <li class="tooltip tooltip--top"> <button class="bj-button bj-button--yellow full-width tooltip__trigger tooltip__trigger--enabled download-button track" data-format="svg"> <i class="icon icon--crown-filled"></i> <span>SVG</span> </button> <div class="tooltip__content"> <div class="content"> <p>Baixe em SVG e use os ícones em sites, Adobe Illustrator, Sketch, CorelDraw e todos os aplicativos de design vetorial</p> </div> </div> </li> <li class="tooltip tooltip--top"> <button class="bj-button bj-button--yellow full-width tooltip__trigger tooltip__trigger--enabled download-button track" data-format="eps"> <i class="icon icon--crown-filled"></i> <span>EPS</span> </button> <div class="tooltip__content"> <div class="content"> <p>Baixe em EPS` e use os ícones em sites, no Adobe Illustrator, Sketch, CorelDraw e em todos os aplicativos de design vetorial </p> </div> </div> </li> <li class="tooltip tooltip--top"> <button class="bj-button bj-button--yellow full-width tooltip__trigger tooltip__trigger--enabled download-button track" data-format="psd"> <i class="icon icon--crown-filled"></i> <span>PSD</span> </button> <div class="tooltip__content"> <div class="content"> <p>Faça o download em PSD e use os ícones com o Adobe Photoshop </p> </div> </div> </li> <li> <div class="row mg-none"> <div class="tooltip tooltip--top extra-info col pd-none"> <button class="bj-button bj-button--yellow bj-button--outline full-width tooltip__trigger tooltip__trigger--enabled download-button track" data-format="iconfont"> <i class="icon icon--premium"></i> <span>Icon font</span> </button> <div class="tooltip__content"> <div class="content"> <p>Baixe como fontes de ícones e use os ícones em seu site, totalmente personalizáveis com apenas CSS</p> </div> </div> </div> <a class="help_link bj-button bj-button--ghost" href="/iconfonts" target="_blank"><i class="icon icon--interogation"></i></a> </div> </li> <li> <div class="row mg-none"> <div class="tooltip tooltip--top extra-info col pd-none"> <button class="bj-button bj-button--yellow bj-button--outline full-width tooltip__trigger tooltip__trigger--enabled download-button track" data-format="svg-sprite"> <i class="icon icon--premium"></i> <span>SVG sprite</span> </button> <div class="tooltip__content"> <div class="content"> <p>Baixe como sprite SVG e use os ícones em seu site, totalmente personalizáveis com apenas CSS</p> </div> </div> </div> <a class="help_link bj-button bj-button--ghost" href="/svg-sprites" target="_blank"><i class="icon icon--interogation"></i></a> </div> </li> </ul> <form name="download-collection-form" method="post" > <input type="hidden" name="downC_backup"> <input type="hidden" name="downC_type"> <input type="hidden" name="downC_bookmark_id"> <input type="hidden" name="downC_bookmark_name"> <input type="hidden" name="downC_user_id"> <input type="hidden" name="downC_format"> <input type="hidden" name="downC_size"> <input type="hidden" name="downC_color"> <input type="hidden" name="downC_icons"> </form> </div> </div> </div> {{/if}} </div> </section> </script> <script id="tpl-collection-icon" type="text/x-handlebars-template"> <li class="icon--item collectionIcon selected {{iconLocked}}" data-id="{{id}}" data-name="{{name}}" data-color="{{color}}" data-premium="{{premium}}" aria-haspopup="true" data-sort="{{sort}}" {{#if imageUrl}} data-src="{{imageUrl}}" {{else}} data-src="{{icoImg}}" {{/if}} draggable="true" > <div class="icon--holder"> <a href="https://www.flaticon.com/br/icon/{{id}}" class="view link-icon-detail" title="{{name}}"> <img src="https://media.flaticon.com/dist/min/img/loader.gif" {{#if imageUrl}} data-src="{{imageUrl}}" {{else}} data-src="{{icoImg}}" {{/if}} class="collectionIconImage" onload="Widget.renderSVG(this)" data-premium="{{premium}}"> </a> <span class="personal-icon--text">custom</span> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> <li class="collectionIcon hToggleRender"> <button class="add-remove icon icon--addcollection icon--removecollection bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> </li> </ul> </div> <div class="edit"> <input class="collection-icon-rename" type="text" value="{{name}}" data-original="{{name}}"> <button class="flaticon-bin nostyle danger icon icon--trash collection-icon-delete bj-button bj-button--ghost"></button> </div> <i class="flaticon-premium icon icon--premium danger"></i> </div> </li> </script> <script id="tpl-author-box" type="text/x-handlebars-template"> <article class="box box--author{{#if page}} init page-handler{{/if}}" {{#if page}} data-page="{{page}}"{{/if}} data-id="{{id}}" data-name="{{name}}"> <a href="{{link}}"> <div class="box--author-pt1"> <picture class="author-img"> <source> <img src="{{image}}" alt="{{name}}" title="{{name}}"> </picture> <div class="author-info"> <p class="author-info--name">{{name}}</p> <p class="author-info--icons">{{numberOfItelist_item_viewmsText}}</p> </div> <button class="bj-button bj-button--sm bj-button--outline btn--follow js_follow mg-left-lv2" id="js_follow-author" data-type="author" data-elementid="{{id}}"> <div class="state--inactive"> <span>Follow</span> </div> <div class="state--active"> <span class="normal">Following</span> <span class="hover">Unfollow</span> </div> </button> </div> <div class="box--author-pt2"> {{#each bestPacks}} <div class="sprite"> <div class="img-wrapper"> <img src="{{image}}"> </div> </div> {{/each}} </div> </a> </article> </script> <script id="tpl-pack-box" type="text/x-handlebars-template"> <article class="box{{#if page}} init page-handler{{/if}}{{#if premium}} box-premium{{/if}}" {{#if page}} data-page="{{page}}"{{/if}}data-id="{{id}}" data-name="{{description}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}"> <a href="{{link}}{{#if word}}?word={{word}}{{/if}}" title="{{description}}" data-le="event|pack,{{id}}"> {{#if premium}} <span class="badge-license premium"><i class="icon icon--premium premium"></i></span> {{/if}} <div class="img-holder"> <img data-pin-url="{{link}}" src="https://media.flaticon.com/dist/min/img/loader-pack.jpg" data-src="{{image}}" alt="{{description}}" class="img-bg lzy" width="300" height="282"> </div> <footer class="bg-{{colors}}"> <div class="row"> <div class="col overflow-ellipsis mg-none"> <span class="name">{{description}}</span> </div> <div class="col--center"> <span class="box__icons-number pull-right">{{packNumberOfItemsText}}</span> </div> </div> </footer> </a> </article> </script> <script id="tpl-user-following-authors" type="text/x-handlebars-template"> <div class="following__block"> <div class="row row--vertical-center"> <div class="following__data"> <div class="row row--vertical-center"> <div class="avatarAndName mg-bottom-lv2"> <a href="{{authorUrl}}"> <img class="avatar mg-right-lv2" src="{{avatar}}" alt="username"> <p class="bold">{{authorName}}</p> </a> </div> <div> <p class="followers__data"> {{#if numPacks }} <strong>{{numPacks}}</strong> Pacotes | {{/if}} {{#if numStickersPacks }} <strong>{{numStickersPacks}}</strong> Pacotes de figurinhas | {{/if}} {{#if numIcons }} <strong>{{numIcons}}</strong> Ícones{{#if numStickers}} | {{/if}} {{/if}} {{#if numStickers }} <strong>{{numStickers}}</strong> Figurinhas {{/if}} </p> <div class="row row--vertical-center"> <button class="bj-button bj-button--sm bj-button--outline btn--follow js_follow" data-type="author" data-elementid="{{groupId}}"> <div class="state--inactive"> <span>Seguir</span> </div> <div class="state--active"> <span class="normal">Seguindo</span> <span class="hover">Parar de seguir</span> </div> </button> <div class="followers__number"> <i class="icon icon--following"></i> <span class="bold">{{totalFollowers}}</span> </div> </div> </div> </div> </div> {{#if packs}} <div class="col following__packs"> <div class="row {{#compare numPacks ">" 4}}row--space-between{{/compare}}"> {{#each packs}} <a href="{{link}}"><img src="{{sprite}}"></a> {{/each}} </div> </div> {{/if}} </div> </div> </script> <script id="tpl-user-following-style" type="text/x-handlebars-template"> <article class="box box--bookmark"> <div class="box__inner"> <div class="img-holder"> <a href="{{styleUrl}}"> <img src="{{pack.sprite}}" alt="" class="img-bg" width="300" height="282"> </a> </div> <footer> <div class="row mg-none"> <div class="col mg-none pd-none"> <a href="{{styleUrl}}"><strong>{{name}}</strong></a> </div> <button class="btn btn--bookmark nostyle active js_follow" data-type="style" data-elementid="{{styleId}}"> <i class="icon icon--bookmark state--inactive"></i> <i class="icon icon--bookmark-filled state--active"></i> </button> </div> <p class="font-sm mg-bottom-lv2">By <a href="{{authorUrl}}">{{authorName}}</a></p> </footer> </div> </article> </script> <script id="tpl-style-pack-box" type="text/x-handlebars-template"> <div class="author__style author__style--list"> <div class="author__style__header row row--vertical-center mg-none pd-none"> <div class="col mg-none pd-none"> <p class="mg-none pd-none inline-block font-h6"> <a href="{{url}}" class="medium text__general--heading"> {{name}} </a> </p> <span> {{numberOfItemsText}} </span> </div> {{#compare (get_length packs) ">" 2}} <a href="{{url}}" class="link--arrow link--arrow--sm"> <span>Ver todos</span> <i class="icon icon--sm icon--right"></i> </a> {{/compare}} </div> <section class="box-container"> {{#each packs}} <article class="box{{#if premium}} box-premium{{/if}}" {{#if page}} data-page="{{page}}"{{/if}}data-id="{{id}}" data-name="{{description}}"> <div class="box__inner"> <a href="{{link}}" title="{{description}}"> {{#if premium}} <span class="badge-license premium"><i class="icon icon--premium premium"></i></span> {{/if}} <div class="img-holder"> <img src="{{image}}" alt="{{description}}" class="img-bg" width="300" height="282"> </div> <footer class="bg-{{colors}}"> <div class="row"> <div class="col overflow-ellipsis mg-none"> <span class="name">{{description}}</span> </div> <div class="col--center"> <span class="box__icons-number pull-right">{{packNumberOfItemsText}}</span> </div> </div> </footer> </a> </div> </article> {{/each}} <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> </script> <script id="tpl-collection-limit-box" type="text/x-handlebars-template"> <li class="max-collections__item" data-bookmark="{{bookmark_id}}"> <label> <div class="row row--vertical-center mg-none pd-none"> <div class="pd-lv3 pd-y-none max-collections__item__checkbox"> <span class="checkbox-group"> <input type="checkbox" name="choice" id="collection-id"> <i for="collection-id" class="icon icon--check"></i> </span> </div> <div class="row mg-none pd-none max-collections__item__data"> <div class="max-collections__item__name"> <strong class="text__general--heading font-sm">{{name}}</strong> </div> <span class="medium uppercase font-xs max-collections__item__number">{{count}} ícones</span> </div> <div class="col mg-none max-collections__item__icons"> <ul> {{{collectionLimitIcons}}} </ul> </div> </div> </label> </li> </script> <script id="tpl-packs-related" type="text/x-handlebars-template"> <li class="search-pack-result box-container"> <div class="box-scroll"> {{{packs}}} </div> </li> </script> <script id="tpl-pack-style" type="text/x-handlebars-template"> <li><a href="{{link}}" data-pack="{{id}}">{{pack}}</a></li> </script> <script id="tpl-style-selector" type="text/x-handlebars-template"> <li class="{{selected}}"><a href="{{link}}" class="{{class}} simptip-position-bottom simptip-movable" data-pack="{{pack}}" data-tooltip="{{name}}" data-name="{{name}}" data-style="{{style}}"></a></li> </script> <script id="tpl-detail-icon-equivalent" type="text/x-handlebars-template"> <li> <a class="link-icon-detail{{active}}" href="{{url}}" data-id="{{id}}" data-color="{{color}}" data-premium="{{premium}}" data-selection="{{selection}}" data-team_id="{{team_id}}"> <img src="{{png}}" srcset="{{png256}} 4x"> </a> </li> </script> <script id="tpl-main-family" type="text/x-handlebars-template"> <div class="family"> <h5> <a href="/{{slug}}">{{name}}</a> <div class="pull-right"> <a href="/{{slug}}" class="badge badge-white">{{numberFormat icons}} ícones</a> <a href="/{{slug}}" class="badge">{{numberFormat styles}} estilos</a> </div> </h5> <section class="family-box-container"> {{#each styles_data}} <article class="box box--family" data-id="{{id}}" data-name="{{name}}"> <a href="/{{slug}}" title="{{description}}"> <div class="img-holder" style="background-image: url('{{sprite}}');"></div> <footer> <div class="row"> <div class="col overflow-ellipsis mg-none"> <span class="name">{{name}}</span> </div> <div class="col--center"> <span class="box__icons-number pull-left">{{numberFormat icons}} ícones</span> </div> </div> </footer> </a> </article> {{/each}} <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> </script> <script id="tpl-blogArticle" type="text/x-handlebars-template"> <article class="post col post--freebies post--post"> <div class="post--inner"> <div class="row mg-none full-height"> <a href="{{postLink}}" class="post--img col mg-none pd-none full-width">  <img src="https://media.flaticon.com/dist/min/img//home/1px.png" data-src="{{imageUrl.src}}" width="300" height="440" class="lzy"> </a> {{#compare imageUrl.height '<' imageUrl.width }} <div class="post--content mg-none full-width"> <a href="{{categoryLink}}" class="text__state--blue uppercase font-sm link--category">{{category}}</a> <h2 class="mg-lv2 mg-x-none"><a href="{{postLink}}">{{title}}</a></h2> <div class="row mg-none post--content--bottom"> <div class="col pd-none mg-none pd-right-lv5-i overflow-ellipsis"> <p class="font-sm mg-none pd-right-lv1 overflow-ellipsis"><a href="https://www.freepik.com/blog/author/flaticon/" class="bold mg-right-lv1">Flaticon</a>{{publicationDate}}</p> </div> </div> </div> {{/compare}} </div> </div> </article> </script>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4221997.js"></script>  <script type="text/javascript" src="https://media.flaticon.com/js/jquery-3.5.1.min.js"></script> <script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=default%2CElement.prototype.dataset" async="async"></script> <script> var grid_size = localStorage.getItem('grid_size') || ''; if (grid_size == 'big') { var radio = document.querySelector(".grid_selector input[name=grid][value=big]"); if (radio) { radio.checked = true; } [].forEach.call(document.querySelectorAll('.icons:not(.collection_icons_list)'), function(grid){ grid.classList.add(grid_size); }); } </script> <script id="tpl-notification" type="text/x-handlebars-template"> <div class="user-alert {{type}}" id="notify-{{time}}"{{#if sticky}} style="z-index: 500"{{/if}}> <i class="icon icon--{{type}}"></i> <p><b>{{title}}: </b>{{{body}}}.{{#if sticky}} <button class="nostyle" onclick="Notifier.close(this)" data-time="{{time}}">×</button>{{/if}}</p> </div> </script>  <script type="text/javascript" src="https://media.flaticon.com/dist/js/common.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/userSession-auth.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/script.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/fi-base.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/uicons.568ab1fee14581be5afc.js"></script> </section> <div id="detail-overlay" class="hidden" > <div id="detail-wrapper"> <div id="detail-navbar"> <button id="detail-close" class="nostyle hide"></button> <button id="detail-prev" class="detail-nav icon icon--prev nostyle"></button> <button id="detail-next" class="detail-nav icon icon--next nostyle"></button> </div> <div id="detail-content" class="content detail"></div> </div> <div id="detail-spinner" class="circle-spinner hidden"></div> </div> <form id="form_valuation" class="form_valuation_cl bg-light-gray"> <div id="open_panel" class="open_panel_cl pd-top-lv1 pd-bottom-lv1"> <span id="button_panel"> <i class="icon icon--caret-right text-inverted"></i> </span> </div> <div id="valuation_panel" class="valuation_panel_cl"> <p class="medium text__general--heading">Qual é a probabilidade de você recomendar o Flaticon a um amigo?</p> <input id="valuation_question_id" type="hidden" value="10"> <div id="calification_panel" class="row row--horizontal-center mg-none nps-survey"> <a id="val_check_0" class="valuation_response" data-value="0"><span>0</span></a> <a id="val_check_1" class="valuation_response" data-value="1"><span>1</span></a> <a id="val_check_2" class="valuation_response" data-value="2"><span>2</span></a> <a id="val_check_3" class="valuation_response" data-value="3"><span>3</span></a> <a id="val_check_4" class="valuation_response" data-value="4"><span>4</span></a> <a id="val_check_5" class="valuation_response" data-value="5"><span>5</span></a> <a id="val_check_6" class="valuation_response" data-value="6"><span>6</span></a> <a id="val_check_7" class="valuation_response" data-value="7"><span>7</span></a> <a id="val_check_8" class="valuation_response" data-value="8"><span>8</span></a> <a id="val_check_9" class="valuation_response" data-value="9"><span>9</span></a> <a id="val_check_10" class="valuation_response" data-value="10"><span>10</span></a> </div> <div class="row row--space-between mg-none font-xs text__gray--cadet mg-top-lv1-i"> <span>Improvável</span> <span>Muito provável</span> </div> </div> <div id="valuation_comment_panel" class="valuation_panel_cl" style="display: none;"> <div id="valuation_panel_txt" class="valuation_panel_cl"> <textarea id="valuation_text" cols="40" rows="3" class="valuation_text_cl" placeholder="Muito obrigado! Você melhoraria alguma coisa?" maxlength="255"></textarea> <input type="hidden" id="id_last_valuation" value=""> <div class="cmd_clear row"> <div class="col mg-none"> <button class="bj-button bj-button--secondary bj-button--outline text-inverted full-width bj-button--sm" id="no_thanks">Não, obrigado</button> </div> <div class="col mg-none"> <button type="submit" class="bton_valuation_cl bj-button bj-button--sm bj-button--green full-width">Enviar</button> </div> </div> <div id="valuation_message" class="valuation_message_cl" style="display:none">* Escreva-nos um comentário</div> </div> </div> <div id="trustpilotNPS" style="display:none"> <p class="mg-bottom-lv2"><b>Que tal nos avaliar no Trustpilot?</b></p> <p class="mg-bottom-lv1">Se você puder usar alguns minutos para nos deixar uma avaliação, ficaríamos muito agradecidos 😃</p> <p class="mg-bottom-lv2">Por favor, visite:</p> <a class="font-lg mg-bottom-lv3 bj-button bj-button--primary text-inverted bj-button--sm" href="https://www.trustpilot.com/review/flaticon.com" target="_blank">Trustpilot</a> <div class="mg-none"> <button class="bj-button bj-button--secondary bj-button--outline text-inverted bj-button--xs" id="no_thanks_trustpilot">Não, obrigado</button> </div> </div> <div id="valuation_congrat" class="valuation_congrat_cl" style="display:none;"> <span>Muito obrigado por nos ajudar! </span> </div> </form> <div id="stockbanner"> </div> <div class="loader" id="loader" style="display: none;"> <div class="circle-spinner"></div> </div> </body>  </html>