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://www.flaticon.com/media/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://www.flaticon.com/media/dist/min/img/apple-icon-58x58.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://www.flaticon.com/media/dist/min/img/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="87x87" href="https://www.flaticon.com/media/dist/min/img/apple-icon-87x87.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://www.flaticon.com/media/dist/min/img/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://www.flaticon.com/media/dist/min/img/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://www.flaticon.com/media/dist/min/img/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="167x167" href="https://www.flaticon.com/media/dist/min/img/apple-icon-167x167.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://www.flaticon.com/media/dist/min/img/apple-icon-180x180.png" /> <link rel="apple-touch-icon" sizes="1024x1024" href="https://www.flaticon.com/media/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>Ícones e Figurinhas Vetoriais - PNG, SVG, EPS, PSD e CSS</title> <meta> <meta name="description" content="Faça o download de Ícones e Figurinhas grátis para os seus projectos. Recursos feitos por e para designers nos formatos PNG, SVG, EPS, PSD e CSS"> <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="Ícones e Figurinhas Grátis - Milhões de recursos para baixar"> <meta name='twitter:description' content="Faça o download de Ícones e Figurinhas grátis para os seus projectos. Recursos feitos por e para designers nos formatos PNG, SVG, EPS, PSD e CSS"> <meta name='twitter:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.com/br/'> <meta property='og:title' content="Ícones e Figurinhas Grátis - Milhões de recursos para baixar" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.com/br/' /> <meta property='og:description' content="Faça o download de Ícones e Figurinhas grátis para os seus projectos. Recursos feitos por e para designers nos formatos PNG, SVG, EPS, PSD e CSS" data-dynamic='true' /> <meta property='og:type' content='article' data-dynamic='true' /> <meta property='og:image' content='https://www.flaticon.com/media/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='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/"> <link rel="alternate" hreflang="x-default" href="https://www.flaticon.com/"> <link rel="alternate" hreflang="en" href="https://www.flaticon.com/"> <link rel="alternate" hreflang="es" href="https://www.flaticon.es/"> <link rel="alternate" hreflang="pt" href="https://www.flaticon.com/br/"> <link rel="alternate" hreflang="ko" href="https://www.flaticon.com/kr/"> <link rel="alternate" hreflang="de" href="https://www.flaticon.com/de/"> <link rel="alternate" hreflang="fr" href="https://www.flaticon.com/fr/"> <link rel="alternate" hreflang="ru" href="https://www.flaticon.com/ru/"> <link rel="preload" href="https://www.flaticon.com/media/dist/min/img/logo/flaticon_negative.svg" as="image"> <link rel="preload" href="https://www.flaticon.com/media/dist/assets/bobjoll.202cca458fa9de5d74455893e517f85c.woff2" as="font" crossorigin importance="high"> <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15533/15533832-science_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/18/18257/18257656-summer-stickers_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15539/15539111-creativity_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15161/15161720-tennis_3x2.jpg" as="image" > <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/global.568ab1fee14581be5afc.js"></script> <link rel="preload" href="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/ads.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/userSession-auth.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/fi-base.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/home.568ab1fee14581be5afc.js" as="script"> <link href="https://www.flaticon.com/media/dist/css/fi-style.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/> <link href="https://www.flaticon.com/media/dist/css/fi-home.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://www.flaticon.com/media/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://www.flaticon.com/media/'; 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:\/\/www.flaticon.com\/media\/license\/license.pdf","3":"https:\/\/www.flaticon.com\/media\/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://www.flaticon.com/media/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 = 'df7ef55e8f062e61e179a32b72a0ae9c'; var PACK_LICENSE_URL = 'https://www.flaticon.com/br/license/pack/'; var IS_UICONS_VIEW = false; 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 = 'standard'; var IS_USER_PREMIUM = false; 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>  <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://www.flaticon.com/media/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>  <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="bdpnbevydn5wez2b7jqa-f-0d5f74c39-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":"16b0401","ak.r":41571,"ak.a2":n,"ak.m":"b","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":39440,"ak.gh":"184.27.123.15","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732377184","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==PGorXhMAYGieqlptSin4K9R52YBb/fIprnVhP1olZGP7vE3euWZNNE6PJRnD7De+wd2Ni7OsY3D4t4GbpVG7rhf97iAN6L/iaLWuBgQeJGRZ8ZFDfHJFOTamtvfTQYk9yt2vRZIOCW9NOVjhr34m0lih72P+gqwIWaW0XX+kbCi9jto/IfAj8CWqi1GX4BKat2ZIWmZ4fJkmDoIYWd6unT+FvyplD1bB1cinXIgTy/9AX3eqqf+bJQTdtsYMdBUajpPtWHOn6HdGDL4LMILSkdUdfpEP8tBF5hoVaEgw3m/HdS+Vx6EQZqh0ZDqbNPti/GEW7s8RBVJCo6lwBBzx8RQ4ArXz6V/lzgCOjnh/Up4HZ2bT7YNshWUUy9WnEDvplkFnLaRnS4Gn4gOMMJIdJbjiicsiWXcfK+itmDbIYRw=","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=" home home--anonymous hero--white" data-section="home"> <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,470,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,470,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://www.flaticon.com/media/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://www.flaticon.com/media/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/" 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/" 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/" 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/" 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/" 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/" 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/" 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</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" checked 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" 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</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 ícones" 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 hide" 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://www.flaticon.com/media/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://www.flaticon.com/media/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,470,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> <section id="hero" class="hero hero--home"> <div class="stickers content"> <h1 class="stickers font-h2"> Acesse mais de 17.5M ícones e figurinhas vetoriais </h1> <p class="stickers font-lg regular mg-bottom-lv4">Faça o download de Ícones e Figurinhas grátis para os seus projectos. Recursos feitos por e para designers nos formatos PNG, SVG, EPS, PSD e CSS.</p> <section class="search-holder col mg-none pd-none"> <form action="https://www.flaticon.com/br/buscar" method="get" class="home_search_input fake-search row"> <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-home" data-track-arguments="ga, event, search, search-selector, button"> <span>ícones</span> <i class="icon icon--sm icon--caret-down"></i> </button> <div class="stickers popover-content"> <ul> <li class="radio-group"> <input id="radio_search_by_icons_home" type="radio" class="hidden track" name="type" value="icon" data-type="icons" data-url="https://www.flaticon.com/br/buscar" checked data-track-arguments="ga, event, search, search-selector, icons"> <label for="radio_search_by_icons_home" class="radio fake-radio"></label> <label for="radio_search_by_icons_home">ícones</label> </li> <li class="radio-group"> <input id="radio_search_by_stickers_home" 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_home" class="radio fake-radio"></label> <label for="radio_search_by_stickers_home">Figurinhas</label> </li> <li class="radio-group"> <input id="radio_search_by_animated_icons_home" 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_home" class="radio fake-radio"></label> <label for="radio_search_by_animated_icons_home">ícones animados</label> </li> <li class="radio-group"> <input id="radio_search_by_uicon_home" type="radio" class="hidden track" name="type" value="uicon" data-type="interface icons" data-url="https://www.flaticon.com/br/buscar" data-track-arguments="ga, event, search, search-selector, interface-icons"> <label for="radio_search_by_uicon_home" class="radio fake-radio"></label> <label for="radio_search_by_uicon_home">ícones de interface</label> </li> <hr> <li class="radio-group mg-top-lv3-i"> <input id="switch_search_by_all_home" type="radio" class="hidden track" name="search-group" value="all" data-type="all" data-url="https://www.flaticon.com/br/buscar"> <label for="switch_search_by_all_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_all_home">Todos os ícones</label> </li> <li class="radio-group radio-group-by-style"> <input id="switch_search_by_style_home" 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_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_style_home">Estilo</label> </li> <li class="radio-group radio-group-by-pack"> <input id="switch_search_by_packs_home" type="radio" class="hidden track" name="search-group" value="packs" data-type="packs" data-url="https://www.flaticon.com/br/pacotes/buscar"> <label for="switch_search_by_packs_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_packs_home">Pacote</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Procurar ícones" class="tag-field__input autocomplete" data-qa="search-bar" value="" autofocus maxlength="50" spellcheck="false"> <button type="button" class="clean-search__button"> <i class="icon icon--cross"></i> </button> <button type="submit" class="bj-button bj-button--icon nostyle"> <i class="icon icon--md icon--search push-center"></i> </button> </form> </section> <div class="stickers home__tags"> <div class="row row--horizontal-center mg-none"> <span class="mg-right-lv1">Principais buscas</span> <ul> <li> <a href="https://www.flaticon.com/br/icones-gratis/tecnologia">Tecnologia</a> </li> <li> <a href="https://www.flaticon.com/br/icones-gratis/calendario">Calendário</a> </li> <li> <a href="https://www.flaticon.com/br/icones-gratis/o-email">O Email</a> </li> <li> <a href="https://www.flaticon.com/br/icones-gratis/perfil">Perfil</a> </li> <li> <a href="https://www.flaticon.com/br/icones-gratis/pin">Pin</a> </li> <li> <a href="https://www.flaticon.com/br/icones-gratis/lupa">Lupa</a> </li> </ul> </div> </div> </div> </section> <div id="campaign-head" > </div> <section class="container"> <div class="cards-products-home circles"> <a href="https://www.flaticon.com/br/icones" class="track icons-circle" data-track-arguments="ga, event, home, subhome-icons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/icons.png" alt="icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">Ícones</h6> <p class="regular font-sm">The largest database of free icons for any project.</p> </div> </div> </a> <a href="https://www.flaticon.com/br/uicons/interface-icons" class="track uicons-circle" data-track-arguments="ga, event, home, subhome-uicons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/interface.png" alt="interface icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">Ícones de interface</h6> <p class="regular font-sm">Ícones especialmente criados para suas interfaces</p> </div> </div> </a> <a href="https://www.flaticon.com/br/icones-animados" class="track video aicons-circle" data-track-arguments="ga, event, home, subhome-animated-icons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/animated.png" alt="animated icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">Ícones Animados</h6> <p class="regular font-sm">Ícones de movimento para criar projetos incríveis</p> </div> </div> </a> <a href="https://www.flaticon.com/br/stickers" class="track stickers-circle" data-track-arguments="ga, event, home, subhome-stickers"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/stickers.png" alt="stickers" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">Figurinhas</h6> <p class="regular font-sm">Figurinhas para sites, aplicativos ou qualquer lugar que você precise</p> </div> </div> </a> </div> </section> <div class="container"> <div class="home__free-svg"> <div class="home__free-svg__header"> <div> <img src="https://www.flaticon.com/media/dist/min/img/uicons/uicons.svg" width="140" class="mg-right-lv2 inline-block" alt="Uicons"> <h5 class="inline font-h4">Os ícones de interface de usuário <span>SVG gratuitos</span> mais desejados</h5> <p>Mais de 34,300 ícones de IU gratuitos em 9 estilos diferentes. Todos totalmente editáveis e personalizáveis para você torná-los verdadeiramente seus</p> </div> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados" class="link--arrow link--arrow--md"> <span>Todos os ícones SVG gratuitos</span> <i class="icon icon--md icon--right"></i> </a> </div> <div class="home__free-svg__container"> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados?brands=1&type=uicon" class="home__free-svg-brands"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/brands.png" alt=""> <p>Marcas</p> <span class="font-xs regular">200 ícones</span> </a> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados?weight=bold&type=uicon" class="home__free-svg-bold"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/bold.png" alt=""> <p>Negrito</p> <span class="font-xs regular">8,400 ícones</span> </a> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados?weight=regular&type=uicon" class="home__free-svg-regular"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/regular.png" alt=""> <p>Regular</p> <span class="font-xs regular">9,200 ícones </span> </a> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados?weight=solid&type=uicon" class="home__free-svg-solid"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/solid.png" alt=""> <p>Sólido</p> <span class="font-xs regular">9,200 ícones</span> </a> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados?weight=thin&type=uicon" class="home__free-svg-thin"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/thin.png" alt=""> <p>Fino</p> <span class="font-xs regular">8,800 ícones</span> </a> <div class="banner-footer"> <a href="https://www.flaticon.com/br/icon-fonts-mas-baixados" class="link--arrow link--arrow--md"> <span>Todos os ícones SVG gratuitos</span> <i class="icon icon--md icon--right"></i> </a> </div> </div> </div> </div> <section class="container"> <div class="row-cards"> <div class="row-cards__list"> <div class="row-cards__header row row--vertical-center mg-none pd-none"> <div class="col mg-none pd-none"> <h4 class="mg-bottom-lv2 pd-none inline-block font-h6 medium">Ícones superiores</h4> </div> <a href="https://www.flaticon.com/br/packs?order_by=4" class="link--arrow link--arrow--md"> <span>Ver todos</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded" class="box " data-id="272606" data-name="sport" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/packs/sport-9" title="sport" data-le="event|pack,272606" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/packs/sport-9" src="https://cdn-share-sprites.flaticon.com/pack/0/272/272606-sport_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/272/272606-sport_3x2.jpg" alt="sport" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">sport</span> </div> <div class="col--center"> <span class="box__icons-number"> 50 ícones </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="18359482" data-name="webinar" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/packs/webinar-18359482" title="webinar" data-le="event|pack,18359482" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/packs/webinar-18359482" src="https://cdn-share-sprites.flaticon.com/pack/18/18359/18359482-webinar_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18359/18359482-webinar_3x2.jpg" alt="webinar" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">webinar</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 ícones </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="326286" data-name="valentine's day" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/packs/valentines-day-7" title="valentine's day" data-le="event|pack,326286" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/packs/valentines-day-7" src="https://cdn-share-sprites.flaticon.com/pack/0/326/326286-valentines-day_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/326/326286-valentines-day_3x2.jpg" alt="valentine's day" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">valentine's day</span> </div> <div class="col--center"> <span class="box__icons-number"> 99 ícones </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded-premium" class="box " data-id="18362103" data-name="branding identity" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/packs/branding-identity-18362103" title="branding identity" data-le="event|pack,18362103" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/packs/branding-identity-18362103" src="https://cdn-share-sprites.flaticon.com/pack/18/18362/18362103-branding-identity_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18362/18362103-branding-identity_3x2.jpg" alt="branding identity" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">branding identity</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 ícones </span> </div> </div> </footer> </a> </div> </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> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> <div class="row-cards__list"> <div class="row-cards__header row row--vertical-center mg-none pd-none"> <div class="col mg-none pd-none"> <h4 class="mg-bottom-lv2 pd-none inline-block font-h6 medium">Principais figurinhas</h4> </div> <a href="https://www.flaticon.com/br/stickers-packs?order_by=4" class="link--arrow link--arrow--md"> <span>Ver todos</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded" class="box " data-id="15533832" data-name="science" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/stickers-pack/science-15533832" title="science" data-le="event|pack,15533832" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/stickers-pack/science-15533832" src="https://cdn-share-sprites.flaticon.com/pack/15/15533/15533832-science_3x2.jpg" alt="science" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">science</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 figurinhas </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="18257656" data-name="summer stickers" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/stickers-pack/summer-stickers-18257656" title="summer stickers" data-le="event|pack,18257656" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/stickers-pack/summer-stickers-18257656" src="https://cdn-share-sprites.flaticon.com/pack/18/18257/18257656-summer-stickers_3x2.jpg" alt="summer stickers" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">summer stickers</span> </div> <div class="col--center"> <span class="box__icons-number"> 67 figurinhas </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15539111" data-name="creativity" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/stickers-pack/creativity-15539111" title="creativity" data-le="event|pack,15539111" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/stickers-pack/creativity-15539111" src="https://cdn-share-sprites.flaticon.com/pack/15/15539/15539111-creativity_3x2.jpg" alt="creativity" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">creativity</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 figurinhas </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded-premium" class="box " data-id="15161720" data-name="tennis" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/br/stickers-pack/tennis-15161720" title="tennis" data-le="event|pack,15161720" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/br/stickers-pack/tennis-15161720" src="https://cdn-share-sprites.flaticon.com/pack/15/15161/15161720-tennis_3x2.jpg" alt="tennis" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">tennis</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 figurinhas </span> </div> </div> </footer> </a> </div> </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> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> </div> </section><section class="container hide-mobile"> <div class="uicons__banner"> <div class="row mg-none"> <div class="col__xs--12 col__sm--12 col__md--5 col__lg--4 col__md--5 mg-none-i uicons__banner__text"> <h5 class="mg-none font-h5 mg-bottom-lv2-i">Fontes de ícones para qualquer projeto, grande ou pequeno</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> +34,300 ícones vetorizados <strong>SVG</strong> e otimizados para <strong>web font</strong> para aplicativos da web, iOS e Android. </p> <a href="https://www.flaticon.com/br/uicons" class="bj-button bj-button--green track" data-track-arguments="ga, event, home, banner-uicons">Ver mais</a> </div> <div class="col__xs--12 col__sm--12 col__md--7 col__lg--8 mg-none-i col--stretch uicons__banner__image"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/uicons/elements.png" width="730" height="288" class="lzy push-right image-overflow-croped"> </div> </div> </div> </section><section class="home-section slider-tools pd-bottom-lv5"> <div class="container"> <header class="alignc pd-bottom-lv4"> <h3 class="font-h5 first mg-bottom-lv1">Ferramentas que ajudam a tornar seu trabalho mais profissional</h3> <p>Acessórios gratuitos que lhe permitem organizar, criar e economizar tempo em seus designs</p> </header> <div class="slider-box"> <div class="slider-box--items"> <div class="item active" data-order="0"> <div> <p class="item-title">Coleções</p> <i class="icon icon--next"></i> </div> <p class="item-text">Crie várias coleções para organizar seus ícones e baixe-os no formato que desejar. <a href="https://www.flaticon.com/br/colecoes" class="link--normal">Ver mais</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> <div class="item" data-order="1"> <div> <p class="item-title">Editor</p> <i class="icon icon--next"></i> </div> <p class="item-text">Edite a cor dos seus ícones, mude o tamanho e baixe-os em todos os formatos, SVG, PNG, EPS. <a href="https://www.flaticon.com/br/editor-icones" class="link--normal">Ver mais</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> <div class="item" data-order="2"> <div> <p class="item-title">Google Workspace</p> <i class="icon icon--next"></i> </div> <p class="item-text">Use os ícones no Documentos e Apresentações Google de maneira fácil, rápida e gratuita. <a href="https://www.flaticon.com/br/para-google" class="link--normal">Ver mais</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> </div> <div class="mobile-gradient-prev"></div> <div class="mobile-gradient-next"></div> <div class="slider-box--items-mobile"> <p class="item-text active">Crie várias coleções para organizar seus ícones e baixe-os no formato que desejar. <a href="https://www.flaticon.com/br/colecoes" class="link--normal">Ver mais</a></p> <p class="item-text">Edite a cor dos seus ícones, mude o tamanho e baixe-os em todos os formatos, SVG, PNG, EPS. <a href="https://www.flaticon.com/br/editor-icones" class="link--normal">Ver mais</a></p> <p class="item-text">Use os ícones no Documentos e Apresentações Google de maneira fácil, rápida e gratuita. <a href="https://www.flaticon.com/br/para-google" class="link--normal">Ver mais</a></p> <p class="item-text">Crie imagens espetaculares para stories do Instagram, cabeçalhos do Facebook, apresentações, blogs ou sites. <a href="https://www.flaticon.com/br/pattern-generator" class="link--normal">Ver mais</a></p> </div> <div class="slider-box--images"> <picture> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/collections-slide.png" alt="Imagem de coleções" width="920" height="590" class="lzy active"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/editor-slide.png" alt="Imagem do editor" width="920" height="590" class="lzy"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/gsuite-slide.png" alt="Imagem do Google Workspace" width="920" height="590" class="lzy"> </picture> </div> </div> </div> </section> <section class="container mg-bottom-lv5"> <div class="whats-new-section"> <div class="row"> <div class="whats-new-section__text col__xs--12 col__xl--4"> <h5 class="mg-none mg-bottom-lv2-i">Novidades no Flaticon</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> Veja as últimas atualizações do site, novos recursos, ferramentas e aproveite ao máximo sua experiência com o Flaticon. </p> <a class="bj-button bj-button--green" href="https://www.flaticon.com/br/novidades" rel="noreferrer noopener">Navegar por todas</a> </div> <div class="whats-new-section__cards col__xs--12 col__xl--8"> <div class="row"> <a href="https://www.flaticon.com/br/novidades#figma-plugin-v2" class="figma-plugin-v2 whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">Chegou o novo plugin Figma com formato SVG</p> </a> <a href="https://www.flaticon.com/br/novidades#filters-redesign" class="filters-redesign whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">Simplifique sua experiência de IU</p> </a> <a href="https://www.flaticon.com/br/novidades#smart-match" class="smart-match whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">Ordene por estilo e encontre os ícones mais adequados rapidamente</p> </a> </div> </div> </div> </div> </section> <section class="container"> <div class="home__figma"> <div class="row mg-none"> <div class="col__xs--12 col__sm--6 mg-none-i home__figma__text"> <h5 class="mg-none mg-bottom-lv3-i"> Adicione ícones ao Figma mais rapidamente</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> Chegou o novo plugin Figma, que vai levar milhões de ícones vetoriais diretamente para sua tela.</p> <a class="bj-button bj-button--green track" data-track-arguments="ga, event, home, figma-banner, learn-more" href="https://www.figma.com/community/plugin/1183020129233350982/Flaticon" target="_blank">Experimente o plugin</a> </div> <div class="col__xs--12 col__sm--6 mg-none-i col--stretch home__figma__image"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/banner-figma-image.svg" width="630" height="350" class="lzy push-right image-overflow-croped hide-mobile"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/banner-figma-image-mobile.svg" width="630" height="350" class="lzy push-right image-overflow-croped show-mobile"> </div> </div> </div> </section> <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://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/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://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/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">Venda seu conteúdo</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://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/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/">Español</a></li> <li><a href="https://www.flaticon.com/">English</a></li> <li><a href="https://www.flaticon.com/de/">Deutsch</a></li> <li><a href="https://www.flaticon.com/br/">Português</a></li> <li><a href="https://www.flaticon.com/fr/">Français</a></li> <li><a href="https://www.flaticon.com/kr/">한국어</a></li> <li><a href="https://www.flaticon.com/ru/">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,470,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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/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://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/ads.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/userSession-auth.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/fi-base.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/home.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>