CINXE.COM

<!DOCTYPE html> <html lang="es"> <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="ct00lwxl186bhkv2v1j6jxo4dp8hf7" /> <title>Iconos vectoriales y stickers - PNG, SVG, EPS, PSD y CSS</title> <meta> <meta name="description" content="Descarga iconos y stickers gratis para tus proyectos. Recursos hechos por y para diseñadores. Formatos PNG, SVG, EPS, PSD y 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="Iconos y stickers gratuitos - Millones de recursos para descargar"> <meta name='twitter:description' content="Descarga iconos y stickers gratis para tus proyectos. Recursos hechos por y para diseñadores. Formatos PNG, SVG, EPS, PSD y CSS"> <meta name='twitter:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.es/'> <meta property='og:title' content="Iconos y stickers gratuitos - Millones de recursos para descargar" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.es/' /> <meta property='og:description' content="Descarga iconos y stickers gratis para tus proyectos. Recursos hechos por y para diseñadores. Formatos PNG, SVG, EPS, PSD y 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.es/"> <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/15093/15093421-healthy-food_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15442/15442734-maths_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15471/15471999-tennis_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/16/16770/16770589-4th-july_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="cdb4bad1-994b-4e2b-9209-789f6ab696b4"></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.es/profile/'; var ACCOUNTS_URL = 'https://www.flaticon.es/profile/'; var ACCOUNTS_API_KEY = 'aHR0cHM6Ly93d3cuZmxhdGljb24uZXM='; 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 = 'spanish'; var language = 'spanish'; var LANGUAGE_SHORT = 'es'; var URL_LOG = 'https://www.flaticon.es/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.es/edge/'; var APP_URL = 'https://www.flaticon.es/'; var BASE_URL = 'https://www.flaticon.es/'; var URL_STATIC_IMG = 'https://www.flaticon.com/media/dist/min/img/'; var SPONSOR_CACHE = 'b887ad3bcdddc52c8955ca132ff10e8ec345bf8g'; var SPONSOR_FREEPIK = 'https://www.flaticon.es/edge/banner2/search?'; var ACTIVE_AX_DETAIL = 0; var LANDING = false; var url_pre_ax_detail; var URL_CRM_LOG = 'https://www.flaticon.es/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=es'; var GR_LANGUAGE = 'es'; var FLATICON_URL_IMAGE = 'https://image.flaticon.com/'; var COUPON_PRICING = 'FI10cART23q3' var MERCHANDISING_LICENSE_CHECK_URL = 'https://www.flaticon.es/merchandising-license/check'; var GOOGLE_ONE_TAP_LOGIN_URL = 'https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon_es'; 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_es&lang=es'; var GOOGLE_IDP_URL_REGISTER = 'https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es'; // 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 = 'b20afe14b4577f3473168b33a9b35bfb'; var PACK_LICENSE_URL = 'https://www.flaticon.es/license/pack/'; var IS_UICONS_VIEW = false; var FLATICON_URL = 'https://www.flaticon.es/'; var AMOUNT_IN_RELATED_BY_TAG_AND_STYLE = 24; function gtag() { dataLayer.push(arguments) } var USER_REGISTERED = false; var FLATICON_UPLOAD_ICONS_URL = 'https://www.flaticon.es/'; 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.es/'; 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; // 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_es" 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.es/", "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.es/", "potentialAction": { "@type": "SearchAction", "target": "https://www.flaticon.es/resultados?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="bdpnbevydn5xuz2cqdpq-f-8d02b1e35-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":"cabb8dd","ak.r":41571,"ak.a2":n,"ak.m":"","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":53338,"ak.gh":"184.27.123.118","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732411615","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==odTBhngzC/f1BxYA9WPhR7d6rNdXLGkvU3djqB9sB9mzQ4lqmHOVpccSU/+8e1EB0pLOCQIKBFNiZoK/MUtIMebu0DMrIWVSl/dwUo8JvO5p+JTu0TFncWyG+n3Lg3h52eYr2ulYYGCfsxoKWppR7f50TurL0Dhwi0VPyBrNIoUdAV6ROuxcI37SLfdYXhsiLfAojBlHksWhWFKs5TfwUxlStCzAH6lAWyvPWJQlmSsAwVyQ4DCPNJ4H+bHF76p0I2CMuT75cN+ZCb4vk1+LND/R2eLIqa8D0+AF8xeTmPdCiKLb14TTAWsx4Xn1cx2r5BgtLNnybum+c7X0NaOtp3zRT36OJWNbZypjo3dvMHyE3q+CYoqCFiCh96c4ghsde2iDOkUCx4X+qCTeaCUf4JcthF91wJxbEm2K3l3RCMY=","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 los iconos', allStickers: 'Todos los stickers', allAnimatedIcons: 'Todos los iconos animados', allInterfaceIcons: 'Todos los iconos de interfaz', icons: 'iconos', interface_icons: 'iconos de interfaz', stickers: 'stickers', animated_icons: 'iconos animados', packs: 'packs', icon_packs: 'Paquetes de iconos', icon_styles: 'Estilos de iconos', sticker_packs: 'Paquetes de stickers', sticker_styles: 'Estilos de stickers', interface_icons_packs: 'packs de iconos de interfaz', url_icons: 'https://www.flaticon.es/iconos', url_search_icon_packs: '/packs', url_stickers: 'https://www.flaticon.es/stickers', url_animated_icons: 'https://www.flaticon.es/iconos-animados', url_sticker_detail: 'sticker-gratis', url_sticker_latest: 'ultimos-stickers', url_sticker_premium: 'sticker-premium', url_uicons: 'https://www.flaticon.es/uicons/interface-icons', pack: 'pack', style: 'estilo', category: 'categoría', free_icon: '/icono-gratis/', icons_format: 'Descarga iconos en formato SVG, PSD, PNG, EPS o como fuente de iconos.', collections: 'colecciones/', view_icon: 'Ver icono', search_related_icons: 'Iconos relacionados', browse_pack: 'Explorar el pack', author_packs: 'Packs del autor', free: 'gratis', cc_exp_title: '¡Atención!', cc_exp_desc: 'Tu tarjeta de crédito está a punto de expirar. <a href=\"https://www.flaticon.es/profile/my_subscriptions\">Actualiza tu tarjeta aquí</a> y continúa con tu plan premium', download: 'Descargar', downloadAsset: 'Descargar contenido', more_info: 'Más información', downloads: 'descargas', view_all: 'Ver todo', view_detail: 'Ver detalle', more: 'Más', edit: 'Editar', download_svg: 'Descargar SVG', download_png: 'Descargar PNG', read_more: 'Leer más', more_icons_author: 'Más iconos del autor', more_formats: 'Más formatos', search_author_resources: 'Buscar iconos del mismo estilo', search_icons_style: 'Buscar iconos de este estilo', url_search: '/resultados', url_free_icons: 'iconos-gratis/', cancel: 'Cancelar', send: 'Enviar', show_more: 'Mostrar más', premium_download: 'Descarga Premium', download_pack: 'Descargar pack', login: 'Inicia sesión', register: 'Regístrate', register_download: 'Regístrate & Descarga', see_more: 'Ver más', url_downloads_limit: 'limite-descargas', copy: 'Copiar', copyPNG: "Copiar PNG al portapapeles", copyPNGbutton: "Copiar PNG", copySVG: "Copiar SVG en el portapapeles", copySVGbutton: "Copiar SVG", copy_png_svg: "Copiar PNG/SVG al portapapeles", faqs: 'Si tienes alguna otra pregunta, echa un vistazo a nuestras <a href=\"https://support.flaticon.com/s/article/What-are-Flaticon-Premium-licenses?language=es\" target=\"_blank\" class=\"medium\">FAQ</a> ', whats_news_url: '/novedades', size: 'Tamaño', 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 : 'Icono animado gratuito', svg_files: "Archivos SVG", editable_strokes: "Trazos editables", editable_strokes_text: "Archivo SVG sin expandir con trazos y formas personalizables.", simplified : "Simplificado", simplified_text: "Archivo SVG plano con posibilidades de edición limitadas.", new: "Nuevo", pageTitle: "Página", }, animatedIconDetail: { exploreRelated: "Explora los iconos animados relacionados con %s", see: "Nuestro icono animado %s en acción", look: "El icono animado %s le dará un aspecto profesional a tu diseño. ¡Mira lo increíble que quedaría en el diseño de tu página web, aplicación móvil o en cualquier interfaz!", looksGreat: "Ideal para diseñar interfaces", onNotification: "Icono animado %s en una notificación", mobileInterface: "El icono animado %s encaja perfectamente en proyectos de interfaz para móviles.", mobile: "Icono animado %s en un móvil", worldwide: "Internacional", briefcase: "Cartera", menu: "Icono animado %s en un menú", sizes: "Utiliza el icono animado %s en distintos tamaños", stunning: "Iconos animados con mucho ritmo que impresionarán a todos", highQuality: "Descarga gratis iconos animados de alta calidad y dale a tus proyectos esa energía que estabas buscando.", explore: "Descubre los iconos animados", animatedIconsMostDownloadedUrl: "https://www.flaticon.es/iconos-animados-mas-descargados", }, og: { 'webtitle': '{0} - Iconos gratis de {1}', 'title': '{0} diseñado por {1}', 'desc': 'Descarga ahora este icono vectorial en formato SVG, PSD, PNG, EPS o como fuente para web. Flaticon, la mayor base de datos de iconos gratuitos.', 'animatedIconTitle': '{0} Animated Icon | Free {1} Animated Icon', }, limit: { registered: 'Has alcanzado tu límite de iconos <a href="https://www.flaticon.es/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Alert icons limit\'); " title="¡Consigue colecciones ilimitadas!">Hazte premium</a> y consigue colecciones ilimitadas', guest: 'Has alcanzado el límite de iconos. <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" title="Regístrate y obtén hasta 256 iconos">Regístrate</a>y consigue 256 iconos', collection: 'Has alcanzado el limite de iconos por colección (256 iconos)', max_size: "Tamaño máximo de archivo superado", backup_max_size: "No hay suficiente espacio en esta colección para añadir los iconos del backup", downloaded_icons_perc: "Has alcanzado el %s% de tu límite de descarga", personal_limit: "Si incluyes estos {0} iconos personales en esta colección, alcanzarás el límite máximo de iconos personales por colección ({1} iconos)" }, limit_anonymous: { title: 'Te has quedado casi sin descargas', paragraph1: 'Ha llegado la hora de registrarse', paragraph2: 'Crea tu cuenta de manera gratuita y sigue descargando', button: 'Regístrate gratis' }, external_icon: { title: 'Icono añadido', message: 'Este icono no forma parte de Selección Flaticon. Añade la atribución al autor para poder utilizarlo.' }, report: { message: 'Este icono no forma parte de Selección Flaticon. Añade la atribución al autor para poder utilizarlo.', report_icon: "Reportar este icono", indicate_problem: "Para poder ayudarte, necesitamos que nos describas el problema: ", download: 'La descarga no funciona', owner: 'Soy el propietario de este icono', link: "No encuentro el enlace de descarga", other: 'Otros', describe_problem: 'Describe el problema' }, search: { search: 'Buscar', minimal_characters: 'Escribe al menos un carácter para poder realizar una búsqueda.', max_page_number: "Please type a correct page number to search", placeholder_icons: 'Buscar iconos', placeholder_packs: 'Buscar packs', placeholder_stickers: 'Buscar stickers', placeholder_animated_icons: "Buscar iconos animados", placeholder_interface_icons: 'Buscar iconos de interfaz', placeholder_icon_packs: 'Buscar paquetes de iconos', placeholder_icon_styles: 'Buscar estilos de iconos', placeholder_sticker_packs: "Buscar paquetes de stickers", placeholder_sticker_styles: "Buscar estilos de stickers", placeholder_interface_icons_packs: 'Buscar packs de iconos de interfaz,', }, filters: { order_by: 'Ordenar por', style: 'Estilo', stroke: 'Trazo', detail: 'Nivel de detalle', date: 'Más recientes', popularity: 'Popularidad', downloads: 'Lo más descargado', all: 'Todo', detailed: 'Detallado', simple: 'Simple', mixed: 'Mezclado', rounded: 'Redondeado', handmade: 'Hecho a mano', filled: 'Relleno', linear: 'Lineal', angular: 'Angular', '3d': '3D', color: 'Color', monocolor: 'Monocolor', multicolor: 'Multicolor', appliedFilters: 'Filtros aplicados', clearAll: 'Borrar todo' }, errors: { connectivity: 'No podemos establecer conexión con los servidores de Flaticon. Comprueba tu configuración de red.', inactive_user: 'In order to download you must activate your account.' }, collection: { add_icon: 'Añadir a la colección', delete_icon: 'Eliminar de la colección', default_name: 'Mi colección de iconos', aware: '¡Atención!', iconfont_colors: 'Por razones técnicas, los iconos multicolor no se pueden incluir en las fuentes de iconos.', add_premium: 'Este icono está solo disponible para usuarios premium. Puedes obtener más información <a target="_blank" href="https://www.flaticon.es/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-icon-premium" title="¡Hazte premium!">aquí</a>', locked: 'Tu colección está bloqueada. Puedes <a target="_blank" href="https://www.flaticon.es/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-locked" title="¡Hazte premium!">mejorar tu cuenta</a> y obtener colecciones ilimitadas', iconfont_tooltip: 'Descarga como fuente de iconos y usa los iconos en tu web, totalmente personalizables con solo CSS.', iconfont_disabled: "En tu colección solo hay iconos multicolor. Estos iconos no se pueden usar con fuentes de iconos.", duplicated_disabled: "Tu tipo de cuenta no permite más colecciones", share_disabled: "¡Regístrate para compartir!", upload_disabled: "¡Hazte premium para subir iconos!", upload_icons: "¡Sube iconos SVG!", duplicate: "Duplicar", download_personal: "Your Collection has personal icons. These icons will not be downloaded in Icon Font format", svg_incorrect: "Archivo SVG mal formado", only_svg: "Solo se permiten iconos SVG", fetch_premium: 'Los iconos premium no pueden añadirse a tu nueva colección <a target="_blank" href="https://www.flaticon.es/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Fetch collection premium error\'); " title="¡Hazte premium!">¡Hazte usuario premium ahora!</a>', fetch_personal: "Los iconos personales no pueden añadirse a tu nueva colección", friendly_reminder: "Importante:", no_custom_icons_in_backup: "Tus iconos personalizados no se incluirán en la copia de seguridad", restore_personal: "Los iconos personales no pueden ser restaurados a tu colección", upload_enabled: "Sube tus iconos SVG", upload_disabled: "La subida está deshabilitada en el modo de ordenación", color_disabled: "Esta colección no tiene iconos o todos son multicolor", success_restore: "Has restaurado correctamente {0} de {1} iconos", icons_skiped: "{0} de {1} iconos no se han importado en la colección porque ya están en ella", locked_title: "Tienes colecciones bloqueadas", locked_text: "Desbloquee sus colecciones, no limites tu trabajo ", locked_button: "Hazte premium", locked_url: "https://www.flaticon.es/pricing", empty_collection_limit: "No puedes crear más colecciones si tienes una vacía. Añade elementos a la colección vacía primero." }, fonts: { error_svg: 'Este archivo SVG no es un archivo de fuentes' }, url: { most_download: '/mas-descargados', latest_icons: '/ultimos-iconos', search: '/resultados', packs_search: 'packs/resultados', style_search: 'style/search', packs: 'packs', authors: 'autores', guest_limit: 'invitado', premium_limit: 'premium', free_icons: 'iconos-gratis', pricing: 'pricing', craft: 'https://www.flaticon.es/merchandising-license', craft_purchases: 'https://www.flaticon.es/merchandising-license/purchases' }, attribution: { type_icon: 'iconos', type_sticker: 'stickers', type_animated_icon: 'iconos animados', uicons_made_by: 'Uicons de', icons_made_by: 'Iconos diseñados por', stickers_made_by: 'Stickers diseñados por', animatedIcon_made_by: 'Iconos animados diseñados por', icons_created_by: 'iconos creados por', stickers_created_by: 'stickers creadas por', animatedIcon_created_by: 'iconos animados creados por', is_licensed_by: 'con licencia', description: "Selecciona tus redes sociales favoritas y comparte nuestros iconos con tus contactos o amigos. Si no tienes ninguna de estas redes, copia el enlace e inclúyelo en las redes que uses. Para más información consulta nuestra %sguía de atribución%s o %sdescarga la licencia.%s", title: "¡Eh! Recuerda que debes atribuir a %s", unicorn_text: "Cada vez que atribuyes, un caballo se convierte en unicornio", designer_text: "Cada vez que atribuyes, haces feliz a un diseñador", rex_text: "Cada vez que atribuyes, un T-rex logra beber café", karma_text: "Cada vez que atribuyes, el Karma te recompensa", download_problems: "¿Problemas con la descarga?", dont_want_credit: "¿No quieres atribuir al autor?", go_premium: 'Pásate a <a href="https://www.flaticon.es/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong><i class="icon icon--premium inline-block"></i> Premium</strong></a> y disfruta de más de 17 millones iconos sin atribución. <a class="link link--text medium inline track" href="https://www.flaticon.es/pricing" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Infórmate aquí</strong></a>', go_premium_detail: 'Hazte <a href="https://www.flaticon.es/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Premium</strong></a> y podrás utilizar más de 17.5M iconos y stickers sin atribución.', copy_and_attribute: "Copiar y atribuir", copy: "Copiar enlace", copied: "¡Copiado!", freepik_url: "https://www.freepik.com" }, typeform: { multi_question_search: "¿Qué mejorarías del proceso de búsqueda?", tell_us: "¡Cuéntanos!" }, feedback: { thanks_message: "¡Gracias por tu colaboración!" }, blockers: { is_present: "Parece que tienes un bloqueador de publicidad instalado. Por favor, desactívalo para poder usar Flaticon mejor.", }, link: { copied: "Enlace copiado", success: "El enlace para compartir ya se ha copiado en el portapapeles" }, clipboard: { copied: "Copiado al portapapeles", 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=es" target="_blank" class="bold">here</a></b>.', png: { success: "Se ha copiado al portapapeles correctamente", error: "Se ha producido un error al copiar al portapapeles" } }, follows: { followIcon: "Seguir Icono", unFollowIcon: "Dejar de seguir Icono", followAuthor: "Seguir", unFollowAuthor: "Dejar de seguir", followStyle: "Seguir Estilo", unFollowStyle: "Dejar de seguir Estilo" }, easterEggs: { halloween: { findMe: "¡Encuéntrame!", close: "Cerrar", pressEsc: "Pulsa ESC o", modalP1: "¡Enhorabuena!<br> Ya es nuestro.", modalP2: "Eres un auténtico cazafantasmas, y el mundo se merece saberlo.", share: "Compartir", shareText: "Flaticon está encantado, ¡ayúdanos!" } }, detail: { savePinterest: "Guardar", search_placeholder: "Buscar más iconos con este estilo", icon: "icono", sticker: "sticker", animatedicon: "iconoanimado", free: "gratis", premium: "premium", license: "Licencia", report_this_icon: "Reportar este icono", download_free_icon_in_png: "Descarga iconos gratuitos en formato PNG", download_free_sticker_in_png: "Descarga sticker gratis en formato PNG", download_vector_icon_in_svg: "Descarga iconos vectoriales en formato SVG", download_vector_sticker_in_svg: "Descarga stickers vectoriales en formato SVG", download_vector_icon_in_eps: "Descarga iconos vectoriales en formato EPS", download_vector_icon_in_psd: "Descarga iconos vectoriales en formato PSD", download_vector_icon_in_base64: "Descarga iconos vectoriales en formato base64", download_vector_icon_in_PDF: "Descarga iconos vectoriales en formato PDF", download_vector_icon_in_JPG: "Descarga iconos vectoriales en 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: "Disponible en los formatos <b>PNG</b>, <b>SVG</b>, <b>EPS</b>, <b>PSD</b> y <b>BASE 64</b>.", add_to_collection: "Añadir a la colección", necessary_credit_author: "Se requiere atribución", how_to_credit: "¿Cómo atribuir?", how_to_credit_authorship: "¿Cómo atribuir a los autores de los iconos?", how_to_credit_authorship_stickers: "¿Cómo acreditar la autoría de los stickers?", follow: "Seguir", following: "Siguiendo", unfollow: "Dejar de seguir", download_unlimited: "Descarga ilimitada de iconos", download_unlimited_info: '<span>Descargar</span>iconos Premium ilimitados por <p class="js-currency" data-pricing="annualPerMonth" style="display:inline;">11.08 SGD</p>/mes', more_icons_pack: 'Más iconos de', more_stickers_pack: 'Más stickes de', more_icons_style: 'Más iconos de', style: 'Estilo', add_to_bookmarks: "Añade a marcadores", remove_from_bookmarks: "Elimina de marcadores", published: "Publicado", related_tags: "Etiquetas relacionadas", search_related_icon: "buscar-iconos-relacionados", what_is_this: "¿Qué es esto?", share_in_tw: "Compartir en Twitter", share_in_fb: "Compartir en Facebook", share_in_pt: "Compartir en Pinterest", flaticon_license_title: "Licencia de Flaticon", flaticon_license: "Gratis para uso personal o comercial con atribución.", more_info: "Más información", flaticon_premium_license: "Licencia Premium de Flaticon", flaticon_premium_license_expl: "Hazte Premium y recibirás la licencia comercial de este recurso.", flaticon_license_allow: "Nuestra Licencia permite usar los contenidos <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\">en los siguientes casos</a>.", sidebar_download_pack: "Regístrate gratis y descarga el pack a completo", sidebar_download_pack_button: "Regístrate & Descarga", sidebar_download_pack_button_mobile: "Regístrate", view_all_icons: "Ver todos los iconos", all_styles: "Todos los estilos", sidebar_banner_premium: "17.5M iconos sin atribución, <strong>solo para usuarios Premium</strong>", sidebar_see_plans: "Ver planes", sidebar_banner_premium_cart: "-20% en nuestros planes premium", sidebar_apply_discount: "Aplicar descuento", pack: "Pack", edit_icon: "Editar icono", edit_sticker: "Editar sticker", edit_animated_icon: "<span class=\"mg-left-lv1\">Learn how to <b>edit</b></span>", download_license: "Descargar licencia", share: "Compartir", free_sticker: "sticker gratuito", premium_sticker: "sticker premium", flaticon_editorial_license: "Licencia Editorial Flaticon", editorial_license_text: "Este recurso gráfico es exclusivo para uso editorial. <a href=\"https://www.freepik.com/legal/terms-of-use\" title = \"Terms of use\" class= \"link--text medium\">Términos de uso</a>.", stickers_banner_text: "Stickers gratuitos de calidad para páginas web y aplicaciones para móvil", free_download: "Descarga gratis", banner_craft_title: "Licencia Merchandising", banner_craft_new: "Nuevo", banner_craft_text: "Personaliza tus productos físicos y digitales con nuestros iconos", banner_craft_buy: "Comprar licencia ", }, christmas: { condition_1: "Válido hasta el 8 de diciembre", description_1: "<b>3 meses</b> de Plan Premium mensual", price_1: "por %s", title_1: "Esta Navidad cocina algo creativo con <b class=\"christmas-banner__premium\">Premium</b>", url: "Hazte premium", url_upgrade: "Mejora tu plan", condition_2: "Válido hasta el 15 de diciembre", description_2: "<b>7 días</b>", price_2: "Premium por %s", title_2: "Tu amigo invisible te ha dejado un regalo <b class=\"christmas-banner__premium\">Premium</b>", condition_3: "Válido hasta el 22 de diciembre", description_3: "Plan Premium <b>anual</b>", title_3: "¡Mantén el espíritu <b class=\"christmas-banner__premium\">Premium</b> todo el año!", condition_4: "Válido hasta el 2 de enero de 2020", description_4: "Plan Premium <b>2 años</b>", title_4: "¡Feliz <b class=\"christmas-banner__premium\">Premium</b> y próspero descuento!", description_5: "Regálate Premium Anual", price_5: "This Christmas <b>upgrade</b> your plan and save <strong class=\"font-lg\">50%</strong>", description_6: "Accede a más de 5 millones de vectores, fotos y archivos PSD", price_6: "<b>Ahorra</b> un <strong class=\"font-lg\">50%</strong> en el Plan Anual de Freepik" }, cookies: { text: "Esta web utiliza cookies para mejorar tu experiencia. <a href=\"https://www.freepik.com/legal/cookies\" title = \"Cookie policy\" class= \"link--text link-inverted medium\">Más información</a>", }, ga: { view_details: 'ver-detalles', add_to_collection: 'anadir-a-coleccion', view_details: 'editar', download_svg: 'descargar-svg', download_png: 'descargar-png', more_icons_authors: 'mas-iconos-autores', more_icons_style: 'mas-iconos-estilo', brownse_pack: 'ver-pack', search_related_icon: 'buscar-iconos-relacionados', copyPNG: 'Copiar PNG' }, cancellation: { form_title: "Nos da pena que te vayas de la familia Premium.", form_subtitle: "Nos gustaría saber por qué te vas:", info_message: "Puedes disfrutar de los beneficios de ser Premium hasta que se acabe tu suscripción. Después, <strong>no tendrás acceso a los recursos Premium</strong> y <strong>tendrás que atribuir la autoría</strong> cada vez que utilices los recursos. ", option_0: "Necesitaba iconos para un proyecto que ya ha terminado", option_1: 'Flaticon es demasiado caro', coupon_monthly_claim: 'Mejora tu plan con un 30% de DTO.', coupon_annual_claim: 'Consigue un 30% de DTO. en tu renovación para el Plan Premium anual.', coupon_premium_plus_claim: 'Consigue un 30% de DTO. en tu renovación para el Plan Premium Plus.', option_2: "No lo uso tan a menudo", option_3: 'No hay muchos iconos de calidad', option_4: "He experimentado muchos problemas técnicos con mi cuenta Premium.", option_5: "He decidido utilizar otras páginas web similares", keep_premium: 'Seguir siendo Premium', cancel_premium: 'Cancelar Premium', step_select: 'Seleccionar', step_confirm: 'Confirmar', step_finish: 'Terminar', more_info: 'Más info', generic_title_fp: '¡Vaya! Cuando termine tu plan ya no podrás disfrutar de estas Freepik características Premium:', generic_title_fi: '¡Vaya! Cuando termine tu plan ya no podrás disfrutar de estas Flaticon características Premium:', generic_blq1_title: 'Hasta 2.000 descargas diarias', generic_blq1_desc: 'Como usuario Premium podrás descargar tantos recursos como quieras. Más info.', generic_blq2_title: 'Sin atribución', generic_blq2_desc: 'Utiliza cualquier recurso tanto para uso comercial como personal sin necesidad de acreditar la autoría.', generic_blq3_title: 'Contenido Premium', generic_blq3_desc: 'Accede a iconos exclusivos que solo pueden descargar los usuarios Premium.', generic_blq4_title: 'Sin publicidad', generic_blq4_desc_flaticon: 'Navega en Flaticon sin anuncios, publicidad o interrupciones. ', generic_blq4_desc_freepik: 'Navega en Freepik sin anuncios, publicidad o interrupciones. ', offer_price_title: '¿Y si nos das otra oportunidad?', offer_price_subtitle: "Aquí tienes un pequeño regalo para que no te lo pienses más", offer_price_coupon_text: "Danos otra oportunidad, reactiva tu plan y ahorra un 30%.", offer_title: '¿Has terminado un proyecto? ¡El próximo te está esperando!', offer_subtitle: "Prepárate para un nuevo comienzo con un pequeño regalo", offer_coupon_text: "¡Prepárate para el futuro hoy y disfruta de un 30% de DTO. en Premium!", offer_get_discount: 'Consigue el descuento', quality_title: "Nos rompe el corazón que <b class='bold premium inline'>no quieras renovar tu suscripción Premium</b>", quality_subtitle: "Recuerda que siempre puedes volver, te estaremos esperando con recursos Premium y sin tener que atribuir la autoría.", quality_discover: 'Discover Flaticon', options_title: "Nos rompe el corazón que <span class='premium'>no quieras renovar tu suscripción Premium</span>", options_subtitle: "Recuerda que siempre puedes volver, te estaremos esperando con recursos Premium y sin tener que atribuir la autoría.", thank_you: 'Gracias', response_send_email: 'Nuestro equipo de Soporte ha recibido tu mensaje y se pondrá en contacto contigo. Mientras tanto, echa un vistazo a esta selección de recursos', top_icons: "Iconos populares", stay_title: "Estamos encantados de que decidas quedarte.", stay_subtitle: "¡Por un futuro juntos!", stay_action_flaticon: "Explorar Flaticon", stay_action_freepik: "Explora Freepik", explore_premium: "Explora Premium", support_title: "¿Cómo podemos ayudarte?", support_subtitle: "Los problemas técnicos son un fastidio y no queremos que eso afecte a tu experiencia con Flaticon. Cuéntanos qué ocurre y te ayudaremos a resolverlo", support_name: 'Nombre', support_name_placeholder: 'Tu nombre', support_email: 'Correo electrónico', support_comment: 'Comentar', support_comment_placeholder: 'Comenta aquí', support_submit: 'Enviar', support_cancel: 'Cancelar Premium', support_legacy: "Por favor, introduce los detalles de tu solicitud. Si tienes alguna pregunta acerca de los Términos de Uso, incluye ejemplos específicos del uso que quieres dar a nuestros recursos. Si estás informando de un problema, asegúrate de incluir tanta información como sea posible. Procura incluir capturas de pantalla o vídeos, ya que eso nos ayudará a resolver el problema con mayor rapidez. Una vez que hayas enviado la solicitud, un miembro de nuestro equipo de soporte responderá con la mayor brevedad.", support_legacy_second_part: "<b>Información básica sobre la protección de datos:</b> Freepik Company almacena tus datos para poder responder a tus preguntas, sugerencias o quejas remitidas. Más información <a href='https://www.freepikcompany.com/privacy' class='text-link' target='_blank'>Política de Privacidad</a>", confirmation_title: "Si así eres feliz, adelante.", confirmation_subtitle: "Se ha cancelado tu suscripción a Flaticon. Vuelve cuando quieras, te estaremos esperando" }, sponsor: { sponsored_by: "Resultados patrocinados por", coupon_title: "Consigue 10 fotos gratis", empty_results_promo: "Haz click aquí para obtener 10 Sets de iconos gratis de nuestro Sponsor Adobe Stock", banner_test_title: "Consigue un pack de 10 iconos gratis de nuestro patrocinador Adobe Stock", banner_test_button: "Prueba gratis", 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: "Hemos encontrado un error interno. Por favor inténtelo más tarde.", coupon_applied: "Descuento aplicado:", coupon_use_only: "Este cupón solo se puede usar una vez.", coupon_invalid: "El cupón no es válido." }, cart: { claim_text: "¿Aún no eres <span><i class='icon icon--crown-filled inline-block'></i>Premium</span>?", dto_text: "¡Consigue ya un 10% de DTO!", button: "Aplicar descuento" }, autopromo: { go_premium: "Hazte premium", search_premium_banner: { claim_text: "Crea sin límites", description: 'Accede a más de 0 <span class="premium premium--text inline-block medium"><i class="icon icon--premium inline-block"></i> Premium</span> iconos', description_freePng: 'Accede a más 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: "Descarga lo que quieras, date de baja cuando quieras" } }, download: { downloading: "Descargando..." }, slidesgo: { banner_text: 'Aprovecha al máximo tus iconos favoritos en nuestras <strong>plantillas gratuitas</strong> para <strong>Google Slides</strong> y <strong>PowerPoint</strong>', }, uicons: { uicons_info: 'UIcons es la mayor biblioteca de iconos de interfaz. Utiliza más de 34,000 iconos vectoriales disponibles en formato SVG o como fuente de icono en tus proyectos de páginas webs o aplicaciones iOS y Android. <a href=\"https://www.flaticon.es/uicons/get-started \" class=\"link--normal\">Más información</a>', need_help: '¿Necesitas ayuda para <a href="https://www.flaticon.es/uicons/get-started" class="link--normal" ">empezar?</a>', full_style: 'Download full style', other_styles: "Otros estilos", size: "Tamaño", new: "Nuevo", empty_search: "Sorry we couldn’t find any matches for ", try_search: "Prueba a buscar con otro término", error_search : "Hemos encontrado un error interno. Por favor inténtelo más tarde.", use_this_icons: "Utiliza estos iconos como fuentes de iconos o en un CDN", register_start: "Regístrate para comenzar", cdn_text: "Utiliza el pack de iconos <strong class='capitalize'></strong> insertando el link en la sección <head> de tu página web o en el archivo CSS con la regla @import.", download_text: "Incluye el pack de iconos <strong class='capitalize'></strong>, los archivos de fuentes, el archivo CSS y un ejemplo de HTML.", download_size_advice: "Zip file with more than %s icons", clear_all: "Borrar todo", view_details: "View Details", icon_font: "icon font", see_all_icons: "Ver todos los iconos", free_icon_font: "free icon font", packageManager: "Gestor de paquetes", packageManagerText: "Instala la última versión de Uicons para mantener actualizados tus proyectos con los últimos iconos y mejoras gracias al gestor de paquetes npm.", findOutMoreHere: "Find out more <b><a href=\"https://www.npmjs.com/package/@flaticon/flaticon-uicons\" target=\"_blank\">here</a></b>", in_action_title: "Nuestra fuente de icono %s en acción", 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: "Así se vería nuestro icono %s en una app para movil", in_action_button: "%s icon in a button", in_action_briefcase: "Cartera", in_action_stadistics: "Estadísticas", in_action_currency: "Moneda", in_action_tablet: "icono %s", in_action_interface: "Ideal para tu próximo diseño de interfaz.", find_best_1: "Encuentra la mejor fuente de icono de %s para tu proyecto.", find_best_2: "Search among <b>34,000</b> icons fonts including your favorite <b>brands</b> icons!", find_best_see_all: "Ver todos los iconos", doubts: "¿Necesitas ayuda?", doubts_1: "Échale un vistazo a nuestra <a href=\"https://www.flaticon.es/uicons/get-started\" target=\"_blank\">guía de iniciación</a> en la que te explicamos de manera sencilla cómo puedes utilizar y descargar nuestros iconos de interfaz, utilizar los archivos CSS, cambiar sus estilos y mucho más.", support: "Contacta con nosotros", support_1: "Somos todo oídos. Si tienes algún problema o alguna sugerencia sobre nuestros UIcons, <a href=\"https://www.flaticon.es/profile/support\" target=\"_blank\">nuestro equipo de Soporte</a> estará encantado de atenderte. ", 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.es/icon-fonts-mas-descargados", regular: "Normal", bold: "Negrita", solid: "Sólido", straight: "Straight", rounded: "Redondeado", brands: "Marcas", thin: "thin", released: "Released", latest_version: "Latest version" }, modal: { premium: { title: 'Los beneficios de ser <strong class=\"premium\"><i class=\"icon icon--premium inline-block\"></i> Premium </strong>', benefit_1: '+ 17,470,500 millones de <br><strong> iconos Premium </strong>', benefit_2: 'Descargas <br><strong> ilimitadas </strong>', benefit_3: 'Navega <br><strong> sin publicidad </strong>', benefit_4: 'Sin <br><strong> atribución </strong> requerida', }, license: { title: 'Resumen de Licencia', subtitle: 'Nuestra licencia permite usar los contenidos:', use_1: 'En proyectos comerciales y <strong>personales</strong>', use_2: 'En medios digitales e <strong>s', use_3: 'De manera <strong>s y perpetua', use_4: '<strong>Anywhere</strong> in the world', use_5: 'To make <strong>modifications</strong> and derived works', summary: '*Este texto es un resumen y no tiene validez contractual. Para más información, consulta nuestros <a href=\"https://www.flaticon.es/legal\" target=\"_blank\" class=\"link--normal medium\">Términos de Uso</a> antes de usar el contenido. ', }, attribution: { title: '¿Cómo atribuir?', subtitle: 'Crear iconos de calidad conlleva tiempo y esfuerzo. Por eso, solamente pedimos que se añada una pequeña línea de atribución. Selecciona la plataforma donde usarás el recurso.', social: 'Redes sociales', web: 'Uso Web', printed: 'Elementos impresos', video: 'Video', apps: 'Apps/Juegos', social_title: 'Redes sociales ', social_subtitle: 'Selecciona tu red social favorita y comparte nuestros iconos con tus contactos o amigos. Si no utilizas estas redes sociales, incluye este link en las que utilices.', web_title: 'Ejemplo: Páginas web, redes sociales, blogs, ebooks, newsletters, etc.', web_subtitle: 'Incluye el siguiente enlace en un sitio visible, cerca del lugar donde estés usando el recurso. Si no es posible, también puedes incluirlo en el pie de tu página web, blog, newsletter o en la sección de créditos.', printed_title: 'Ejemplos: Libros, ropa, flyers, posters, invitaciones, publicidad, etc.', printed_subtitle: '<span>Incluye la línea de atribución</span> cerca del lugar donde estés usando el recurso. Si no es posible, inclúyelo en la sección de créditos.', printed_subtitle_2: 'Por ejemplo: \"imagen: Flaticon.com\". Esta cabecera se ha diseñado con recursos de Flaticon.com', video_title: 'Plataformas de video online ', video_subtitle: '<span>Incluye el siguiente enlace</span> en la sección que disponen las plataformas de vídeo para la descripción del vídeo.', apps_title: 'Apps, juegos, aplicaciones de escritorio, etc.', apps_subtitle: '<span>Incluye el siguiente enlace</span> en la web donde se descargue tu app o en el apartado destinado a la descripción en la plataforma o marketplace de aplicaciones que utilices.', faqs: 'Si tienes cualquier otra pregunta, consulta la <a href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=es" class="link--normal" target="_blank">sección de FAQs</a> ', footer_title: '¿No quieres atribuir la autoría?', footer_subtitle: 'You can go <i class="icon icon--premium inline-block"></i> <span>Premium</span> easily and use more than 17,470,500 icons without attribution. <a href="https://www.flaticon.es/pricing" class="track" data-track-arguments="ga, event, premium, modal-attribution">Más información aquí</a>', copy_uicons: 'Uicons de <a href="https://www.flaticon.com/uicons">Flaticon</a>' }, premium_add_icon: { title: "Solo para usuarios Premium", subtitle: "Crea colecciones ilimitadas y añade todos los iconos Premium que necesites.", }, premium_download_icon_only_premium: { title: "Solo para usuarios Premium", subtitle: "Descarga los iconos en todos los formatos que necesites.", }, craft_more_info: { title: "Licencia Merchandising", subtitle: "Amplía las posibilidades de uso con esta licencia y podrás personalizar cualquier producto o merchandise con nuestros iconos.", printed_title: "Crea productos físicos para impresión", printed_text: "Utiliza nuestros iconos en camisetas, tazas, pósters, tarjetas de invitación, calendarios, etc.", electronics_title: "Diseña productos físicos y electrónicos para reventa", electronics_text: "Por ejemplo: plantillas web, dispositivos electronicos, apps, videojuegos, spots publicitarios o todo tipo de animaciones audiovisuales.", learn_more: "Saber más", buy_license: "Comprar licencia ", }, download: { attributionRequired: "Atribución necesaria", browseAdFree: "Navega sin publicidad", freeDownload: "Descarga gratis", goPremium: "Hazte Premium desde 11.08 SGD al mes", totalResources: "17.5M+ iconos, stickers, y logos en formatos editables como SVG, EPS, PSD & CSS", totalResourcesAnimated: "+17.5M recursos en formatos profesionales", noAttributionRequired: "Sin atribución requerida", premiumSubscription: "Suscripción Premium", unlimitedDownloads: "Hasta 2.000 descargas diarias", downloadFormats: "Download formats", staticFormats: "Static formats", animatedFormats: "Formato animado", }, confirmCopyContent: { title: "Por motivos de seguridad tu navegador necesita confirmar esta acción", subtitle: "Si no quieres realizar este paso extra, te recomendamos utilizar Chrome.", processing: "Procesando tu imagen...", confirmCopy: "Confirmar copiar al portapapeles", copySuccess: "¡Listo!", }, copySvgNotPremiumUser:{ countDownloading: "Copiar en el portapapeles. Copiar este diseño cuenta como una descarga", copyToClipboard: "Copy to clipboard", } }, whatsNew: { preTitleShare: "Novedades de Flaticon" }, cardsProducts: { title: "Buscar en otras categorías", iconDescription: "The largest database of free icons for any project.", uiconDescription: "Iconos diseñados específicamente para interfaces", animated_icons_description: "Increíbles iconos en movimiento para crear proyectos dinámicos", sticker_description: "Stickers para páginas web, apps o cualquier otra interfaz que necesites", new: "Nuevo" }, colorPalette: { save: "Guardar", alredyExist: "Este color ya forma parte de la paleta", exceeded: "Has alcanzado el máximo de colores que puedes incluir en una paleta", modals: { areYouSure: "¿Quieres eliminar esta paleta personalizada?", youWillLose: "Perderás tu paleta personalizada", noThanks: "No, gracias", remove: "Eliminar", create: "Crea paletas personalizadas y disfruta de otras ventajas con Premium", subscribe: "Subscribe from 11.08 SGD/month and get access to:", iconsStikers: "17.5M iconos y stickers en formato SVG, EPS, PSD y BASE64", noAttribution:"Sin atribución requerida", unlimitedDownloads: "Descargas y colecciones ilimitadas", unlimitedUse: "Uso ilimitado del editor", support: "Soporte prioritario", noAds: "Sin publicidad", goPremium: "Hazte premium", urlPricing: "https://www.flaticon.es/pricing" }, updatingError: "Ha ocurrido un problema al actualizar la paleta", noGradients: "Los colores degradados no se pueden editar o transformar en colores sólidos.", }, winback: { beingProcessed: "<b>El pago está siendo procesado</b>. Tu suscripción se reactivará cuando el pago haya sido procesado. Puedes consultar el estado de tu suscripción en tu perfil.", mySubscription: "Mi suscripción", }, ogDescriptions: { standard: "Icono vectorial gratis. Descarga miles de iconos gratis de %s en Flaticon, en formato SVG, PSD, PNG, EPS o como fuente de iconos", sticker: "Sticker de %s gratis disponible para descargar en formato PNG, SVG. Descarga más stickers gratis de %s.", uicon: "Fuentes de iconos sobre %s disponibles en varios estilos para descargar gratis en formato PNG, SVG, iOS y Android.", animatedIcon: "Iconos animados de %s gratis disponibles para descargar en JSON para archivos Lottie, GIF o SVG.", } }; </script> <script type="text/javascript"> var urls = { common: { urlSearch : 'https://www.flaticon.es/resultados', }, uicons: { tagByUIconId: 'https://www.flaticon.es/ajax/uicons/tags-by-interface-icon/', urlSearchParams : 'https://www.flaticon.es/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.es/" class="logo track" id="logo" title="Flaticon - La mayor base de datos de iconos gratis" 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 de 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.es/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.es/iconos" data-track-arguments="ga, event, menu, click, icons" class="track mg-lv2 mg-y-none">Iconos</a></li> <li><a href="https://www.flaticon.es/stickers" data-track-arguments="ga, event, menu, click, stickers" class="stickers__header-link track mg-lv2 mg-y-none">Stickers</a></li> <li><a href="https://www.flaticon.es/uicons/interface-icons" data-track-arguments="ga, event, menu, click, interface-icons" class="interface-icons__header-link track mg-lv2 mg-y-none">Iconos de interfaz</a></li> <li><a href="https://www.flaticon.es/iconos-animados" data-track-arguments="ga, event, menu, click, animated-icons" class="animated-icons__header-link track mg-lv2 mg-y-none">Iconos 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>Más</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">Otros productos</p> <a href="https://www.freepik.es" target="_blank" class="menu-tools-link"> <span>Freepik</span> <span>Vectores, fotos y PSD gratuitos</span> </a> <a href="https://wepik.com" target="_blank" class="menu-tools-link"> <span>Wepik</span> <span>Herramienta de diseño online</span> </a> <a href="https://slidesgo.com/es" target="_blank" class="menu-tools-link"> <span>Slidesgo</span> <span>Plantillas gratuitas para presentaciones</span> </a> <a href="https://storyset.com/" target="_blank" class="menu-tools-link"> <span>Storyset</span> <span>Ilustraciones editables gratuitas</span> </a> <a href="https://www.videvo.net/" target="_blank" class="menu-tools-link"> <span>Videvo</span> <span>Videos y motion graphics gratuitos</span> </a> </div> <div class="popover-tools-box"> <p class="uppercase font-xs bold text__general--heading link-api">Herramientas</p> <a href="https://www.freepik.com/api" class="menu-tools-link link-api"> <span>API</span> <span>API con más de 17.5M iconos para potenciar tu página web, app o proyecto</span> </a> <p class="uppercase font-xs bold text__general--heading">Google Workspace</p> <a href="https://www.flaticon.es/para-google" class="menu-tools-link track" data-track-arguments="ga, event, menu, click, g-suite"> <span>Icons for Slides & Docs</span> <span>Más de 17.5 millones de iconos gratuitos y personalizables para Google Slides, Docs y 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/es.svg" width="16" height="11" loading="lazy"> <span class="mg-left-lv2-i"> Español </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="active 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=" 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.es/pricing" class="mg-lv2 mg-y-none track" data-track-arguments="ga, event, Navbar, Click, Premium Plans|ga, event, premium, header">Planes y precios</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_es&lang=es" 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">Regístrate</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_es&lang=es" class="track bj-button bj-button--outline bj-button--gray bj-button--lg full-width" data-track-arguments="ga, event, MenuMobile, Click, LoginButton">Inicia sesión</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">Notificaciones</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">No tienes ninguna notificación</p> <p>Aquí te mostraremos información muy útil. ¡No te pierdas nada!</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_es&lang=es" class="btn-login track semibold link-inverted mg-right-lv3" data-track-arguments="all, event, Navbar, Click, Login">Inicia sesión</a> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" 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">Regístrate</a> </div> <a href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es" 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.es/resultados" 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">Iconos</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.es/resultados" 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">Iconos</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.es/resultados" 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">Stickers</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.es/resultados" 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">Iconos 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.es/resultados" 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">Iconos de interfaz</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.es/resultados" 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 los iconos</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.es/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.es/packs/resultados" 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">Pack</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Buscar iconos" 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">Colecciones</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">Aún no tienes colecciones</p> <p class="font-sm">Todas las colecciones se muestran aquí</p> <p class="medium text__general--heading">¿Qué puedo hacer con mis colecciones?</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">Añadir iconos</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Haz clic en el icono que quieras añadir a la colección.</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">Organiza</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Organiza tus colecciones por proyectos, añade, elimina, edita y renombra iconos a tu gusto.</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>Utiliza la función "Pintar colección" y cambia el color de toda la colección o hazlo icono a icono.</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">Descarga en fuente de iconos o SVG.</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Descarga tus colecciones en el formato que sea compatible con tu navegador y utiliza los iconos en tu sitio web.</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">Guardar y compartir</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Guarda una copia de seguridad de tus colecciones o compártelas con quien quieras, ¡con solo un clic!</p> </div> </li> </ul> <p class="font-sm alignc mg-top-lv2"><a href="https://www.flaticon.es/colecciones" class="medium">Más info</a> sobre las Colecciones</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>Colecciones</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"> Expandir </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"> Contraer </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 colecciones </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">Has alcanzado tu límite de colecciones. Hazte premium para tener colecciones ilimitadas.</p> </div> <a href="https://www.flaticon.es/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">Hazte premium</a> </div> </div> </div> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Regístrate para crear nuevas colecciones</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" data-track-arguments="ga, event, register, click, new_collection_anonymous" class="bj-button bj-button--primary bj-button--sm fullwidth track">Regístrate gratis</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">¿Estás seguro de que quieres borrar esta colección?</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">Sí, borrar</button> <button class="bj-button bj-button--ghost col mg-none modal_delete_collection_btn">No, volver</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>Sentimos que hayas cancelado tu suscripción Premium</h5> <p>Aún puede disfrutar de las Colecciones de Flaticon con los siguientes límites:</p> <ul class="list"> <li>Sólo puedes mantener <strong>3</strong> colecciones</li> <li>Puedes añadir hasta <strong>100</strong> iconos por colección</li> <li>No puedes añadir iconos premium a tu colección</li> </ul> </div> <div class="show-mobile"> <h5>Las ventajas de tus colecciones cambiaron</h5> <ul class="list"> <li>Sólo puedes mantener <strong>3</strong> colecciones</li> <li>Puedes añadir hasta <strong>100</strong> iconos por colección</li> <li>No puedes añadir iconos premium a tu colección</li> </ul> </div> <div class="discount"> <div class="row mg-none"> <div class="col mg-none"> <p class="bold mg-bottom-lv2">Aproveche al máximo sus iconos y colecciones</p> <p class="font-xl mg-none">Obtén <strong class="text__state--yellow">20% de descuento en</strong> nuestro <br> Plan Premium Anual</p> </div> <div class="alignc col--center"> <a href="https://www.flaticon.es/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 descuento</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>Siguiente</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>Atrás</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>Tienes <strong>8</strong> colecciones pero solo puedes desbloquear 3 de ellas</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.es/pricing?coupon=CLPREMIUM20" class="bj-button bj-button--outline bj-button--gray push-right track" data-track-arguments="ga, event, premium, select-collection, prefer">Sigue siendo Premium</a> <button class="bj-button bj-button--flat bj-button--green mg-left-lv2" id="button-confirm" disabled>Guardar y 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">Informar de problema con descarga</h3> <label class="modal-close" for="modal-report-collection"></label> </header> <section class="modal-body"> <form id="report-form-collection"> <p class="alignc">Dinos qué problema has encontrado. ¡Gracias!</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">Otros</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">La descarga no funciona</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">El formato de algunos archivos es incorrecto</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">La descarga tarda demasiado tiempo</span> </label> </div> </div> <textarea id="description-collection" name="description-collection" placeholder="Describe el 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">Imagen codificada Base 64</h4> <p class="font-lg">Copia la información cifrada de base64 e insértala en tu documento HTML o CSS.<br> ¿No sabes cómo? <a href="http://css-tricks.com/data-uris/" target="_blank" class="medium">Encuentra más información aquí</a></p> <div class="row"> <div class="col__xs--12 col__sm--12 col__md--6"> <p class="font-sm mg-bottom-lv2">Imagen 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.es/" title="Flaticon">www.flaticon.es></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>Copiar</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">Fondo 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.es/" title="Flaticon">www.flaticon.es</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>Copiar</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();">¿Lo necesitas para la web? Copia este enlace en tu página web:</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.es/" title="Flaticon">flaticon.es</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">Copiar</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>¿Cómo atribuir en otros medios?</span> </button> </p> </div> </div> <div class="modal__banner-footer fi-not-premium"> <p class="modal__banner-footer--title">¿No quieres atribuir la autoría?</p> <p class="modal__banner-footer--text">You can go <i class="icon icon--premium inline-block"></i> <span>Premium</span> easily and use more than 17,470,500 icons without attribution. <a href="https://www.flaticon.es/pricing" class="track" data-track-arguments="ga, event, premium, modal-base64">Más información aquí</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">Salir del editor</span> <span class="show-mobile">Salir</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>Descargar</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>Colores</span> </label> </li> <li> <label for="editor__display" class="track"> <i class="icon icon--lg icon--mg-xs icon--fullscreen push-center"></i> <span>Aspecto</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>Trazo</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">Selecciona un color del icono</p> <ul class="colors icon-colors row" id="svg-icon-colors"></ul> <p class="font-sm medium text__general--heading mg-bottom-lv2">Selecciona un nuevo color</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">Eliminar color</label> </li> <li> <span id="remove-palette" class="font-sm mg-none block modal__trigger" data-modal="modal-remove-palette">Eliminar paleta</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>Has alcanzado el máximo de colores que puedes incluir en una 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">Guardar</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">Historial</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">Escalar</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 a la izq." data-action="move" data-values="0 0 0 1" ><i class="icon icon--left"></i></button> <div class="tooltip__content"> <div class="content"> Mover a la izq. </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover a la dch." data-action="move" data-values="0 1 0 0" ><i class="icon icon--right"></i></button> <div class="tooltip__content"> <div class="content"> Mover a la dch. </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover arriba" data-action="move" data-values="1 0 0 0" ><i class="icon icon--up"></i></button> <div class="tooltip__content"> <div class="content"> Mover arriba </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Mover abajo" data-action="move" data-values="0 0 1 0" ><i class="icon icon--down"></i></button> <div class="tooltip__content"> <div class="content"> Mover abajo </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">Rotar</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"> Rotar 90º dch. </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"> Rotar 90º izq. </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">Voltear</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"> Volteo 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"> Volteo 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">Selecciona una 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"> Ninguna </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"> Cuadrado redondeado </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"> Cuadrado </div> </div> </span> </div> <div id="editor__forms__options" class="hide"> <p class="medium text__general--heading mg-bottom-lv2">Tamaño</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">Color</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">Anchura del trazo</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>Solo puedes guardar <span class="danger">3</span> iconos editados por colección como usuario gratuito. Mejora tu cuenta para poder guardar ilimitados iconos editados.</p> </div> <div class="alert warning collection_locked hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Tu colección está bloqueada, puedes <a href="https://www.flaticon.es/pricing" class="track">s tu plan para conseguir colecciones ilimitadas. </p> </div> <div class="alert danger collection_limit hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Has alcanzado el limite de iconos por colección (256 iconos)</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>Esta opción esta disponible solo para usuarios registrados. <a href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es">Inicia sesión</a> o <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" class="track edit_register_link">regístrate</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 icono tiene degradados de color, por lo que no se puede editar.</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"> Deshacer </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"> Rehacer </div> </div> </span> <button id="_svg_editor_resetBtn" class="bj-button bj-button--xs pd-lv2 pd-y-none" data-action="reset" data-disabled="Recuperar" disabled > <span>Borrar</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"> Accede a +17.5M iconos vectoriales y stickers </h1> <p class="stickers font-lg regular mg-bottom-lv4">Descarga iconos y stickers gratis para tus proyectos. Recursos hechos por y para diseñadores. Formatos PNG, SVG, EPS, PSD y CSS.</p> <section class="search-holder col mg-none pd-none"> <form action="https://www.flaticon.es/resultados" 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>Iconos</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.es/resultados" 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">Iconos</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.es/resultados" 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">Stickers</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.es/resultados" 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">Iconos 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.es/resultados" 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">Iconos de interfaz</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.es/resultados"> <label for="switch_search_by_all_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_all_home">Todos los iconos</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.es/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.es/packs/resultados"> <label for="switch_search_by_packs_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_packs_home">Pack</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Buscar iconos" 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">Búsquedas populares:</span> <ul> <li> <a href="https://www.flaticon.es/iconos-gratis/sitio-web">Sitio Web</a> </li> <li> <a href="https://www.flaticon.es/iconos-gratis/mundo">Mundo</a> </li> <li> <a href="https://www.flaticon.es/iconos-gratis/redes-sociales">Redes Sociales</a> </li> <li> <a href="https://www.flaticon.es/iconos-gratis/lupa">Lupa</a> </li> <li> <a href="https://www.flaticon.es/iconos-gratis/wifi">Wifi</a> </li> <li> <a href="https://www.flaticon.es/iconos-gratis/alerta">Alerta</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.es/iconos" 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">Iconos</h6> <p class="regular font-sm">The largest database of free icons for any project.</p> </div> </div> </a> <a href="https://www.flaticon.es/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">Iconos de interfaz</h6> <p class="regular font-sm">Iconos diseñados específicamente para interfaces</p> </div> </div> </a> <a href="https://www.flaticon.es/iconos-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">Iconos Animados</h6> <p class="regular font-sm">Increíbles iconos en movimiento para crear proyectos dinámicos</p> </div> </div> </a> <a href="https://www.flaticon.es/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">Stickers</h6> <p class="regular font-sm">Stickers para páginas web, apps o cualquier otra interfaz que necesites</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">Los iconos de interfaz <span>gratuitos y en formato SVG</span> más buscados</h5> <p>Más de 34,300 iconos de interfaz gratuitos en 9 estilos diferentes. Son completamente editables y personalizables para que los adaptes a tu estilo.</p> </div> <a href="https://www.flaticon.es/icon-fonts-mas-descargados" class="link--arrow link--arrow--md"> <span>Todos los iconos SVG gratuitos</span> <i class="icon icon--md icon--right"></i> </a> </div> <div class="home__free-svg__container"> <a href="https://www.flaticon.es/icon-fonts-mas-descargados?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 iconos</span> </a> <a href="https://www.flaticon.es/icon-fonts-mas-descargados?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>Negrita</p> <span class="font-xs regular">8,400 iconos</span> </a> <a href="https://www.flaticon.es/icon-fonts-mas-descargados?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>Normal</p> <span class="font-xs regular">9,200 iconos </span> </a> <a href="https://www.flaticon.es/icon-fonts-mas-descargados?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 iconos</span> </a> <a href="https://www.flaticon.es/icon-fonts-mas-descargados?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 iconos</span> </a> <div class="banner-footer"> <a href="https://www.flaticon.es/icon-fonts-mas-descargados" class="link--arrow link--arrow--md"> <span>Todos los iconos 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">Iconos populares</h4> </div> <a href="https://www.flaticon.es/packs?order_by=4" class="link--arrow link--arrow--md"> <span>Ver todo</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="18304433" data-name="weather" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/packs/weather-18304433" title="weather" data-le="event|pack,18304433" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/packs/weather-18304433" src="https://cdn-share-sprites.flaticon.com/pack/18/18304/18304433-weather_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18304/18304433-weather_3x2.jpg" alt="weather" 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">weather</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 iconos </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="111491" data-name="linear buildings" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/packs/linear-buildings" title="linear buildings" data-le="event|pack,111491" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/packs/linear-buildings" src="https://cdn-share-sprites.flaticon.com/pack/0/111/111491-linear-buildings_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/111/111491-linear-buildings_3x2.jpg" alt="linear buildings" 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">linear buildings</span> </div> <div class="col--center"> <span class="box__icons-number"> 50 iconos </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.es/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.es/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 iconos </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="249370" data-name="halloween" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/packs/halloween-17" title="halloween" data-le="event|pack,249370" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/packs/halloween-17" src="https://cdn-share-sprites.flaticon.com/pack/0/249/249370-halloween_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/249/249370-halloween_3x2.jpg" alt="halloween" 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">halloween</span> </div> <div class="col--center"> <span class="box__icons-number"> 50 iconos </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">Top stickers</h4> </div> <a href="https://www.flaticon.es/stickers-packs?order_by=4" class="link--arrow link--arrow--md"> <span>Ver todo</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="15093421" data-name="healthy food" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/stickers-pack/healthy-food-15093421" title="healthy food" data-le="event|pack,15093421" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/stickers-pack/healthy-food-15093421" src="https://cdn-share-sprites.flaticon.com/pack/15/15093/15093421-healthy-food_3x2.jpg" alt="healthy food" 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">healthy food</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 stickers </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded-premium" class="box " data-id="15442734" data-name="maths" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/stickers-pack/maths-15442734" title="maths" data-le="event|pack,15442734" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/stickers-pack/maths-15442734" src="https://cdn-share-sprites.flaticon.com/pack/15/15442/15442734-maths_3x2.jpg" alt="maths" 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">maths</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 stickers </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15471999" data-name="tennis" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/stickers-pack/tennis-15471999" title="tennis" data-le="event|pack,15471999" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/stickers-pack/tennis-15471999" src="https://cdn-share-sprites.flaticon.com/pack/15/15471/15471999-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 stickers </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="16770589" data-name="4th july" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.es/stickers-pack/4th-july-16770589" title="4th july" data-le="event|pack,16770589" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.es/stickers-pack/4th-july-16770589" src="https://cdn-share-sprites.flaticon.com/pack/16/16770/16770589-4th-july_3x2.jpg" alt="4th july" 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">4th july</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 stickers </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">Fuentes de iconos para cualquier proyecto, pequeño o grande</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> +34,300 <strong>SVG</strong> and <strong>web font</strong>-optimal vector-based icons for web, iOS, and Android applications. </p> <a href="https://www.flaticon.es/uicons" class="bj-button bj-button--green track" data-track-arguments="ga, event, home, banner-uicons">Ver más</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">Herramientas que ayudan a hacer tus trabajos más profesionales</h3> <p>Accesorios gratuitos que te permiten organizar, crear y ahorrar tiempo en tus diseños</p> </header> <div class="slider-box"> <div class="slider-box--items"> <div class="item active" data-order="0"> <div> <p class="item-title">Colecciones</p> <i class="icon icon--next"></i> </div> <p class="item-text">Crea múltiples colecciones para tener tus iconos organizados y descárgalos en el formato que quieras. <a href="https://www.flaticon.es/colecciones" class="link--normal">Ver más</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">Edita el color de tus iconos, cambia el tamaño y descárgalos en todos los formatos, SVG, PNG, EPS. <a href="https://www.flaticon.es/editor-iconos" class="link--normal">Ver más</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">Utiliza los iconos de Google Docs y Slides de forma fácil, rápida y gratuita. <a href="https://www.flaticon.es/para-google" class="link--normal">Ver más</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">Crea múltiples colecciones para tener tus iconos organizados y descárgalos en el formato que quieras. <a href="https://www.flaticon.es/colecciones" class="link--normal">Ver más</a></p> <p class="item-text">Edita el color de tus iconos, cambia el tamaño y descárgalos en todos los formatos, SVG, PNG, EPS. <a href="https://www.flaticon.es/editor-iconos" class="link--normal">Ver más</a></p> <p class="item-text">Utiliza los iconos de Google Docs y Slides de forma fácil, rápida y gratuita. <a href="https://www.flaticon.es/para-google" class="link--normal">Ver más</a></p> <p class="item-text">Crea imágenes espectaculares para tus historias de instagram, los encabezados de facebook, tus presentaciones, tu blog o sitio web. <a href="https://www.flaticon.es/pattern-generator" class="link--normal">Ver más</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="Imagen de la colección" 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="Imagen del 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="Google Workspace image" 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">Novedades de Flaticon</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> No te pierdas las últimas novedades, funcionalidades y herramientas para disfrutar al máximo de la experiencia en Flaticon. </p> <a class="bj-button bj-button--green" href="https://www.flaticon.es/novedades" rel="noreferrer noopener">Mostrar todos</a> </div> <div class="whats-new-section__cards col__xs--12 col__xl--8"> <div class="row"> <a href="https://www.flaticon.es/novedades#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">Inserta iconos en formato SVG con el nuevo plugin para Figma</p> </a> <a href="https://www.flaticon.es/novedades#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">Nuevo diseño de los filtros</p> </a> <a href="https://www.flaticon.es/novedades#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">Ordena por estilo y encuentra iconos que combinen fácilmente</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"> Inserta iconos en Figma rápidamente</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> Ya esta aquí la nueva versión del plugin para Figma con el que puedes añadir millones de iconos directamente a tus proyectos.</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">Descargar 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.es" 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.es/?utm_source=home_es&utm_medium=home_es_footer&utm_campaign=earn_money_es2" class="bj-button bj-button--green" target="_blank" rel="noreferrer noopener">Vende tus iconos</a> <a href="https://www.flaticon.es/pricing" class="bj-button bj-button--flat bj-button--yellow mg-left-lv2 fi-not-premium track" data-track-arguments="ga, event, premium, footer">Hazte premium</a> </div> </div> </div> <div class="row mg-none"> <div class="footer__column stickers"> <p class="footer__title"><label for="footer__content">Contenido<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.es/autores">Autores</a></li> <li><a href="https://www.flaticon.es/mas-descargados">Iconos</a></li> <li><a href="https://www.flaticon.es/stickers-mas-descargados">Stickers</a></li> <li><a href="https://www.flaticon.es/icon-fonts-mas-descargados">Iconos de interfaz</a></li> <li><a href="https://www.flaticon.es/iconos-animados-mas-descargados">Iconos animados</a></li> <li><a href="https://www.flaticon.es/tags">Etiquetas de iconos</a></li> <li><a href="https://www.flaticon.es/tags/stickers">Etiquetas de stickers</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__tools">Herramientas<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.es/para-google">Google Workspace</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__help">Ayuda<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.es/profile/support">Soporte</a></li> <li><a href="https://support.flaticon.com/s/?language=es">FAQs</a></li> <li><a href="https://www.flaticon.es/estilos">Estilos de Iconos</a></li> <li><a href="https://www.flaticon.es/editor-iconos">Editor de iconos</a></li> <li><a href="https://www.flaticon.es/colecciones">Colecciones de Flaticon</a></li> <li><a href="https://www.flaticon.es/follow">Seguir</a></li> <li><a href="https://www.flaticon.es/merchandising-license">Licencia Merchandising</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__company">Company<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__company"> <ul> <li><a href="https://www.freepik.es/empresa/sobre-nosotros" target="_blank" rel="noreferrer noopener">Sobre nosotros</a></li> <li><a href="https://www.flaticon.es/profile/support">Contacta con nosotros</a></li> <li><a href="https://www.flaticon.es/legal" target="_blank" rel="noreferrer noopener">Nuestra Licencia</a></li> <li><a href="https://www.flaticon.com/blog/es/" target="_blank" rel="noreferrer noopener">Blog</a></li> <li><a href="https://www.flaticon.es/pricing" target="_blank" rel="noreferrer noopener">Planes y precios</a></li> <li><a href="https://www.flaticon.es/novedades" rel="noreferrer noopener">Novedades</a></li> </ul> </div> <div class="footer__column footer__social"> <p class="footer__title"><label for="footer__social">Redes sociales</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">Consigue recursos exclusivos directamente en tu email</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" class="bj-button bj-button--outline bj-button--green bj-button--sm track" data-track-arguments="ga, event, register, click, footer-register">Regístrate</a> </div> </div> </div> <ul class="footer__legal font-xs mg-top-lv3"> <li class="inline-block"><a href="https://www.flaticon.es/legal" rel="noreferrer noopener" title="Términos y condiciones">Términos y condiciones</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.es/legal/privacidad" target="_blank" rel="noreferrer noopener" title="Política de privacidad">Política de privacidad</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.es/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.es/legal/copyright" target="_blank" rel="noreferrer noopener" title="Notificaciones de Copyright">Notificaciones de Copyright</a></li>  <li class="inline-block mg-left-lv2"><button class="link link-inverted ot-sdk-show-settings" id="ot-sdk-btn">Configuración de las 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 los derechos 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"> Español </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>Proyectos de 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/es" 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">Colección: <strong class="collection_name"></strong></p> <p class="modal-pack">Pack: <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.es/pricing" target="_blank"> <b>Descarga Premium</b> <p>Más de 17,470,500 iconos por <span>11.08 SGD</span>/mes</p> </a> <ul class="hide-phone--xs"> <li><strong>Sin atribución</strong> requerida</li> <li>17.5M+ iconos, stickers, y logos en formatos editables como <b>SVG, EPS, PSD & CSS</b></li> <li>Hasta 2.000 descargas diarias</li> <li>Navega <strong> sin publicidad </strong></li> </ul> <p class="show-phone--xs"> <a href="https://www.flaticon.es/pricing" class="link--normal track" data-track-arguments="ga, event, premium, modal-download-premium">Más información</a> </p> </div> <div class="column column-free"> <button id="download-free" class="btn"> <b>Descarga gratis</b> <p>Debes atribuir al autor</p> </button> <div class="copy-wrapper hide-phone--xs"> <p class="copy" onclick="document.getElementById('input_atributtion_text_modal_copyLink').select();">¿Lo necesitas para la web? Copia este enlace en tu página web:</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">Copiar</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=es" target="_blank"> <span class="hide-phone--xs font-xs mg-top-lv2">¿Cómo atribuir en otros medios?</span> <span class="show-phone--xs">¿Cómo 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>Añadir a la colección</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>Copiar en el portapapeles. Copiar este diseño cuenta como una descarga</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>Descargar</span> </div> </div> <div class="popover-content"> <div> <span class="bold mg-bottom-lv2">Descargar contenido</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?')">¿Qué es esto?</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 nombre</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> Borrar colección</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> Borrar/renombrar iconos</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 colección</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es">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"> Ordenar iconos</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 de iconos</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"> Compartir</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es" onclick="ga('send', 'event', 'Login', 'Download pack button');">Login</a> or <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" 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>La colección esta bloqueada hasta que <a class="text-link track" data-track-arguments="ga, event, collections, collection-locked" href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es">actualices</a> tu cuenta a Premium</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> Borrar colección</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">Has llegado al límite de iconos en tu colección</p> <p>Regístrate ahora y mejora el juego de tu colección</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, full-collection">Regístrate gratis</a> <p class="register-check row row--vertical-center mg-none"> <i class="icon icon--check mg-right-lv1 text__state--green"></i> <span>Crea hasta 3 colecciones</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>Añade 256 iconos por colección</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>Guarda y personaliza tus iconos</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 edición</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> Atrás</button> </header> <header class="header-sort"> <b>Ordenación <small>(Arrastra y suelta)</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> Atrás</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">Tu colección está bloqueada</p> <p class="collection-locked-box--text mg-none">No limites tu trabajo y obtén colecciones ilimitadas</p> <a href="https://www.flaticon.es/pricing" class="bj-button bj-button--sm bj-button--yellow track" data-track-arguments="all, event, collection, go-to-premium, collection-locked">Hazte premium</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="Has alcanzado el límite de 256 iconos. Hazte premium y obtén colecciones ilimitadas." style="display:none;">Máximo alcanzado: 256 iconos por colección</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>Suelta para subir</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">Has alcanzado el límite de iconos editados</p> <p>Sólo puedes subir 3 iconos como usuario gratuito. Hazte premium y sube iconos ilimitados</p> <a href="https://www.flaticon.es/pricing" class="bj-button bj-button--yellow fullwidth track" data-track-arguments="ga, event, premium, collections-limit-custom">Hazte premium</a> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Añade colecciones ilimitadas</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Añade 256 iconos por colección</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Guarda ilimitados iconos personalizados</span> </p> </div> </div> <div class="register"> <div class="register--box"> <p>No puedes subir iconos como usuario anónimo.</p> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon_es&lang=es" class="link--normal">Inicia sesión</a> o <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" class="link--normal">Regístrate</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>Sube SVG</span> </label> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Sube tus iconos 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">Crea colecciones personalizadas</p> <p>¿Quieres hacer un pack de iconos personalizado?</p> <p>Añade los iconos que te gusten a la colección y descárgalos en el formato que necesites. <a href="https://www.flaticon.es/colecciones" class="link--normal" target="_blank">Más información</a></p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon_es&lang=es" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, empty-collection">Regístrate gratis</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">Crea hasta 3 colecciones</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">Añade 256 iconos por colección</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">Guarda y personaliza tus iconos</span></p> </div> <div class="empty-collection-registered"> <p>Add some icons to start using this collection or drop <label class="icon-upload">here</label> your own SVG file.</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.es/colecciones">¿Cómo funcionan las colecciones?</a> </div> </div> </div> <div class="collection-share"> <button class="nostyle close">×</button> <div class="collection-share-content"> <small>Copia el enlace de abajo y envialo a la persona con la que te gustaría compartir la colección o compartelo en las redes sociales.</small> <input class="selectInput" type="text" value="https://www.flaticon.es/colecciones/{{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>Obtén un backup de los iconos de la colección y restáuralos en cualquier 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>Descargar backup</span> </a> <div class="tooltip__content"> <div class="content"> <p>Esta colección está vacía.<br> Añade algunos iconos para descargar un backup.</p> </div> </div> </div> <p><small>Restaura los iconos de tu backup en esta colección</small></p> <label class="btn btn-outline">Carga tu 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>Descargar colección</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">Descargar:<br>Elegir 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>Descarga en PNG y usa los iconos en páginas web, Powerpoint, Word, Keynote y todas las apps comunes</p> </div> </div> </li> <li class="customize"> <span>Seleccionar tamaño (en píxeles).</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>Descarga en SVG y usa los iconos en páginas web, Adobe Illustrator, Sketch, CorelDRAW y todos las apps de diseño vectorial</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>Descarga en EPS y usa los iconos en páginas web, Adobe Illustrator, Sketch, CorelDRAW y todas las apps de diseño vectorial</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>Descargar en PSD y usar los iconos con 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>Descarga como fuente de iconos y usa los iconos en tu web, totalmente personalizables con solo 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>Descarga como sprite SVG y usa los iconos en tu web, totalmente personalizables con solo 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.es/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> Packs | {{/if}} {{#if numStickersPacks }} <strong>{{numStickersPacks}}</strong> Packs de stickers | {{/if}} {{#if numIcons }} <strong>{{numIcons}}</strong> Iconos{{#if numStickers}} | {{/if}} {{/if}} {{#if numStickers }} <strong>{{numStickers}}</strong> Stickers {{/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">Siguiendo</span> <span class="hover">Dejar 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 todo</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}} iconos</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}} iconos</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}} iconos</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">¿Recomendaría Flaticon a un 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>Probablemente no</span> <span>Seguramente sí</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="¡Muchas gracias! ¿Mejorarías algo?" 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">No, gracias</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">* Déjanos un comentario</div> </div> </div> <div id="trustpilotNPS" style="display:none"> <p class="mg-bottom-lv2"><b>¿Nos has valorado ya en Trustpilot?</b></p> <p class="mg-bottom-lv1">Nos encantaría saber tu opinión ¿tienes unos minutos para dejarnos un comentario? 😃</p> <p class="mg-bottom-lv2">Visita:</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">No, gracias</button> </div> </div> <div id="valuation_congrat" class="valuation_congrat_cl" style="display:none;"> <span>¡Muchas gracias por ayudarnos! </span> </div> </form> <div id="stockbanner"> </div> <div class="loader" id="loader" style="display: none;"> <div class="circle-spinner"></div> </div> </body>  </html>