CINXE.COM

<!DOCTYPE html> <html lang="ru"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="msapplication-config" content="none" /> <link rel="shortcut icon" href="https://media.flaticon.com/dist/min/img/favicon.ico"> <meta name="google-site-verification" content="jFocZR0Xg3630llv9ftPl5uCj4D5b2I4TfWjLpL-QR4" /> <meta name="naver-site-verification" content="4c0baa4943d32420d0e79f8706e01cda67156093" /> <meta name="p:domain_verify" content="c98d39b8210b59a48713c599c6475bdf" /> <link rel="apple-touch-icon" sizes="58x58" href="https://media.flaticon.com/dist/min/img/apple-icon-58x58.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://media.flaticon.com/dist/min/img/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="87x87" href="https://media.flaticon.com/dist/min/img/apple-icon-87x87.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://media.flaticon.com/dist/min/img/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://media.flaticon.com/dist/min/img/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://media.flaticon.com/dist/min/img/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="167x167" href="https://media.flaticon.com/dist/min/img/apple-icon-167x167.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://media.flaticon.com/dist/min/img/apple-icon-180x180.png" /> <link rel="apple-touch-icon" sizes="1024x1024" href="https://media.flaticon.com/dist/min/img/apple-icon-1024x1024.png" /> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/nkhjnpgcnmdpeikbeegmibjcfjpamjnp"> <meta name="facebook-domain-verification" content="mqqw5yoiv6x0bu0vwfj9kfem9n1aeg" /> <title>Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS</title> <meta> <meta name="description" content="Скачивай бесплатные иконки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и 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="Бесплатные иконки и стикеры — миллионы ресурсов для скачивания"> <meta name='twitter:description' content="Скачивай бесплатные иконки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и CSS"> <meta name='twitter:image' content='https://media.flaticon.com/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.com/ru/'> <meta property='og:title' content="Бесплатные иконки и стикеры — миллионы ресурсов для скачивания" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.com/ru/' /> <meta property='og:description' content="Скачивай бесплатные иконки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и CSS" data-dynamic='true' /> <meta property='og:type' content='article' data-dynamic='true' /> <meta property='og:image' content='https://media.flaticon.com/share/flaticon-generic.jpg' /> <meta property='og:image:type' content='image/png' data-dynamic='true'> <meta property='og:image:width' content='1200' data-dynamic='true' /> <meta property='og:image:height' content='630' data-dynamic='true' /> <meta property='article:author' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='article:publisher' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='og:locale' content='en_US' /> <link rel="canonical" href="https://www.flaticon.com/ru/"> <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://media.flaticon.com/dist/min/img/logo/flaticon_negative.svg" as="image"> <link rel="preload" href="https://media.flaticon.com/dist/assets/bobjoll.202cca458fa9de5d74455893e517f85c.woff2" as="font" crossorigin importance="high"> <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15372/15372205-tennis_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15547/15547455-motorcycle_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15133/15133464-lgtbi-pride_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15371/15371669-kisses_3x2.jpg" as="image" > <script type="text/javascript" src="https://media.flaticon.com/dist/js/global.568ab1fee14581be5afc.js"></script> <link rel="preload" href="https://media.flaticon.com/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/ads.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/userSession-auth.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/fi-base.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://media.flaticon.com/dist/js/home.568ab1fee14581be5afc.js" as="script"> <link href="https://media.flaticon.com/dist/css/fi-style.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/> <link href="https://media.flaticon.com/dist/css/fi-home.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/>  <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-ignore-ga='true' data-domain-script="099871c5-1aa9-43b5-9f64-9b987d74fdcc"></script> <script type="text/javascript"> function OptanonWrapper() {} </script>    <link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com">  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42742855-1"></script>   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRQMDLG'); </script>  <link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-42742855-1', 'auto', { 'allowLinker': true }); ga('require', 'linker'); ga('linker:autoLink', ['flaticon.com', 'flaticon.es', 'freepikcompany.com']); ga('send', 'pageview'); </script> <script> var STATIC_URL = 'https://image.flaticon.com/'; var ACCOUNTS_BASE_URL = 'https://www.flaticon.com/ru/profile/'; var ACCOUNTS_URL = 'https://www.flaticon.com/ru/profile/'; var ACCOUNTS_API_KEY = 'aHR0cHM6Ly93d3cuZmxhdGljb24uY29tL3J1'; 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 = 'russian'; var language = 'russian'; var LANGUAGE_SHORT = 'ru'; var URL_LOG = 'https://www.flaticon.com/ru/Errors/js_error'; var RE_CAPTCHA_KEY = '6LdrxggTAAAAAEsVEMxap24sSkGS1nI3SsOigFyF'; var RE_CAPTCHA_SECRET = '6LdrxggTAAAAANBFArNBHFs8wDnZL5q51hkRPpls'; var RE_CAPTCHA_KEY_INVISIBLE_V2 = '6LdZqaMZAAAAAMi-EaIh8xjypOnZsUDt0a9B468g'; var PROF_RE_CAPTCHA_KEY_INVISIBLE = '6LfEmSMUAAAAAEDmOgt1G7o7c53duZH2xL_TXckC'; var SPONSOR_BASE_URL = 'https://www.flaticon.com/edge/'; var APP_URL = 'https://www.flaticon.com/ru/'; var BASE_URL = 'https://www.flaticon.com/'; var URL_STATIC_IMG = 'https://media.flaticon.com/dist/min/img/'; var SPONSOR_CACHE = 'b887ad3bcdddc52c8955ca132ff10e8ec345bf8g'; var SPONSOR_FREEPIK = 'https://www.flaticon.com/edge/banner2/search?'; var ACTIVE_AX_DETAIL = 0; var LANDING = false; var url_pre_ax_detail; var URL_CRM_LOG = 'https://www.flaticon.com/ru/ajax/crm-log'; var FLATICON_URL_STATIC = 'https://media.flaticon.com/'; var MONTHLY_SUBSCRIPTION_PRICE = '9,99€'; var USA_MONTHLY_SUBSCRIPTION_PRICE = '11,99$'; var ANNUAL_SUBSCRIPTION_PRICE = '89,99€'; var USA_ANNUAL_SUBSCRIPTION_PRICE = '99,00$'; var ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '7,50€'; var USA_ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '8,25$'; var URL_CAMPAIGN = ''; var LICENSES = JSON.parse('{"name":{"1":"CC 3.0 BY","2":"Flaticon Basic License","3":"Editorial License"},"url":{"1":"http:\/\/creativecommons.org\/licenses\/by\/3.0\/","2":"https:\/\/media.flaticon.com\/license\/license.pdf","3":"https:\/\/media.flaticon.com\/license\/license_editorial.pdf"}}'); var FLATICON_SEO_APP_URL = JSON.parse('{"english":"https:\/\/www.flaticon.com\/","spanish":"https:\/\/www.flaticon.es\/","portuguese":"https:\/\/www.flaticon.com\/br\/","german":"https:\/\/www.flaticon.com\/de\/","korean":"https:\/\/www.flaticon.com\/kr\/","french":"https:\/\/www.flaticon.com\/fr\/","russian":"https:\/\/www.flaticon.com\/ru\/"}'); var SUPPORT_URL = 'https://support.flaticon.com/s/'; var SUPPORT_LANG = 'language=en_US'; var GR_LANGUAGE = 'ru'; var FLATICON_URL_IMAGE = 'https://image.flaticon.com/'; var COUPON_PRICING = 'FI10cART23q3' var MERCHANDISING_LICENSE_CHECK_URL = 'https://www.flaticon.com/ru/merchandising-license/check'; var GOOGLE_ONE_TAP_LOGIN_URL = 'https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon'; var URL_GENERIC_IMAGE_SHARE = 'https://media.flaticon.com/share/flaticon-generic.jpg' var UICONS_LAST_VERSION = '2.6.0'; var IS_API_ORIGIN = false; var SPONSOR_CURRENT_PAGE = 1; var ESSENTIALS_STATUS = ''; var ESSENTIALS_DATE = ''; var UPDATE_BILLING_INFO = false; var VISIT_PLANS_PRICING = 0; var GOOGLE_IDP_URL_LOGIN = 'https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru'; var GOOGLE_IDP_URL_REGISTER = 'https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru'; // 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 = '255102fa8f9e9a905d53cfd2ad86d60a'; var PACK_LICENSE_URL = 'https://www.flaticon.com/ru/license/pack/'; var IS_UICONS_VIEW = false; var FLATICON_URL = 'https://www.flaticon.com/ru/'; var AMOUNT_IN_RELATED_BY_TAG_AND_STYLE = 24; function gtag() { dataLayer.push(arguments) } var USER_REGISTERED = false; var FLATICON_UPLOAD_ICONS_URL = 'https://upload-icon.flaticon.com/'; var USER_COUNTRY_CODE = 'US'; USER_COUNTRY_CODE = 'SG'; var HAS_USER_BILLING_IN_INDIA = false; var PRODUCT_PRICING_YEARLY_PER_MONTH = '11.08 SGD'; var PRODUCT_PRICING_YEARLY = '132.99 SGD'; var PRODUCT_PRICING_MONTHLY = '14.99 SGD'; var FLATICON_DOWNLOAD_URL = 'https://www.flaticon.com/ru/'; 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" data-skip_prompt_cookie="gr_session2" data-prompt_parent_id="g_id_onload" data-moment_callback="dispatchGoogleOneTapMomentEvent" data-callback="oneTapCallback" ></div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Flaticon", "url": "https://www.flaticon.com/ru/", "logo": "https://media.flaticon.com/dist/min/img/flaticon-logo.svg", "sameAs": [ "https://www.facebook.com/flaticon", "https://twitter.com/flaticon", "https://www.pinterest.es/flaticon/" ] } </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Flaticon", "url": "https://www.flaticon.com/ru/", "potentialAction": { "@type": "SearchAction", "target": "https://www.flaticon.com/ru/search?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="bdpnbeqxg2n4uz2hbhoa-f-cc99722db-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":"8f39986f","ak.r":47820,"ak.a2":n,"ak.m":"b","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":45624,"ak.gh":"23.54.124.76","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732708828","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==ki2iMW6W+A65l3fMW3tZdvzHz22OlwByWT1fs4ZWWqk4fIfS56MBzgJheBg8A7nuHbh2beqHEKP6Fq9V2zie86Y2pOs6FdbpcAErKBVbgnqJZ/+qeOys9tBVunGdF98fIqNmBUsYc/iVdkZFxUMCbO/tMhxWsyJBBJfQF0ayej7Qc99M5YUL88g/N6m5YH5SUTEXFhpskHze/AipKHn57aUeOckM2MlZ2CwKoqSJ+J56+Hlf+uhSby4M7VJqB9LePQ8nRMHILdZwxcf8uCU5D0VHlts2DRNuxBpkHawjC6pqLmjWPaY1/na4xqtkoyunkeO/KftIat3SIe6d/WUr1EHzaVIWrsC8ArPYdUotMVVxI4tUyRX8Bu2rRCOd43qpR0dMLWb73lqVSb6zgho/uKQI1C8Whl4qX/G+2U/7zNo=","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: 'Все иконки', allStickers: 'Все стикеры', allAnimatedIcons: 'Все анимированные иконки', allInterfaceIcons: 'Все иконки для интерфейса', icons: 'иконки', interface_icons: 'значки интерфейса', stickers: 'стикеры', animated_icons: 'анимированные иконки', packs: 'наборы', icon_packs: 'Пакеты иконок', icon_styles: 'Стили иконок', sticker_packs: 'Пакеты стикеров', sticker_styles: 'Стили стикеров', interface_icons_packs: 'наборы значков интерфейса', url_icons: 'https://www.flaticon.com/ru/icons', url_search_icon_packs: '/packs', url_stickers: 'https://www.flaticon.com/ru/stickers', url_animated_icons: 'https://www.flaticon.com/ru/animated-icons', url_sticker_detail: 'free-sticker', url_sticker_latest: 'latest-stickers', url_sticker_premium: 'premium-sticker', url_uicons: 'https://www.flaticon.com/ru/uicons/interface-icons', pack: 'набор', style: 'стиль', category: 'категория', free_icon: '/free-icon/', icons_format: 'Скачивайте все иконки в форматах SVG, PSD, PNG, EPS или как веб-шрифты', collections: 'коллекции/', view_icon: 'Посмотреть иконку', search_related_icons: 'Иконки, связанные с поиском', browse_pack: 'Показать содержимое набора', author_packs: 'Авторский набор', free: 'бесплатно', cc_exp_title: 'Внимание!', cc_exp_desc: 'Срок действия вашей кредитной карты скоро истечет. <a href=\"https://www.flaticon.com/ru/profile/my_subscriptions\">Обновите, пожалуйста, свою карту здесь</a> и продолжайте пользоваться своей подпиской Премиум', download: 'Скачать', downloadAsset: 'Загрузить ресурс', more_info: 'Дополнительная информация', downloads: 'скачивания', view_all: 'Посмотреть всё', view_detail: 'Посмотреть подробно', more: 'Еще', edit: 'Редактировать', download_svg: 'Скачать SVG', download_png: 'Скачать PNG', read_more: 'Читать больше', more_icons_author: 'Другие иконки этого автора', more_formats: 'Другие форматы', search_author_resources: 'Поиск иконок в том же стиле', search_icons_style: 'Искать иконки этого стиля', url_search: '/search', url_free_icons: 'free-icons/', cancel: 'Отменить', send: 'Отправить', show_more: 'Показать еще', premium_download: 'Скачивание Премиум', download_pack: 'Скачать набор', login: 'Вход', register: 'Зарегистрироваться', register_download: 'Зарегистрироваться и скачать', see_more: 'Посмотреть еще', url_downloads_limit: 'downloads-limit', copy: 'скопировать', copyPNG: "Скопировать PNG в буфер обмена", copyPNGbutton: "Скопировать в PNG", copySVG: "Скопировать в формате SVG в буфер обмена", copySVGbutton: "Скопировать в SVG", copy_png_svg: "Копировать PNG/SVG в буфер обмена", faqs: 'У вас еще есть вопросы? Прочитайте <a href=\"https://support.flaticon.com/s/article/What-are-Flaticon-Premium-licenses?language=en_US\" target=\"_blank\" class=\"medium\">FAQ</a>', whats_news_url: '/whats-new', size: 'size', svg_type: 'SVG type', regular_svg: 'Regular SVG', regular_svg_text: 'The one you have been always using in Flaticon (With expanded objects).', editable_svg: 'Editable SVG', editable_svg_text: 'This format make it easier to adjust the thickness of the strokes and change the objects shapes.', other_formats: 'other formats', animatedIcon : 'бесплатные анимированные иконки', svg_files: "SVG-файлы", editable_strokes: "Редактируемые штрихи", editable_strokes_text: "Нерасширенный файл SVG с настраиваемыми штрихами и формами.", simplified : "Упрощенный вариант", simplified_text: "Плоский SVG-файл с ограниченными опциями редактирования.", new: "new", pageTitle: "Страница", }, animatedIconDetail: { exploreRelated: "Исследуйте анимированные иконки, связанные с %s", see: "Посмотрите на нашу анимированную иконку %s в действии", look: "Выглядите как профессионал с помощью этой анимированной иконки %s и посмотрите, как потрясающе она будет выглядеть на вашем веб-сайте, мобильном устройстве или любом дизайне интерфейса.", looksGreat: "Отлично смотрится в интерфейсе", onNotification: "Анимированная иконка %s в уведомлении", mobileInterface: "Анимированная иконка %s потрясающе работает в вашем следующем проекте мобильного интерфейса.", mobile: "Анимированная иконка %s в мобильном", worldwide: "Всемирный", briefcase: "Портфель", menu: "Анимированная иконка %s в меню", sizes: "Используйте анимированную иконку %s разных размеров", stunning: "Потрясающие анимированные иконки, которые произведут впечатление на всех", highQuality: "Скачайте высококачественные анимированные иконки бесплатно и придайте своим проектам ту привлекательность, которую вы ищете.", explore: "Исследуйте анимированные иконки", animatedIconsMostDownloadedUrl: "https://www.flaticon.com/ru/animated-icons-most-downloaded", }, og: { 'webtitle': '{0} - Бесплатные {1} иконки', 'title': '{0} разработана автором {1}', 'desc': 'Скачай сейчас эту векторную иконку в форматах SVG, PSD, PNG, EPS или в виде веб-шрифта. Flaticon, крупнейшая база бесплатных иконок.', 'animatedIconTitle': '{0} Animated Icon | Free {1} Animated Icon', }, limit: { registered: 'Вы достигли предельного количества иконок <a href="https://www.flaticon.com/ru/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Alert icons limit\'); " title="Получите неограниченное количество коллекций!">Оформите подписку Премиум</a> и получите неограниченное количество коллекций', guest: 'Вы достигли своего предельного количества иконок. <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" title="Зарегистрируйтесь и получите до 256 иконок">Зарегистрируйтесь</a> и получите до 256 иконок', collection: 'Вы достигли предельного количества иконок на коллекцию (256 иконок)', max_size: "Превышен максимальный размер файла", backup_max_size: "В этой коллекции недостаточно места для добавления ваших файлов резервных копий", downloaded_icons_perc: "Вы достигли %s% от вашего предельного количества загрузок", personal_limit: "Если вы включите эти личные иконки ({0}) в данную коллекцию, то будет достигнуто максимально допустимое количество личных иконок ({1}) на одну коллекцию" }, limit_anonymous: { title: 'У вас почти закончились скачивания!', paragraph1: 'Пора стать зарегистрированным пользователем', paragraph2: 'Создайте бесплатно учетную запись и продолжайте скачивать', button: 'Зарегистрируйтесь бесплатно' }, external_icon: { title: 'Иконка добавлена', message: 'Эта иконка не является частью Flaticon Selection. Чтобы использовать ее, пожалуйста, добавьте ссылку на автора,' }, report: { message: 'Этот иконка не является частью Flaticon Selection. Чтобы использовать ее, добавьте, пожалуйста, ссылку на авторство.', report_icon: "Сообщить об этой иконке", indicate_problem: "Укажите, пожалуйста, какая проблема была обнаружена. Спасибо!", download: 'Скачивание не работает', owner: 'Я являюсь владельцем этой иконки', link: "Я не могу найти ссылку для скачивания", other: 'Другое', describe_problem: 'Опишите проблему' }, search: { search: 'Поиск', minimal_characters: 'Для поиска введите, пожалуйста, не менее одного символа', max_page_number: "Please type a correct page number to search", placeholder_icons: 'Искать по иконкам', placeholder_packs: 'Искать по пакетам', placeholder_stickers: 'Поиск стикеров', placeholder_animated_icons: "Поиск анимированных иконок", placeholder_interface_icons: 'Поиск иконки интерфейса', placeholder_icon_packs: 'Поиск пакетов иконок', placeholder_icon_styles: 'Поиск иконок по стилю', placeholder_sticker_packs: "Поиск пакетов стикеров", placeholder_sticker_styles: "Поиск стикеров по стилю", placeholder_interface_icons_packs: 'Ищи наборы значков интерфейса,', }, filters: { order_by: 'Заказ от:', style: 'Стиль', stroke: 'Штрих', detail: 'Уровень детализации', date: 'Самый последний', popularity: 'Популярность', downloads: 'Самые скачиваемые', all: 'Все', detailed: 'Подробно', simple: 'Простая', mixed: 'Смешанная', rounded: 'Округлый', handmade: 'Ручной работы', filled: 'Заполненный', linear: 'Линейный', angular: 'С углами', '3d': 'Трехмерная', color: 'Цвет', monocolor: 'Однотонный', multicolor: 'Многоцветный', appliedFilters: 'Applied filters', clearAll: 'Clear all' }, errors: { connectivity: 'Нам не удается установить соединение с серверами Flaticon. Проверьте, пожалуйста, настройки своей сети.', inactive_user: 'In order to download you must activate your account.' }, collection: { add_icon: 'Добавить в коллекцию', delete_icon: 'Удалить из коллекции', default_name: 'Моя коллекция иконок', aware: 'Обратите внимание', iconfont_colors: 'По техническим причинам разноцветные иконки не будут включаться в иконочные шрифты', add_premium: 'Эта иконка доступна только для пользователей, имеющих подписку Премиум. Вы можете посмотреть дополнительную информацию <a target="_blank" href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-icon-premium" title="Оформите подписку Премиум">здесь</a>', locked: 'Ваша коллекция заблокирована, вы можете <a target="_blank" href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="all, event, collection, go-to-premium, alert-locked" title="Оформите подписку Премиум">оформить платную подписку</a> и получить неограниченную коллекцию', iconfont_tooltip: 'Скачайте как иконочные шрифты и используйте на своем веб-сайте иконки, полностью кастомизируемые с помощью CSS.', iconfont_disabled: "В вашей коллекции только разноцветные иконки. Эти иконки нельзя использовать с иконочными шрифтами", duplicated_disabled: "Ваша учетная запись не позволяет больше коллекций", share_disabled: "Зарегистрируйтесь, чтобы поделиться!", upload_disabled: "Чтобы загружать иконки, оформите платную подписку!", upload_icons: "Загрузите иконки SVG!", duplicate: "Дублировать", download_personal: "Your Collection has personal icons. These icons will not be downloaded in Icon Font format", svg_incorrect: "Некорректный формат SVG", only_svg: "Допускаются только иконки svg", fetch_premium: 'Иконки Премиум нельзя добавить в новую коллекцию <a target="_blank" href="https://www.flaticon.com/ru/pricing" onclick="ga(\'send\', \'event\', \'Collection\', \'Go to premium\', \'Fetch collection premium error\'); " title="Оформите подписку Премиум">Станьте пользователем Премиум сейчас!</a>', fetch_personal: "Личные иконки не могут быть включены в вашу новую коллекцию", friendly_reminder: "Дружеское напоминание:", no_custom_icons_in_backup: "Файл резервной копии не будет содержать отредактированные иконки", restore_personal: "Личные иконки не могут быть восстановлены в вашей новой коллекции", upload_enabled: "Загрузите свои иконки svg", upload_disabled: "Загрузка в режиме сортировки отключена", color_disabled: "В этой коллекции нет иконок или все иконки разноцветные", success_restore: "Вы успешно восстановили {0} из {1} иконок", icons_skiped: "{0} из {1} иконок не были импортированы в вашу коллекцию, потому что они уже в ней были", locked_title: "Вы заблокировали коллекции", locked_text: "Разблокируйте свои коллекции, не ограничивайте свою работу ", locked_button: "Оформить платную подписку", locked_url: "https://www.flaticon.com/ru/pricing", empty_collection_limit: "Вы не можете создавать другие коллекции с пустой коллекцией. Сначала добавьте элементы в первую." }, fonts: { error_svg: 'Этот файл SVG не является файлом шрифта' }, url: { most_download: '/most-downloaded', latest_icons: '/latest-icons', search: '/search', packs_search: 'packs/search', style_search: 'style/search', packs: 'packs', authors: 'authors', guest_limit: 'гость', premium_limit: 'премиум', free_icons: 'free-icons', pricing: 'pricing', craft: 'https://www.flaticon.com/ru/merchandising-license', craft_purchases: 'https://www.flaticon.com/ru/merchandising-license/purchases' }, attribution: { type_icon: 'иконки', type_sticker: 'стикеры', type_animated_icon: 'анимированные иконки', uicons_made_by: 'UIcons от', icons_made_by: 'Автор иконок:', stickers_made_by: 'Стикеры сделаны', animatedIcon_made_by: 'Анимированные иконки от', icons_created_by: 'иконки от', stickers_created_by: 'стикеры от', animatedIcon_created_by: 'анимированные иконки от', is_licensed_by: 'Лицензиар:', description: "Выберите свою любимую социальную сеть и поделитесь нашими иконками со своими контактами или друзьями. Если у вас нет указанных социальных сетей, скопируйте ссылку и вставьте ее в ту сеть, которую вы используете. Чтобы получить дополнительную информацию, прочитайте %sинструкцию по указанию авторства%s или %sзагрузите лицензию.%s", title: "Помните, что вы должны указать авторство %s ", unicorn_text: "Каждый раз, когда вы указываете авторство, лошадка получает свой рог и становится единорогом", designer_text: "Указывая авторство, вы каждый раз делаете дизайнера счастливым", rex_text: "Каждый раз, когда вы указываете авторство, тираннозавр может выпить свой кофе", karma_text: "Указывая авторство, вы каждый раз получаете +10 к своей карме", download_problems: "Проблемы со скачиванием?", dont_want_credit: "Не хотите указывать автора?", go_premium: 'Ты можешь легко перейти на <a href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong><i class="icon icon--premium inline-block"></i> Premium</strong></a> и использовать более 17 миллионов значков без указания авторства. <a class="link link--text medium inline track" href="https://www.flaticon.com/ru/pricing" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Узнай подробнее здесь</strong></a>', go_premium_detail: 'You can go <a href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Premium</strong></a> easily and use more than 17.5M icons and stickers without attribution.', copy_and_attribute: "Скопировать и указать авторство", copy: "Копировать ссылку", copied: "Скопировано!", freepik_url: "https://www.freepik.com" }, typeform: { multi_question_search: "Что бы вы улучшили в процессе поиска?", tell_us: "Расскажите нам!" }, feedback: { thanks_message: "Спасибо за ваш отзыв!" }, blockers: { is_present: "Похоже, что у вас установлен блокировщик рекламы. Выключите его, пожалуйста, чтобы максимально эффективно использовать Flaticon.", }, link: { copied: "Ссылка скопирована", success: "url-адрес общего доступа был скопирован в буфер обмена" }, clipboard: { copied: "Скопировано в буфер обмена", errorFirefox: '<b>Copying is disabled in Firefox.</b> Learn how to enable it <b><a href="https://support.flaticon.com/s/article/How-can-I-copy-icons-to-clipboard-FI?language=en_US" target="_blank" class="bold">here</a></b>.', png: { success: "Успешно скопировано в буфер обмена", error: "При копировании в буфер обмена произошла ошибка" } }, follows: { followIcon: "Иконка «Отслеживать»", unFollowIcon: "Иконка «Прекратить отслеживать»", followAuthor: "Подписаться", unFollowAuthor: "Отписаться", followStyle: "Отслеживать стиль", unFollowStyle: "Прекратить отслеживать стиль" }, easterEggs: { halloween: { findMe: "Найди меня!", close: "Закрыть", pressEsc: "Нажмите ESC или", modalP1: "Вы пришли, вы увидели, <br> вы его схватили!", modalP2: "Вы настоящий охотник за привидениями, и стоит поведать об этом миру.", share: "Поделиться", shareText: "Flaticon принимает очень много посещений, помогите нам очистить его" } }, detail: { savePinterest: "Сохранить", search_placeholder: "Найти еще иконки в этом стиле", icon: "иконка", sticker: "стикер", animatedicon: "анимированнаяиконка", free: "бесплатно", premium: "премиум", license: "Лицензия", report_this_icon: "Сообщить об этой иконке", download_free_icon_in_png: "Скачать бесплатную иконку в формате PNG", download_free_sticker_in_png: "Скачайте стикер бесплатно в формате PNG", download_vector_icon_in_svg: "Скачать векторную иконку в формате SVG", download_vector_sticker_in_svg: "Скачать векторный стикер в формате SVG", download_vector_icon_in_eps: "Скачать векторную иконку в формате EPS", download_vector_icon_in_psd: "Скачать векторную иконку в формате PSD", download_vector_icon_in_base64: "Скачать векторную иконку в формате base64", download_vector_icon_in_PDF: "Скачать векторную иконку в формате PDF", download_vector_icon_in_JPG: "Скачать векторную иконку в формате 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: "Доступно в форматах <b>PNG</b>, <b>SVG</b>, <b>EPS</b>, <b>PSD</b> и <b>BASE 64</b>.", add_to_collection: "Добавить в коллекцию", necessary_credit_author: "Ссылка на авторство обязательна.", how_to_credit: "Как ссылаться на авторство?", how_to_credit_authorship: "Как указывать авторство иконок?", how_to_credit_authorship_stickers: "Как отметить авторство стикеров?", follow: "Подписаться", following: "Подписки", unfollow: "Отписаться", download_unlimited: "Скачивайте иконки без ограничений", download_unlimited_info: '<span>Скачать</span>Неограниченное количество иконок премиум за <p class="js-currency" data-pricing="annualPerMonth" style="display:inline;">11.08 SGD</p> в месяц', more_icons_pack: 'Еще иконки из', more_stickers_pack: 'Больше стикеров из', more_icons_style: 'Еще иконки в', style: 'Стиль', add_to_bookmarks: "Добавить в закладки", remove_from_bookmarks: "Удалить из закладок", published: "Опубликовано", related_tags: "Связанные теги", search_related_icon: "иконка-связанная-с-поиском", what_is_this: "Что это такое?", share_in_tw: "Поделиться в Twitter", share_in_fb: "Поделиться в Facebook", share_in_pt: "Поделиться в Pinterest", flaticon_license_title: "Лицензия Flaticon", flaticon_license: "Бесплатно для личных и коммерческих целей с указанием авторства.", more_info: "Подробнее", flaticon_premium_license: "Лицензия Flaticon Премиум", flaticon_premium_license_expl: "Перейдите на Премиум, и вы получите коммерческую лицензию.", flaticon_license_allow: "Наша лицензия позволяет вам использовать контент <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\"> этих случаях</a>.", sidebar_download_pack: "Зарегистрируйтесь бесплатно и скачайте полный набор", sidebar_download_pack_button: "Зарегистрироваться и скачать", sidebar_download_pack_button_mobile: "Зарегистрироваться", view_all_icons: "Посмотреть все иконки", all_styles: "Все стили", sidebar_banner_premium: "17.5M иконок для использования без указания авторства, <strong>только для пользователей Премиум</strong>", sidebar_see_plans: "Посмотреть варианты подписки", sidebar_banner_premium_cart: "-20% на планы нашей подписки Премиум", sidebar_apply_discount: "Применить скидку", pack: "Набор", edit_icon: "Иконка редактирования", edit_sticker: "Edit sticker", edit_animated_icon: "<span class=\"mg-left-lv1\">Learn how to <b>edit</b></span>", download_license: "Скачать лицензию", share: "Поделиться", free_sticker: "бесплатный стикер", premium_sticker: "премиальный стикер", flaticon_editorial_license: "Редакционная лицензия Flaticon", editorial_license_text: "Данный графический ресурс предназначен исключительно для редакционного пользования. <a href=\"https://www.freepik.com/legal/terms-of-use\" title = \"Terms of use\" class= \"link--text medium\">Условия пользования</a>.", stickers_banner_text: "Бесплатные качественные стикеры для сайтов и приложений", free_download: "Бесплатное скачивание", banner_craft_title: "Лицензия Merchandising", banner_craft_new: "Новинка", banner_craft_text: "Персонализируйте любые физические или цифровые товары с нашими иконками", banner_craft_buy: "Купить лицензию ", }, christmas: { condition_1: "Действительно до 8 декабря", description_1: "<b>3 месяца</b> ежемесячной подписки Премиум", price_1: "для %s", title_1: "Приготовьте что-нибудь креативное на это Рождество с <b class=\"christmas-banner__premium\">Премиум</b>", url: "Стань Премиум", url_upgrade: "Оформите платную подписку", condition_2: "Действительно до 15 декабря", description_2: "<b>7 дней</b> из", price_2: "Премиум за %s", title_2: "Ваш тайный Санта-Клаус оставил вам подарок <b class=\"christmas-banner__premium\">Премиум</b>!", condition_3: "Действительно до 22 Декабря", description_3: "<b>Годовая</b> подписка Премиум", title_3: "Сохраняйте дух <b class=\"christmas-banner__premium\">Премиум</b> круглый год", condition_4: "Действительно до 2 января 2020 года", description_4: "<b>Два года</b> подписки Премиум", title_4: "Счастливого <b class=\"christmas-banner__premium\">Премиум</b> и поздравляем со скидкой!", description_5: "Подарите себе годовую подписку Премиум!", price_5: "This Christmas <b>upgrade</b> your plan and save <strong class=\"font-lg\">50%</strong>", description_6: "Получите доступ к более чем 5 млн векторных изображений, фотографий и файлов PSD.", price_6: "<b>Save</b> <strong class=\"font-lg\">50%</strong> on Freepik Annual Plan" }, cookies: { text: "Данный веб-сайт использует файлы cookie для улучшения вашего пользовательского опыта. <a href=\"https://www.freepik.com/legal/cookies\" title = \"Cookie policy\" class= \"link--text link-inverted medium\">Дополнительная информация</a>", }, ga: { view_details: 'посмотреть-подробно', add_to_collection: 'добавить-в-коллекцию', view_details: 'Редактировать', download_svg: 'скачать-svg', download_png: 'скачать-png', more_icons_authors: 'другие-иконки-авторов', more_icons_style: 'другие-иконки-стиль', brownse_pack: 'показать-содержимое-набора', search_related_icon: 'иконка-связанная-с-поиском', copyPNG: 'скопироватьPNG' }, cancellation: { form_title: "Нам жаль, что вы решили покинуть сообщество Премиум", form_subtitle: "Мы хотели бы узнать, почему вы уходите:", info_message: "Вы по-прежнему можете пользоваться всеми преимуществами статуса Премиум, пока не истечет срок действия вашей текущей подписки. После этого у вас <strong>больше не будет доступа к новым ресурсам Премиум</strong>, и вам <strong>придется каждый раз указывать</strong> авторство. Кажется, это не очень здорово, не так ли?", option_0: "Мне нужна была иконка для проекта, который сейчас уже завершен", option_1: 'Flaticon стоит слишком дорого для меня', coupon_monthly_claim: 'Оформите платную подписку со СКИДКОЙ 30%', coupon_annual_claim: 'Получите СКИДКУ 30% на продление годового плана Премиум', coupon_premium_plus_claim: 'Получите СКИДКУ 30% на продление подписки Премиум Плюс', option_2: "Я не так часто использую это", option_3: 'Качественных иконок немного', option_4: "У меня было много технических проблем с моей учетной записью Премиум", option_5: "Я решил (-а) использовать другой аналогичный сайт", keep_premium: 'Сохранить Премиум', cancel_premium: 'Отменить Премиум', step_select: 'Выбрать', step_confirm: 'Подтвердить', step_finish: 'Закончить', more_info: 'Подробнее', generic_title_fp: 'Жаль, что вы потеряете все функции Премиум Freepik, когда истечет срок действия вашей текущей подписки:', generic_title_fi: 'Жаль, что вы потеряете все функции Премиум Flaticon, когда истечет срок действия вашей текущей подписки:', generic_blq1_title: 'До 2000 загрузок в день', generic_blq1_desc: 'Как подписчик Премиум вы сможете загружать столько ресурсов, сколько хотите. Дополнительная информация', generic_blq2_title: 'Без ссылки на источник', generic_blq2_desc: 'Используйте любой ресурс в коммерческих или личных целях без ссылки на автора.', generic_blq3_title: 'Премиум-контент', generic_blq3_desc: 'Получите доступ к нашим эксклюзивным иконкам, которые могут бесплатно скачивать только подписчики Премиум.', generic_blq4_title: 'Без рекламы', generic_blq4_desc_flaticon: 'Просматривайте Flaticon без рекламы. Никакой рекламы, никаких перерывов.', generic_blq4_desc_freepik: 'Просматривайте Freepik без рекламы. Никакой рекламы, никаких перерывов.', offer_price_title: 'Можно ли уговорить вас вернуться? Дайте нам еще один шанс!', offer_price_subtitle: "Вот небольшой подарок, чтобы мы могли начать все сначала", offer_price_coupon_text: "Дайте нам еще один шанс, активируйте свой тариф повторно и сэкономьте 30%", offer_title: 'Закончили проект? Следующий уже ждет вас!', offer_subtitle: "Будьте готовы к новым начинаниям с небольшим подарком от нас", offer_coupon_text: "Подготовьтесь к будущему уже сегодня и воспользуйтесь скидкой 30% на подписку Премиум!", offer_get_discount: 'Получите скидку', quality_title: "Мы очень сожалеем, что вы <b class='bold premium inline'>не хотите продлевать подписку Премиум</b>", quality_subtitle: "Вы всегда можете вернуться, мы будем ждать вас с нашими ресурсами Премиум и лицензией без указания авторства.", quality_discover: 'Познакомьтесь с Flaticon', options_title: "Мы очень сожалеем, что вы <span class='premium'>не хотите продлевать подписку Премиум</span>", options_subtitle: "Вы всегда можете вернуться, мы будем ждать вас с нашими ресурсами Премиум и лицензией без указания авторства.", thank_you: 'Спасибо', response_send_email: 'Наша служба поддержки получила ваше сообщение и вскоре свяжется с вами. А пока взгляните на подборку наших лучших ресурсов', top_icons: "Популярные иконки", stay_title: "Мы рады, что вы решили остаться!", stay_subtitle: "За наше яркое будущее вместе!", stay_action_flaticon: "Исследуйте Flaticon", stay_action_freepik: "Исследуйте Freepik", explore_premium: "Исследуйте Премиум", support_title: "Чем мы можем быть вам полезны?", support_subtitle: "Технические проблемы доставляют неудобства, и мы не хотим, чтобы они повлияли на ваши впечатления от работы с Flaticon. Сообщите нам о проблемах, с которыми вы столкнулись, и мы поможем их решить", support_name: 'Имя', support_name_placeholder: 'Ваше имя', support_email: 'Адрес электронной почты', support_comment: 'Комментарий', support_comment_placeholder: 'Напишите комментарий здесь', support_submit: 'Отправить', support_cancel: 'Отменить Премиум', support_legacy: "Пожалуйста, введите детали своего запроса и, если у вас есть какие-либо вопросы относительно наших Условий использования, включите конкретные примеры того, как вы хотите использовать наши ресурсы. Если вы сообщаете о проблеме, обязательно включите как можно больше информации. Как только ваш запрос будет отправлен, сотрудник нашей службы поддержки ответит вам как можно скорее.", support_legacy_second_part: "<b>Основная информация о защите данных: Компания </b> Freepik Company собирает ваши данные, чтобы иметь возможность отвечать на вопросы, предложения или жалобы. Дополнительная информация <a href='https://www.freepikcompany.com/privacy' class='text-link' target='_blank'>Политика конфиденциальности</a>", confirmation_title: "Главное, чтобы вы были довольны!", confirmation_subtitle: "Ваша подписка Премиум была отменена. Возвращайтесь в любое время, мы будем вас ждать." }, sponsor: { sponsored_by: "Спонсируемые результаты от", coupon_title: "Получите 10 бесплатных фотографий", empty_results_promo: "Нажмите здесь, чтобы получить 10 бесплатных наборов иконок от нашего спонсора Adobe Stock", banner_test_title: "Получите 10 бесплатных наборов значков от нашего спонсора Adobe Stock", banner_test_button: "Попробуйте бесплатно.", 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: "Произошла внутренняя ошибка. Пожалуйста, повторите попытку позже.", coupon_applied: "Применена скидка:", coupon_use_only: "Этот купон можно использовать только один раз.", coupon_invalid: "Ваш купон недействителен." }, cart: { claim_text: "Still thinking about <span><i class='icon icon--crown-filled inline-block'></i>Premium</span>?", dto_text: "Получите СКИДКУ 10% <br><span>сегодня!</span>", button: "Применить скидку" }, autopromo: { go_premium: "Стань Премиум", search_premium_banner: { claim_text: "Творите без ограничений", description: 'Получите доступ к более чем 0 <span class="premium premium--text inline-block medium"><i class="icon icon--premium inline-block"></i> Premium</span> иконкам', description_freePng: 'Получите доступ к более чем 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: "Скачивайте что хотите, отменяйте когда захотите" } }, download: { downloading: "Идет скачивание..." }, slidesgo: { banner_text: 'Сделай большую часть твоих любимых иконок в наших <strong>бесплатных шаблонах</strong> для <strong>Google Презентаций</strong> и <strong>Powerpoint</strong>', }, uicons: { uicons_info: 'Uicons — это самая широкая библиотека иконок интерфейса. Используй более 34,000 векторных иконок, доступных в формате SVG или иконочных шрифтов, в своих веб-проектах и проектах приложений для iOS или Android. <a href=\"https://www.flaticon.com/ru/uicons/get-started \" class=\"link--normal\">Подробнее</a>', need_help: 'Need help to <a href="https://www.flaticon.com/ru/uicons/get-started" class="link--normal" ">start?</a>', full_style: 'Download full style', other_styles: "Другие стили", size: "size", new: "new", empty_search: "Sorry we couldn’t find any matches for ", try_search: "Попробуйте поискать другой термин", error_search : "Произошла внутренняя ошибка. Пожалуйста, повторите попытку позже.", use_this_icons: "Используй эти иконки в качестве шрифтовых иконок или с помощью CDN", register_start: "Зарегистрироваться и начать", cdn_text: "Используйте набор иконок <strong class='capitalize'></strong>, добавив ссылку в раздел <head> вашего веб-сайта или с помощью @import в вашем CSS.", download_text: "Содержит набор иконок <strong class='capitalize'></strong> + файлы шрифтов + CSS + образец HTML.", download_size_advice: "Zip file with more than %s icons", clear_all: "Clear all", view_details: "View Details", icon_font: "icon font", see_all_icons: "Посмотреть все иконки", free_icon_font: "free icon font", packageManager: "Менеджер пакетов", packageManagerText: "Установите последнюю версию Uicons и легко обновите свой проект с помощью последних иконок и улучшений с менеджером пакетов npm.", findOutMoreHere: "Find out more <b><a href=\"https://www.npmjs.com/package/@flaticon/flaticon-uicons\" target=\"_blank\">here</a></b>", in_action_title: "Посмотри на наш шрифт иконки %s в действии", 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: "Посмотри, как выглядит иконка %s в мобильном приложении", in_action_button: "%s icon in a button", in_action_briefcase: "Портфель", in_action_stadistics: "Статистика", in_action_currency: "Валюта", in_action_tablet: "%s иконка", in_action_interface: "Идеально подходит для твоего следующего дизайна интерфейса.", find_best_1: "Найди лучший шрифт иконки %s для своего проекта.", find_best_2: "Search among <b>34,000</b> icons fonts including your favorite <b>brands</b> icons!", find_best_see_all: "Посмотреть все иконки", doubts: "Вопросы?", doubts_1: "Взгляни на наше <a href=\"https://www.flaticon.com/ru/uicons/get-started\" target=\"_blank\">руководство</a>, где мы просто объясняем, как использовать наши иконки для интерфейса, скачивать, использовать CSS, переключать стили и многое другое!", support: "Контакт", support_1: "Мы слушаем тебя. У тебя возникли какие-либо вопросы или предложения по поводу наших иконок Uicons? <a href=\"https://www.flaticon.com/ru/profile/support\" target=\"_blank\">Наша команда поддержки</a> поможет тебе с ними.", register_to_download: "Register to download the full icon pack as icon fonts or use them via NPM or CDN.", see_all_icons_url: "https://www.flaticon.com/ru/icon-fonts-most-downloaded", regular: "regular", bold: "bold", solid: "solid", straight: "straight", rounded: "rounded", brands: "brands", thin: "thin", released: "Released", latest_version: "Latest version" }, modal: { premium: { title: 'Преимущества <strong class=\"premium\"><i class=\"icon icon--premium inline-block\"></i> Премиум </strong>', benefit_1: 'Более 17,496,500 млн <br><strong> иконок Премиум </strong>', benefit_2: 'Неограниченные <br><strong> скачивания </strong>', benefit_3: 'Просмотр <br><strong> без рекламы </strong>', benefit_4: 'Ссылка на авторство не <br><strong>требуется</strong>', }, license: { title: 'Краткое описание лицензии', subtitle: 'Наша лицензия позволяет вам использовать контент:', use_1: 'Для коммерческих и <strong>личных проектов</strong>', use_2: 'В цифровых или <strong>печатных медиа</strong>', use_3: '<strong>Неограниченное количество раз</strong> и бессрочно', use_4: '<strong>Anywhere</strong> in the world', use_5: 'To make <strong>modifications</strong> and derived works', summary: 'Этот краткий текст приводится только для информации. Он не представляет собой никаких договорных обязательств. Для получения дополнительной информации, пожалуйста, прочитайте наши <a href=\"https://www.flaticon.com/ru/legal\" target=\"_blank\" class=\"link--normal medium\">Условия использования</a> перед тем, как использовать контент.', }, attribution: { title: 'Как ссылаться на авторство?', subtitle: 'Создание качественных иконок требует много времени и усилий. Мы просим вас только добавить небольшую ссылку с указанием авторства. Выберите среду, в которой вы собираетесь использовать ресурс.', social: 'Социальные сети', web: 'Веб', printed: 'Печатные элементы', video: 'Видео', apps: 'Приложения / Игры', social_title: 'Платформы социальных медиа ', social_subtitle: 'Выберите свою любимую социальную сеть и поделитесь нашими иконками со своими контактами или друзьями. Если у вас нет этих социальных сетей, скопируйте ссылку и вставьте ее в ту сеть, которой вы пользуетесь', web_title: 'Например: веб-сайты, социальные сети, блоги, электронные книги, рассылки новостей и т. д.', web_subtitle: 'Скопируйте эту ссылку и вставьте ее в любое место, где она видна, рядом с тем местом, где вы используете ресурс. Если это невозможно, поместите ее в нижний колонтитул своего веб-сайта, блога или рассылки новостей, либо в раздел выходных данных.', printed_title: 'Например: книги, одежда, буклеты, плакаты, приглашения, реклама и т. д.', printed_subtitle: '<span>Вставьте строку с указанием авторства</span> рядом с тем местом, где вы используете ресурс. Если это невозможно, поместите ее в раздел выходных данных.', printed_subtitle_2: 'Например: \"изображение: Flaticon.com\". Эта обложка была разработана с использованием ресурсов сайта Flaticon.com.', video_title: 'Платформы онлайн-видео ', video_subtitle: '<span>Вставьте эту ссылку</span> в соответствующую область описания видео.', apps_title: 'Приложения, игры, настольные приложения и т. д.', apps_subtitle: '<span>Вставьте эту ссылку</span> на веб-сайт, где ваше приложение доступно для загрузки, либо в раздел описания платформы или торговой площадки, которую вы используете.', faqs: 'Если у вас есть другие вопросы, посетите раздел <a href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=en_US" class="link--normal" target="_blank">s ', footer_title: 'Не хотите указать авторство?', footer_subtitle: 'Вы можете легко перейти на подписку <i class="icon icon--premium inline-block"></i> <span>Premium</span> и использовать более 17,496,500 иконок без указания авторства. <a href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="ga, event, premium, modal-attribution">Получите информацию здесь</a>', copy_uicons: 'Uicons от <a href="https://www.flaticon.com/uicons">Flaticon</a>' }, premium_add_icon: { title: "Только пользователи Премиум", subtitle: "Создавайте неограниченные коллекции и добавляйте все нужные вам иконки Премиум.", }, premium_download_icon_only_premium: { title: "Только пользователи Премиум", subtitle: "Скачивайте все нужные вам форматы значков.", }, craft_more_info: { title: "Лицензия Merchandising", subtitle: "Расширьте свои лицензионные возможности и персонализируйте любые физические или онлайн-товары с помощью наших иконок.", printed_title: "Создайте физические носители для печати", printed_text: "Используйте наши иконки на футболках, кружках, плакатах, поздравительных или пригласительных открытках, календарях и т. д.", electronics_title: "Разрабатывайте электронные или физические носители для перепродажи", electronics_text: "Например, веб-шаблоны, электронные устройства, приложения, видеоигры, рекламные ролики или аудиовизуальные анимированные материалы.", learn_more: "Подробнее", buy_license: "Купить лицензию ", }, download: { attributionRequired: "Требуется указание авторства", browseAdFree: "Просмотр без рекламы", freeDownload: "Бесплатное скачивание", goPremium: "Переходите на Premium от 11.08 SGD в месяц", totalResources: "17.5M+ млн иконок, стикеров и логотипов в редактируемых форматах, таких как SVG, EPS, PSD и CSS", totalResourcesAnimated: "17.5M+ ресурсов в профессиональных форматах", noAttributionRequired: "Атрибуция не требуется", premiumSubscription: "Подписка Премиум", unlimitedDownloads: "До 2000 загрузок в день", downloadFormats: "Download formats", staticFormats: "Static formats", animatedFormats: "Animated format", }, confirmCopyContent: { title: "Из соображений безопасности Вам необходимо подтвердить это действие в Вашем браузере", subtitle: "Если Вы не хотите делать этот дополнительный шаг, мы рекомендуем использовать браузер Chrome.", processing: "Обработка изображения...", confirmCopy: "Подтвердить копирование в буфер обмена", copySuccess: "Изображение готово!", }, copySvgNotPremiumUser:{ countDownloading: "Копирование в буфер обмена. Копирование этого ресурса считается загрузкой", copyToClipboard: "Copy to clipboard", } }, whatsNew: { preTitleShare: "Что нового в Flaticon" }, cardsProducts: { title: "Поиск в других категориях", iconDescription: "The largest database of free icons for any project.", uiconDescription: "Иконки, специально разработанные для ваших интерфейсов", animated_icons_description: "Движущиеся иконки для создания потрясающих проектов", sticker_description: "Стикеры для сайтов, приложений или любого места, где они вам нужны", new: "Новинка" }, colorPalette: { save: "Сохранить", alredyExist: "Этот цвет уже существует в палитре", exceeded: "Ты превысил количество цветовых образцов для этой палитры", modals: { areYouSure: "Ты уверен, что хочешь удалить свою пользовательскую палитру?", youWillLose: "Ты потеряешь свою пользовательскую палитру", noThanks: "Нет спасибо", remove: "удалить", create: "Создавай собственные палитры и открывай больше возможностей с помощью Премиум", subscribe: "Subscribe from 11.08 SGD/month and get access to:", iconsStikers: "17.5M значков и стикеров в форматах SVG, EPS, PSD и BASE64", noAttribution:"Атрибуция не требуется", unlimitedDownloads: "Неограниченное количество скачиваний и коллекций", unlimitedUse: "Неограниченное использование редактора", support: "Приоритетная поддержка", noAds: "Без рекламы", goPremium: "Стань Премиум", urlPricing: "https://www.flaticon.com/ru/pricing" }, updatingError: "При обновлении палитры возникла проблема", noGradients: "Ты не можешь редактировать или преобразовывать ухудшенные цвета в сплошные.", }, winback: { beingProcessed: "<b>Платеж обрабатывается.</b> Ваша подписка будет повторно активирована, как только платеж будет обработан. Проверьте статус подписки в своем профиле.", mySubscription: "Моя подписка", }, ogDescriptions: { standard: "Бесплатная векторная иконка. Скачайте тысячи бесплатных иконок от %s в формате SVG, PSD, PNG, EPS или как ИКОНОЧНЫЙ ШРИФТ", sticker: "Бесплатный стикер %s можно скачать в форматах PNG и SVG. Скачайте больше бесплатных стикеров %s.", uicon: "Бесплатные иконочные шрифты %s можно скачать в разных стилях и форматах PNG и SVG. Для Android и iOS.", animatedIcon: "Бесплатные анимированные иконки по запросу %s, доступные для скачивания в форматах JSON для Lottie, GIF или в виде статичных SVG-файлов.", } }; </script> <script type="text/javascript"> var urls = { common: { urlSearch : 'https://www.flaticon.com/ru/search', }, uicons: { tagByUIconId: 'https://www.flaticon.com/ru/ajax/uicons/tags-by-interface-icon/', urlSearchParams : 'https://www.flaticon.com/ru/uicons', } }; </script> <header id="header" class="header body-header"> <section class="header--menu" id="header--menu"> <div class="row row--vertical-center mg-none full-height"> <a href="https://www.flaticon.com/ru/" class="logo track" id="logo" title="Flaticon - Самая большая база данных бесплатных иконок" data-track-arguments="ga, event, Navbar, Click, Home"> <img src="https://media.flaticon.com/dist/min/img/logos/flaticon-color-negative.svg" title="Логотип Flaticon" width="147" height="22" class="block" alt="Flaticon logo"> </a> <nav id="nav"> <label for="main-menu__toggle" class="nostyle show-tablet mg-none bj-button--mobile"> <i class="icon icon--lg icon--menuburger icon--inverted"></i> </label> <input type="checkbox" id="main-menu__toggle"> <div class="main-menu"> <label for="main-menu__toggle" class="bg-toggle-menu show-tablet"></label> <label for="main-menu__toggle" class="nostyle show-tablet mg-none bj-button--mobile pd-top-lv4 pd-left-lv2 pd-bottom-lv2"> <i class="icon icon--lg icon--cross text__general--heading"></i> </label> <div class="scrollable scrollable--menu"> <ul class="row row--vertical-center mg-none menu-holder"> <li><a href="https://www.flaticon.com/ru/authors" data-track-arguments="ga, event, menu, click, top-icons" class="track mg-lv2 mg-y-none">Авторы</a></li> <li><a href="https://www.flaticon.com/ru/icons" data-track-arguments="ga, event, menu, click, icons" class="track mg-lv2 mg-y-none">Иконки</a></li> <li><a href="https://www.flaticon.com/ru/stickers" data-track-arguments="ga, event, menu, click, stickers" class="stickers__header-link track mg-lv2 mg-y-none">Стикеры</a></li> <li><a href="https://www.flaticon.com/ru/uicons/interface-icons" data-track-arguments="ga, event, menu, click, interface-icons" class="interface-icons__header-link track mg-lv2 mg-y-none">Значки интерфейса</a></li> <li><a href="https://www.flaticon.com/ru/animated-icons" data-track-arguments="ga, event, menu, click, animated-icons" class="animated-icons__header-link track mg-lv2 mg-y-none">Анимированные иконки</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>Еще</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">Другие продукты</p> <a href="https://ru.freepik.com" target="_blank" class="menu-tools-link"> <span>Freepik</span> <span>Бесплатные векторные изображения, фото и PSD</span> </a> <a href="https://wepik.com" target="_blank" class="menu-tools-link"> <span>Wepik</span> <span>Онлайн-инструмент дизайна</span> </a> <a href="https://slidesgo.com" target="_blank" class="menu-tools-link"> <span>Slidesgo</span> <span>Бесплатные шаблоны для презентаций</span> </a> <a href="https://storyset.com/" target="_blank" class="menu-tools-link"> <span>Storyset</span> <span>Бесплатные редактируемые иллюстрации</span> </a> <a href="https://www.videvo.net/" target="_blank" class="menu-tools-link"> <span>Videvo</span> <span>Бесплатное видео 4K и Full HD</span> </a> </div> <div class="popover-tools-box"> <p class="uppercase font-xs bold text__general--heading link-api">Инструменты</p> <a href="https://www.freepik.com/api" class="menu-tools-link link-api"> <span>API</span> <span>API c 17.5M+ иконок, которые улучшат твой сайт, приложение или проект</span> </a> <p class="uppercase font-xs bold text__general--heading">Google Workspace</p> <a href="https://www.flaticon.com/ru/for-google" class="menu-tools-link track" data-track-arguments="ga, event, menu, click, g-suite"> <span>Icons for Slides & Docs</span> <span>+17.5 млн бесплатных настраиваемых иконок для использования в Slides, Docs and Sheets</span> </a> </div> </div> </div> </div> </div> </div> </li> <li class="push-right menu--mobile__lv2 language-selector"> <div class="popover popover--lang"> <div class="popover-container"> <button class="popover-button bj-button bj-button--ghost bj-button--sm track" data-track-arguments="ga, event, Navbar, language, open"> <img src="https://media.flaticon.com/dist/min/img/flags/ru.svg" width="16" height="11" loading="lazy"> <span class="mg-left-lv2-i"> Pусский </span> <i class="icon icon--md icon--caret-down"></i> </button> <ul class="popover-content"> <li data-lang="es"> <a href="https://www.flaticon.es/" class=" track" data-track-arguments="ga, event, Navbar, language, Español"> <span class="text__general--heading">Español</span> </a> </li> <li data-lang="en"> <a href="https://www.flaticon.com/" class=" track" data-track-arguments="ga, event, Navbar, language, English"> <span class="text__general--heading">English</span> </a> </li> <li data-lang="de"> <a href="https://www.flaticon.com/de/" class=" track" data-track-arguments="ga, event, Navbar, language, Deutsch"> <span class="text__general--heading">Deutsch</span> </a> </li> <li data-lang="br"> <a href="https://www.flaticon.com/br/" class=" 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="active track" data-track-arguments="ga, event, Navbar, language, Pусский"> <span class="text__general--heading">Pусский</span> </a> </li> </ul> </div> </div> </li> <li class="link-pricing"><a href="https://www.flaticon.com/ru/pricing" class="mg-lv2 mg-y-none track" data-track-arguments="ga, event, Navbar, Click, Premium Plans|ga, event, premium, header">Стоимость</a> </li> <li class="show-tablet menu--mobile__lv3 pd-lv3 pd-y-none mg-top-lv3"><a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" 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">Зарегистрироваться</a> </li> <li class="show-tablet menu--mobile__lv3 pd-lv3 pd-y-none mg-top-lv2"><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru" class="track bj-button bj-button--outline bj-button--gray bj-button--lg full-width" data-track-arguments="ga, event, MenuMobile, Click, LoginButton">Вход</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">Уведомления</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">Уведомления не отображены</p> <p>Здесь появится полезная информация. Следите за обновлениями!</p> </li> </ul> <div id="gr_not-connected" class="gr_not-connected col--center"> <div class="row row--vertical-center mg-none login-register-buttons-container"> <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru" class="btn-login track semibold link-inverted mg-right-lv3" data-track-arguments="all, event, Navbar, Click, Login">Вход</a> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" 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">Зарегистрироваться</a> </div> <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru" class="track bj-button--mobile login-register-user-button" data-track-arguments="all, event, MenuMobile, Click, Login"> <i class="icon icon--lg icon--user icon--inverted"></i> </a> </div> </div> </section> <section class="header--search" id="header--search"> <div class="header--search__inner"> <div class="row row--vertical-center mg-none full-height"> <section class="search-holder col mg-none pd-none"> <div class="fake-search row"> <div class="tag-field col mg-none pd-none"> <input type="hidden" name="tags" value="animal"> <form action="https://www.flaticon.com/ru/search" 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">иконки</span> <i class="icon icon--md icon--caret-down"></i> </button> <div class="stickers popover-content"> <ul> <li class="radio-group"> <input id="radio_search_by_icons" type="radio" class="hidden track" name="type" value="icon" data-type="icons" data-url="https://www.flaticon.com/ru/search" 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">иконки</label> </li> <li class="radio-group"> <input id="radio_search_by_stickers" type="radio" class="hidden track" name="type" value="sticker" data-type="stickers" data-url="https://www.flaticon.com/ru/search" 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">стикеры</label> </li> <li class="radio-group"> <input id="radio_search_by_animated_icons" type="radio" class="hidden track" name="type" value="animated-icon" data-type="animated icons" data-url="https://www.flaticon.com/ru/search" 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">анимированные иконки</label> </li> <li class="radio-group"> <input id="radio_search_by_uicon" type="radio" class="hidden track" name="type" value="uicon" data-type="interface icons" data-url="https://www.flaticon.com/ru/search" 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">значки интерфейса</label> </li> <hr> <li class="radio-group mg-top-lv3-i"> <input id="switch_search_by_all" type="radio" class="hidden track" name="search-group" value="all" data-type="all" data-url="https://www.flaticon.com/ru/search" 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">Все иконки</label> </li> <li class="radio-group radio-group-by-style"> <input id="switch_search_by_style" type="radio" class="hidden track" name="search-group" value="style" data-type="style" data-url="https://www.flaticon.com/ru/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">Стиль</label> </li> <li class="radio-group radio-group-by-pack"> <input id="switch_search_by_packs" type="radio" class="hidden track" name="search-group" value="packs" data-type="packs" data-url="https://www.flaticon.com/ru/packs/search" 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">Набор</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Искать по иконкам" 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">Коллекции</span> <span class="badge">0</span> </button> </div> </div> </section> </header> <script> var DEFAULT_AVATAR = 'https://media.flaticon.com/dist/min/img/default_avatar.png'; function set_default_avatar(elem) { elem.src = DEFAULT_AVATAR; } var pageview; try { pageview = parseInt(localStorage.pageview || 0, 10) } catch (e) { pageview = 1; } if (pageview < 3) { if (document.getElementById("gr_not-connected")) { var login_link = document.getElementById("gr_not-connected"); login_link.classList.add("dropdown-active"); try { localStorage.pageview = pageview + 1; } catch (e) {} setTimeout(function() { var login_link = document.getElementById("gr_not-connected"); if (login_link) { login_link.classList.remove('dropdown-active'); } }, 4000); } } </script> <aside id="collections" class="collections loading "> <div id="collections-tour" class="collections__tour hide"> <button class="button__close nostyle"> <i class="icon icon--cross"></i> </button> <div class="collections__tour__content"> <img src="https://media.flaticon.com/dist/min/img/collections/collection-tour.svg" width="181" height="152" class="block push-center" loading="lazy"> <div class="alignc"> <p class="bold text__general--heading font-lg mg-bottom-lv2 mg-top-lv3">У вас еще нет коллекций</p> <p class="font-sm">Здесь представлены все коллекции</p> <p class="medium text__general--heading">Что я могу делать со своими коллекциями?</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">Добавить иконки</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Нажмите на любую иконку, которую хотите добавить в коллекцию.</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">Организовать</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Организуйте свои коллекции по проектам. Добавляйте, удаляйте, редактируйте и переименовывайте иконки.</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">Редактировать</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Воспользуйтесь функцией «Коллекция красок» и измените цвет всей коллекции или сделайте это постепенно, изменяя иконку за иконкой</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">Скачайте иконочный шрифт или SVG</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Загрузите свои коллекции в формате кода, совместимом со всеми браузерами, и используйте иконки на своем веб-сайте.</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">Поделиться и сохранить</span> <i class="icon icon--plus"></i> <i class="icon icon--minus"></i> </label> <div class="collections__tour__item__content"> <p>Сохраните резервную копию своих коллекций или поделитесь ими с другими — одним нажатием!</p> </div> </li> </ul> <p class="font-sm alignc mg-top-lv2"><a href="https://www.flaticon.com/ru/collections" class="medium">Подробнее</a> о коллекциях</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>Коллекции</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"> Расширить </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"> Свернуть </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"> Показать коллекции </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">Вы достигли своего предельного количества коллекций. Оформите платную подписку, чтобы получить неограниченные коллекции</p> </div> <a href="https://www.flaticon.com/ru/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">Оформить платную подписку</a> </div> </div> </div> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Зарегистрируйтесь и создавайте новые коллекции</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" data-track-arguments="ga, event, register, click, new_collection_anonymous" class="bj-button bj-button--primary bj-button--sm fullwidth track">Зарегистрируйтесь бесплатно</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">Вы действительно хотите удалить эту коллекцию?</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">Да, удалить</button> <button class="bj-button bj-button--ghost col mg-none modal_delete_collection_btn">Нет, вернуться</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>Сожалеем, что вы отменили подписку Premium</h5> <p>Вы по-прежнему можете пользоваться коллекциями Flaticon со следующими ограничениями:</p> <ul class="list"> <li>Вы можете оставить только <strong>3</strong> коллекции</li> <li>Вы можете добавить не более <strong>100</strong> иконок на каждую коллекцию</li> <li>Вы не можете добавлять в свою коллекцию иконки Премиум</li> </ul> </div> <div class="show-mobile"> <h5>Преимущества ваших коллекций изменились</h5> <ul class="list"> <li>Вы можете оставить только <strong>3</strong> коллекции</li> <li>Вы можете добавить не более <strong>100</strong> иконок на каждую коллекцию</li> <li>Вы не можете добавлять в свою коллекцию иконки Премиум</li> </ul> </div> <div class="discount"> <div class="row mg-none"> <div class="col mg-none"> <p class="bold mg-bottom-lv2">Продолжайте максимально использовать свои иконки и коллекции</p> <p class="font-xl mg-none">Получите <strong class="text__state--yellow">20% СКИДКУ</strong> на нашу годовую подписку Премиум <br></p> </div> <div class="alignc col--center"> <a href="https://www.flaticon.com/ru/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">Применить скидку</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>Следующая</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>Назад</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>Количество ваших коллекций составляет <strong>8</strong>, но вы можете разблокировать только 3 из них</p> <div id="max-collections-content" class="max-collections-content"> <div class="scrollable"> <ul class="max-collections__holder mg-bottom-lv3"></ul> </div> </div> </div> <div class="max-collections__actions"> <div class="row mg-none"> <a href="https://www.flaticon.com/ru/pricing?coupon=CLPREMIUM20" class="bj-button bj-button--outline bj-button--gray push-right track" data-track-arguments="ga, event, premium, select-collection, prefer">Продлите подписку Премиум</a> <button class="bj-button bj-button--flat bj-button--green mg-left-lv2" id="button-confirm" disabled>Сохранить и продолжить</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">Скачивание отчета</h3> <label class="modal-close" for="modal-report-collection"></label> </header> <section class="modal-body"> <form id="report-form-collection"> <p class="alignc">Укажите, пожалуйста, какая проблема была обнаружена. Спасибо!</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">Другое</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">Скачивание не работает</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">Формат некоторых файлов неверный</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">Скачивание занимает слишком много времени</span> </label> </div> </div> <textarea id="description-collection" name="description-collection" placeholder="Опишите проблему"></textarea> <button type="submit" class="fullwidth mg-none-i">Отправить</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">Изображение с кодировкой Base 64</h4> <p class="font-lg">Скопируйте данные в кодировке base64 и вставьте их в документ HTML или CSS.<br> Нужна помощь? Может быть, <a href="http://css-tricks.com/data-uris/" target="_blank" class="medium">эта ссылка поможет вам</a></p> <div class="row"> <div class="col__xs--12 col__sm--12 col__md--6"> <p class="font-sm mg-bottom-lv2">HTML-изображение</p> <div class="row copy-holder mg-bottom-lv4"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_html" readonly="" value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/ru/" title="Flaticon">www.flaticon.com></a></div>"> <span class="attribution_text modal-base64 "><textarea id="b64Image" class="b64textarea" readonly onclick="this.select()"></textarea></span> <button class="bj-button bj-button--primary copy-attributtion track" data-track-arguments="ga, event, download, icon, BASE64-CSS"> <span class="active"> <i class="icon icon--sm icon--duplicate"></i> <span>Translation</span> </span> <span> <i class="icon icon--sm icon--duplicate"></i> <span>Скопировано!</span> </span> </button> </div> </div> <div class="col__xs--12 col__sm--12 col__md--6"> <p class="font-sm mg-bottom-lv2">Фон-CSS</p> <div class="row copy-holder mg-bottom-lv4"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_css" readonly="" value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/ru/" title="Flaticon">www.flaticon.com</a></div>"> <span class="attribution_text modal-base64"><textarea id="b64css" class="b64textarea" readonly onclick="this.select()"></textarea></span> <button class="bj-button bj-button--primary copy-attributtion track" data-track-arguments="ga, event, download, icon, BASE64-HTML"> <span class="active"> <i class="icon icon--sm icon--duplicate"></i> <span>Translation</span> </span> <span> <i class="icon icon--sm icon--duplicate"></i> <span>Скопировано!</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();">Используете это для веб-сайта? Скопируйте приведенную ссылку на свой сайт:</p> <div class="row row--horizontal-center"> <div class="col__xs--12 col__sm--12 col__md--8"> <div class="row copy-holder"> <input type="text" class="input_atributtion_text" id="input_atributtion_text_copyLink" readonly value="<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/ru/" title="Flaticon">flaticon.com</a></div>"> <span class="attribution_text modal-base64"><textarea class="b64textarea" readonly onclick="this.select()"></textarea> </span> <button class="copy-attributtion" class="bj-button bj-button--secondary">  <span class="active">Translation</span> <span>Скопировано!</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>Как указывать авторство для других медиа?</span> </button> </p> </div> </div> <div class="modal__banner-footer fi-not-premium"> <p class="modal__banner-footer--title">Не хотите указать авторство?</p> <p class="modal__banner-footer--text">Вы можете легко перейти на подписку <i class="icon icon--premium inline-block"></i> <span>Premium</span> и использовать более 17,496,500 иконок без указания авторства. <a href="https://www.flaticon.com/ru/pricing" class="track" data-track-arguments="ga, event, premium, modal-base64">Получите информацию здесь</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">Выйти из редактора</span> <span class="show-mobile">Выход</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>Скачать</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>Цвета</span> </label> </li> <li> <label for="editor__display" class="track"> <i class="icon icon--lg icon--mg-xs icon--fullscreen push-center"></i> <span>Дисплей</span> </label> </li> <li> <label for="editor__forms" class="track"> <i class="icon icon--lg icon--mg-xs icon--resources push-center"></i> <span>Формы</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>Штрих</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">Выберите цвет на иконке</p> <ul class="colors icon-colors row" id="svg-icon-colors"></ul> <p class="font-sm medium text__general--heading mg-bottom-lv2">Выберите новый цвет</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">Пользовательская палитра</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">Удалить цвет</label> </li> <li> <span id="remove-palette" class="font-sm mg-none block modal__trigger" data-modal="modal-remove-palette">Remove palette</span> </li> </ul> </div> </div> </header> <div class="color-palettes-wrapper mg-bottom-lv4"> <div class="color-palette-wrapper"> <ul class="swatches"> <li id="palette-edit-color-picker" class="palette-edit-color-picker tooltip tooltip--top"> <button id="color-palette" class="bj-button bj-button--sm bj-button--gray pd-none"><i class="icon icon--plus"></i></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>Ты превысил количество цветовых образцов для этой палитры</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">Сохранить</button> <button id="cancel-edition" class="cancel-edition mg-top-lv3 bj-button bj-button--sm font-sm bj-button--link hidden">Отменить</button> </div> </div> </section> <p class="font-sm medium text__general--heading mg-bottom-lv2 clear history hide">История</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">Масштабировать</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">Переместить</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="Переместить влево" data-action="move" data-values="0 0 0 1" ><i class="icon icon--left"></i></button> <div class="tooltip__content"> <div class="content"> Переместить влево </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Переместить вправо" data-action="move" data-values="0 1 0 0" ><i class="icon icon--right"></i></button> <div class="tooltip__content"> <div class="content"> Переместить вправо </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Переместить вверх" data-action="move" data-values="1 0 0 0" ><i class="icon icon--up"></i></button> <div class="tooltip__content"> <div class="content"> Переместить вверх </div> </div> </span> <span class="tooltip tooltip--top"> <button class="btn-gray tooltip__trigger tooltip__trigger--always" data-tooltip="Переместить вниз" data-action="move" data-values="0 0 1 0" ><i class="icon icon--down"></i></button> <div class="tooltip__content"> <div class="content"> Переместить вниз </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">Повернуть</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"> Повернуть на 90º вправо </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"> Повернуть на 90º влево </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">Перевернуть</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"> Перевернуть по горизонтали </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"> Перевернуть по вертикали </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">Выберите форму</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"> Никакая </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"> Круг </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"> Закругленный квадрат </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"> Квадрат </div> </div> </span> </div> <div id="editor__forms__options" class="hide"> <p class="medium text__general--heading mg-bottom-lv2">Размер</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">Цвет</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">Ширина штриха</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>В качестве пользователя бесплатной версии вы можете сохранить только <span class="danger">3</span> новых отредактированных иконки в каждой коллекции. Чтобы сохранять неограниченное количество иконок, оформите платную подписку.</p> </div> <div class="alert warning collection_locked hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Ваша коллекция заблокирована, вы можете <a href="https://www.flaticon.com/ru/pricing" class="track">оформить платную подписку</a>, чтобы получить неограниченную коллекцию. </p> </div> <div class="alert danger collection_limit hidden"> <i class="icon icon--exclamation text-inverted"></i> <p>Вы достигли предельного количества иконок на коллекцию (256 иконок)</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>Эта функция доступна только для зарегистрированных пользователей. <a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru">Войдите</a> или <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" class="track edit_register_link">зарегистрируйтесь</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>Эта иконка имеет градиентный цвет, и ее нельзя редактировать.</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"> Отменить </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"> Вернуть </div> </div> </span> <button id="_svg_editor_resetBtn" class="bj-button bj-button--xs pd-lv2 pd-y-none" data-action="reset" data-disabled="Восстановить" disabled > <span>Сбросить</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"> Получи доступ к 17.5M+ векторных иконок и стикеров </h1> <p class="stickers font-lg regular mg-bottom-lv4">Скачивай бесплатные иконки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и CSS.</p> <section class="search-holder col mg-none pd-none"> <form action="https://www.flaticon.com/ru/search" 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>иконки</span> <i class="icon icon--sm icon--caret-down"></i> </button> <div class="stickers popover-content"> <ul> <li class="radio-group"> <input id="radio_search_by_icons_home" type="radio" class="hidden track" name="type" value="icon" data-type="icons" data-url="https://www.flaticon.com/ru/search" 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">иконки</label> </li> <li class="radio-group"> <input id="radio_search_by_stickers_home" type="radio" class="hidden track" name="type" value="sticker" data-type="stickers" data-url="https://www.flaticon.com/ru/search" 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">стикеры</label> </li> <li class="radio-group"> <input id="radio_search_by_animated_icons_home" type="radio" class="hidden track" name="type" value="animated-icon" data-type="animated icons" data-url="https://www.flaticon.com/ru/search" 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">анимированные иконки</label> </li> <li class="radio-group"> <input id="radio_search_by_uicon_home" type="radio" class="hidden track" name="type" value="uicon" data-type="interface icons" data-url="https://www.flaticon.com/ru/search" 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">значки интерфейса</label> </li> <hr> <li class="radio-group mg-top-lv3-i"> <input id="switch_search_by_all_home" type="radio" class="hidden track" name="search-group" value="all" data-type="all" data-url="https://www.flaticon.com/ru/search"> <label for="switch_search_by_all_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_all_home">Все иконки</label> </li> <li class="radio-group radio-group-by-style"> <input id="switch_search_by_style_home" type="radio" class="hidden track" name="search-group" value="style" data-type="style" data-url="https://www.flaticon.com/ru/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">Стиль</label> </li> <li class="radio-group radio-group-by-pack"> <input id="switch_search_by_packs_home" type="radio" class="hidden track" name="search-group" value="packs" data-type="packs" data-url="https://www.flaticon.com/ru/packs/search"> <label for="switch_search_by_packs_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_packs_home">Набор</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="Искать по иконкам" 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">Популярные запросы:</span> <ul> <li> <a href="https://www.flaticon.com/ru/free-icons/food-and-restaurant">Еда И Ресторан</a> </li> <li> <a href="https://www.flaticon.com/ru/free-icons/business">Бизнес</a> </li> <li> <a href="https://www.flaticon.com/ru/free-icons/food">Еда</a> </li> <li> <a href="https://www.flaticon.com/ru/free-icons/people">Люди</a> </li> <li> <a href="https://www.flaticon.com/ru/free-icons/security">Безопасность</a> </li> <li> <a href="https://www.flaticon.com/ru/free-icons/money">Деньги</a> </li> </ul> </div> </div> </div> </section> <div id="campaign-head" > </div> <section class="container"> <div class="cards-products-home circles"> <a href="https://www.flaticon.com/ru/icons" 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://media.flaticon.com/dist/min/img/home/cards-products-section/1px.png" srcset="https://media.flaticon.com/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">Иконки</h6> <p class="regular font-sm">The largest database of free icons for any project.</p> </div> </div> </a> <a href="https://www.flaticon.com/ru/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://media.flaticon.com/dist/min/img/home/cards-products-section/1px.png" srcset="https://media.flaticon.com/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">Значки интерфейса</h6> <p class="regular font-sm">Иконки, специально разработанные для ваших интерфейсов</p> </div> </div> </a> <a href="https://www.flaticon.com/ru/animated-icons" 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://media.flaticon.com/dist/min/img/home/cards-products-section/1px.png" srcset="https://media.flaticon.com/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">Анимированные Иконки</h6> <p class="regular font-sm">Движущиеся иконки для создания потрясающих проектов</p> </div> </div> </a> <a href="https://www.flaticon.com/ru/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://media.flaticon.com/dist/min/img/home/cards-products-section/1px.png" srcset="https://media.flaticon.com/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">Стикеры</h6> <p class="regular font-sm">Стикеры для сайтов, приложений или любого места, где они вам нужны</p> </div> </div> </a> </div> </section> <div class="container"> <div class="home__free-svg"> <div class="home__free-svg__header"> <div> <img src="https://media.flaticon.com/dist/min/img/uicons/uicons.svg" width="140" class="mg-right-lv2 inline-block" alt="Uicons"> <h5 class="inline font-h4">Самые популярные иконки для пользовательского интерфейса в формате <span>SVG бесплатно</span></h5> <p>+34,400 бесплатных иконок для пользовательского интерфейса в 9 разных стилях. Вы можете отредактировать и настроить их на свой лад, чтобы они стали по-настоящему Вашими</p> </div> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded" class="link--arrow link--arrow--md"> <span>Все бесплатные иконки SVG</span> <i class="icon icon--md icon--right"></i> </a> </div> <div class="home__free-svg__container"> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded?brands=1&type=uicon" class="home__free-svg-brands"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" srcset="https://media.flaticon.com/dist/min/img/home/free-svg-banner/brands.png" alt=""> <p>Бренды</p> <span class="font-xs regular">Кол-во иконок: 200</span> </a> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded?weight=bold&type=uicon" class="home__free-svg-bold"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" srcset="https://media.flaticon.com/dist/min/img/home/free-svg-banner/bold.png" alt=""> <p>Жирный</p> <span class="font-xs regular">Кол-во иконок: 8,400</span> </a> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded?weight=regular&type=uicon" class="home__free-svg-regular"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" srcset="https://media.flaticon.com/dist/min/img/home/free-svg-banner/regular.png" alt=""> <p>Обычный</p> <span class="font-xs regular">Кол-во иконок: 9,200 </span> </a> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded?weight=solid&type=uicon" class="home__free-svg-solid"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" srcset="https://media.flaticon.com/dist/min/img/home/free-svg-banner/solid.png" alt=""> <p>Монолитный</p> <span class="font-xs regular">Кол-во иконок: 9,200</span> </a> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded?weight=thin&type=uicon" class="home__free-svg-thin"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" srcset="https://media.flaticon.com/dist/min/img/home/free-svg-banner/thin.png" alt=""> <p>Тонкий</p> <span class="font-xs regular">Кол-во иконок: 8,800</span> </a> <div class="banner-footer"> <a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded" class="link--arrow link--arrow--md"> <span>Все бесплатные иконки SVG</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">Популярные иконки</h4> </div> <a href="https://www.flaticon.com/ru/packs?order_by=4" class="link--arrow link--arrow--md"> <span>Посмотреть всё</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded-premium" class="box " data-id="18359267" data-name="engineering" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/packs/engineering-18359267" title="engineering" data-le="event|pack,18359267" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/packs/engineering-18359267" src="https://cdn-share-sprites.flaticon.com/pack/18/18359/18359267-engineering_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18359/18359267-engineering_3x2.jpg" alt="engineering" 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">engineering</span> </div> <div class="col--center"> <span class="box__icons-number"> Кол-во иконок: 15 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="18362103" data-name="branding identity" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/packs/branding-identity-18362103" title="branding identity" data-le="event|pack,18362103" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/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 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="111551" data-name="pool" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/packs/pool" title="pool" data-le="event|pack,111551" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/packs/pool" src="https://cdn-share-sprites.flaticon.com/pack/0/111/111551-pool_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/111/111551-pool_3x2.jpg" alt="pool" 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">pool</span> </div> <div class="col--center"> <span class="box__icons-number"> Кол-во иконок: 50 </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.com/ru/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.com/ru/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 </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">Лучшие стикеры</h4> </div> <a href="https://www.flaticon.com/ru/stickers-packs?order_by=4" class="link--arrow link--arrow--md"> <span>Посмотреть всё</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded-premium" class="box " data-id="15372205" data-name="tennis" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/stickers-pack/tennis-15372205" title="tennis" data-le="event|pack,15372205" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/stickers-pack/tennis-15372205" src="https://cdn-share-sprites.flaticon.com/pack/15/15372/15372205-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 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15547455" data-name="motorcycle" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/stickers-pack/motorcycle-15547455" title="motorcycle" data-le="event|pack,15547455" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/stickers-pack/motorcycle-15547455" src="https://cdn-share-sprites.flaticon.com/pack/15/15547/15547455-motorcycle_3x2.jpg" alt="motorcycle" 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">motorcycle</span> </div> <div class="col--center"> <span class="box__icons-number"> Количество стикеров: 20 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15133464" data-name="lgtbi pride" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/stickers-pack/lgtbi-pride-15133464" title="lgtbi pride" data-le="event|pack,15133464" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/stickers-pack/lgtbi-pride-15133464" src="https://cdn-share-sprites.flaticon.com/pack/15/15133/15133464-lgtbi-pride_3x2.jpg" alt="lgtbi pride" 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">lgtbi pride</span> </div> <div class="col--center"> <span class="box__icons-number"> Количество стикеров: 20 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15371669" data-name="kisses" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/ru/stickers-pack/kisses-15371669" title="kisses" data-le="event|pack,15371669" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/ru/stickers-pack/kisses-15371669" src="https://cdn-share-sprites.flaticon.com/pack/15/15371/15371669-kisses_3x2.jpg" alt="kisses" 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">kisses</span> </div> <div class="col--center"> <span class="box__icons-number"> Количество стикеров: 20 </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">Шрифты-значки для любого проекта, большого или маленького</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> +34,400векторных иконок, оптимальных для <strong>SVG</strong> и <strong>веб-шрифта</strong>, для веб-приложений и приложений для iOS и Android. </p> <a href="https://www.flaticon.com/ru/uicons" class="bj-button bj-button--green track" data-track-arguments="ga, event, home, banner-uicons">Посмотреть еще</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://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/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">Инструменты, которые помогут сделать вашу работу более профессиональной</h3> <p>Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время</p> </header> <div class="slider-box"> <div class="slider-box--items"> <div class="item active" data-order="0"> <div> <p class="item-title">Коллекции</p> <i class="icon icon--next"></i> </div> <p class="item-text">Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. <a href="https://www.flaticon.com/ru/collections" class="link--normal">Посмотреть еще</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">Редактор</p> <i class="icon icon--next"></i> </div> <p class="item-text">Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. <a href="https://www.flaticon.com/ru/icons-editor" class="link--normal">Посмотреть еще</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">Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. <a href="https://www.flaticon.com/ru/for-google" class="link--normal">Посмотреть еще</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">Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. <a href="https://www.flaticon.com/ru/collections" class="link--normal">Посмотреть еще</a></p> <p class="item-text">Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. <a href="https://www.flaticon.com/ru/icons-editor" class="link--normal">Посмотреть еще</a></p> <p class="item-text">Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. <a href="https://www.flaticon.com/ru/for-google" class="link--normal">Посмотреть еще</a></p> <p class="item-text">Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. <a href="https://www.flaticon.com/ru/pattern-generator" class="link--normal">Посмотреть еще</a></p> </div> <div class="slider-box--images"> <picture> <img src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/home/slides-home/collections-slide.png" alt="Изображение коллекций" width="920" height="590" class="lzy active"> <img src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/home/slides-home/editor-slide.png" alt="Изображение редактора" width="920" height="590" class="lzy"> <img src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/home/slides-home/gsuite-slide.png" alt="Изображение Google Workspace" width="920" height="590" class="lzy"> </picture> </div> </div> </div> </section> <section class="container mg-bottom-lv5"> <div class="whats-new-section"> <div class="row"> <div class="whats-new-section__text col__xs--12 col__xl--4"> <h5 class="mg-none mg-bottom-lv2-i">Что нового в Flaticon</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon. </p> <a class="bj-button bj-button--green" href="https://www.flaticon.com/ru/whats-new" rel="noreferrer noopener">Просмотреть все</a> </div> <div class="whats-new-section__cards col__xs--12 col__xl--8"> <div class="row"> <a href="https://www.flaticon.com/ru/whats-new#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">Новый плагин Figma с форматом SVG здесь</p> </a> <a href="https://www.flaticon.com/ru/whats-new#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">Упрощенный пользовательский интерфейс</p> </a> <a href="https://www.flaticon.com/ru/whats-new#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">Сортируйте ресурсы по стилю и быстро находите подходящие вам иконки</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"> Добавьте иконки в Figma быстрее</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> Новый плагин Figma уже здесь, который перенесет миллионы векторных иконок прямо на ваш холст.</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">Попробовать</a> </div> <div class="col__xs--12 col__sm--6 mg-none-i col--stretch home__figma__image"> <img src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/home/banner-figma-image.svg" width="630" height="350" class="lzy push-right image-overflow-croped hide-mobile"> <img src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/home/banner-figma-image-mobile.svg" width="630" height="350" class="lzy push-right image-overflow-croped show-mobile"> </div> </div> </div> </section> <footer id="footer" class="body-footer"> <div class="container"> <div class="row mg-none mg-bottom-lv4-i row--vertical-center footer__top"> <a href="https://www.flaticon.com/ru" class="logo-flaticon"> <img class="show-tablet push-center lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/logos/flaticon-by-color-negative-ver.svg" alt="Flaticon logo" width="172" height="46"> <img class="hide-tablet push-center lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/logos/flaticon-by-color-negative-hor.svg" alt="Flaticon logo" width="277" height="26"> </a> <div class="push-right footer__buttons"> <div class="row mg-none"> <a href="https://contributor.flaticon.com/?utm_source=home_ru&utm_medium=home_ru_footer&utm_campaign=earn_money_ru2" class="bj-button bj-button--green" target="_blank" rel="noreferrer noopener">Доступ для авторов</a> <a href="https://www.flaticon.com/ru/pricing" class="bj-button bj-button--flat bj-button--yellow mg-left-lv2 fi-not-premium track" data-track-arguments="ga, event, premium, footer">Стань Премиум</a> </div> </div> </div> <div class="row mg-none"> <div class="footer__column stickers"> <p class="footer__title"><label for="footer__content">Контент<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__content"> <ul> <li><a href="https://www.flaticon.com/ru/authors">Авторы</a></li> <li><a href="https://www.flaticon.com/ru/most-downloaded">Иконки</a></li> <li><a href="https://www.flaticon.com/ru/stickers-most-downloaded">Стикеры</a></li> <li><a href="https://www.flaticon.com/ru/icon-fonts-most-downloaded">Значки интерфейса</a></li> <li><a href="https://www.flaticon.com/ru/animated-icons-most-downloaded">Анимированные иконки</a></li> <li><a href="https://www.flaticon.com/ru/tags">Метки значков</a></li> <li><a href="https://www.flaticon.com/ru/tags/stickers">Метки стикеров</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__tools">Инструменты<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__tools"> <ul> <li><a href="https://www.freepik.com/api">API</a></li> <li><a href="https://www.flaticon.com/ru/for-google">Google Workspace</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__help">Справка<i class="icon icon--sm icon--next floatr show-phone"></i></label></p> <input type="checkbox" id="footer__help"> <ul> <li><a href="https://www.flaticon.com/ru/profile/support">Поддержка</a></li> <li><a href="https://support.flaticon.com/s/?language=en_US">FAQ</a></li> <li><a href="https://www.flaticon.com/ru/styles">Стили иконок</a></li> <li><a href="https://www.flaticon.com/ru/icons-editor">Редактор иконок</a></li> <li><a href="https://www.flaticon.com/ru/collections">Коллекции Flaticon</a></li> <li><a href="https://www.flaticon.com/ru/follow">Подписаться</a></li> <li><a href="https://www.flaticon.com/ru/merchandising-license">Лицензия Merchandising</a></li> </ul> </div> <div class="footer__column"> <p class="footer__title"><label for="footer__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://ru.freepik.com/company/о-нас" target="_blank" rel="noreferrer noopener">О нас</a></li> <li><a href="https://www.flaticon.com/ru/profile/support">Контакт</a></li> <li><a href="https://www.flaticon.com/ru/legal" target="_blank" rel="noreferrer noopener">Наша лицензия</a></li> <li><a href="https://www.flaticon.com/blog/" target="_blank" rel="noreferrer noopener">Блог</a></li> <li><a href="https://www.flaticon.com/ru/pricing" target="_blank" rel="noreferrer noopener">Подписки и тарифы</a></li> <li><a href="https://www.flaticon.com/ru/whats-new" rel="noreferrer noopener">Что нового</a></li> </ul> </div> <div class="footer__column footer__social"> <p class="footer__title"><label for="footer__social">Социальные медиа</label></p> <ul class="share"> <li><a href="https://www.facebook.com/flaticon" class="icon icon--facebook bg__social--facebook" title="Facebook" target="_blank" rel="noreferrer noopener"></a></li> <li> <a href="https://twitter.com/flaticon" class="icon bg__background--secondary" title="Twitter" target="_blank" rel="noreferrer noopener"> <img class="lzy" src="https://media.flaticon.com/dist/min/img/home/1px.png" data-src="https://media.flaticon.com/dist/min/img/twitter.png" alt="twitter logo" width="15" height="15"> </a> </li> <li><a href="https://www.pinterest.com/flaticon" class="icon icon--pinterest bg__social--pinterest" title="Pinterest" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.instagram.com/flaticon/?hl=en" class="icon icon--instagram bg__social--instagram" title="Instagram" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.youtube.com/channel/UC9wPXN2TIWoUamqONb7v8Pw" class="icon icon--youtube bg__social--youtube" title="YouTube" target="_blank" rel="noreferrer noopener"></a></li> </ul> <div class="gr_not-connected"> <p class="bold">Получайте эксклюзивные ресурсы прямо на свою почту</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" class="bj-button bj-button--outline bj-button--green bj-button--sm track" data-track-arguments="ga, event, register, click, footer-register">Зарегистрироваться</a> </div> </div> </div> <ul class="footer__legal font-xs mg-top-lv3"> <li class="inline-block"><a href="https://www.flaticon.com/legal" rel="noreferrer noopener" title="Условия использования">Условия использования</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/privacy" target="_blank" rel="noreferrer noopener" title="Политика конфиденциальности">Политика конфиденциальности</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/cookies" target="_blank" rel="noreferrer noopener" title="Политика использования файлов cookie">Политика использования файлов cookie</a></li> <li class="inline-block mg-left-lv2"><a href="https://www.freepik.com/legal/copyright" target="_blank" rel="noreferrer noopener" title="Уведомление об авторских правах">Уведомление об авторских правах</a></li>  <li class="inline-block mg-left-lv2"><button class="link link-inverted ot-sdk-show-settings" id="ot-sdk-btn">Настройки файлов cookie</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. Все права защищены.</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"> Pусский </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>Проекты компании Freepik</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" 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">Коллекция: <strong class="collection_name"></strong></p> <p class="modal-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.com/ru/pricing" target="_blank"> <b>Скачивание Премиум</b> <p>Более 17,496,500 иконок за <span>11.08 SGD</span> в месяц</p> </a> <ul class="hide-phone--xs"> <li><strong>Ссылка на источник</strong> не требуется</li> <li>17.5M+ млн иконок, стикеров и логотипов в редактируемых форматах, таких как <b>SVG, EPS, PSD и CSS</b></li> <li>До 2000 загрузок в день</li> <li>Просмотр <strong> без рекламы </strong></li> </ul> <p class="show-phone--xs"> <a href="https://www.flaticon.com/ru/pricing" class="link--normal track" data-track-arguments="ga, event, premium, modal-download-premium">Подробнее</a> </p> </div> <div class="column column-free"> <button id="download-free" class="btn"> <b>Бесплатное скачивание</b> <p>Вы должны указать автора</p> </button> <div class="copy-wrapper hide-phone--xs"> <p class="copy" onclick="document.getElementById('input_atributtion_text_modal_copyLink').select();">Используете это для веб-сайта? Скопируйте приведенную ссылку на свой сайт:</p> <div class="row copy-holder"> <input type="text" class="input_atributtion_text copyLink" id="input_atributtion_text_modal_copyLink" readonly> <span class="attribution_text"></span> <button id="copy-attributtion" class="bj-button bj-button--secondary">  <span class="active">Translation</span> <span>Скопировано!</span> </button> </div> </div> <p class="mg-none"> <a class="link--normal" href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=en_US" target="_blank"> <span class="hide-phone--xs font-xs mg-top-lv2">Как указывать авторство для других медиа?</span> <span class="show-phone--xs">Как ссылаться на авторство?</span> </a> </p> </div> </section> </div> </div> </div> <script id="tpl-icon" type="text/x-handlebars-template"> <li class="icon--item{{#if page}} init page-handler{{/if}} {{#isPersonalIcon premium}} personal-icon{{/isPersonalIcon}} {{styleClass}} {{#compare iconType '==' 'animated-icon'}}animated--icon{{/compare}}" data-author="{{groupId}}" data-author_avatar="{{authorAvatar}}" data-author_name="{{teamName}}" data-author_website="{{teamWebsite}}" data-selection="{{selection}}" data-author_icons="{{authorIcons}}" data-author_icons_text="{{authorIconText}}" data-background_color="{{backgroundColor}}" data-category_id="{{categoryId}}" data-category_name="{{category}}" data-category_url="{{categoryUrl}}" data-class="{{class}}" data-is_editorial="{{is_editorial}}" data-color="{{color}}" data-description="{{name}}" data-family_id="{{familyId}}" data-family_name="{{familyName}}" data-group_id="{{groupId}}" data-id="{{id}}" data-keyword_name="{{keywordName}}" data-keyword_link="{{keywordLink}}" data-license="{{license}}" data-name="{{name}}" data-name_detail="{{nameDetail}}" data-pack="{{packSlug}}" data-pack_id="{{packId}}" data-pack_items="{{packItems}}" data-pack_items_text="{{packItemsText}}" data-pack_name="{{packName}}" data-pack_sprite="{{packSprite}}" data-premium="{{premium}}" data-published="{{published}}" data-related="{{related}}" data-style="{{styleId}}" data-style_name="{{styleName}}" data-style_slug="{{styleSlug}}" data-tags="{{tagsId}}" data-team_id="{{groupId}}" data-team_name="{{teamName}}" data-type="{{type}}" data-png="{{png512}}" data-mp4="{{mp4}}" data-gif="{{gif}}" data-svg="{{svg}}" data-icon_type="{{iconType}}" data-style_class="{{styleClass}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}" data-prefix="{{prefix}}" data-raw="{{raw}}" {{#if craft}} data-craft="{{craft}}" {{/if}} {{#if page}} data-page="{{page}}"{{/if}}> <div class="icon--holder"> <a href="{{slug}}" class="view link-icon-detail" title="{{description}}" data-id="{{#if id}}{{id}}{{/if}}" data-src="{{#if queryParams}}{{queryParams}}{{/if}}" > <img src="https://media.flaticon.com/dist/min/img/loader.gif" data-src="{{png}}" alt="{{description}}" title="{{description}}" width="64" height="64" class="lzy"> </a> {{#compare iconType '!=' 'animated-icon'}} <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> {{#compare iconType '!=' 'uicon'}} {{#compare iconType '==' 'standard'}} <li class="tooltip tooltip--left "> <button class="add-remove icon icon--addcollection tooltip__trigger tooltip__trigger--always bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>Добавить в коллекцию</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>Копирование в буфер обмена. Копирование этого ресурса считается загрузкой</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>Скачать</span> </div> </div> <div class="popover-content"> <div> <span class="bold mg-bottom-lv2">Загрузить ресурс</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?')">Что это такое?</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> Редактировать название</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> Удалить коллекцию</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> Удалить/переименовать значки</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" > Дублировать коллекцию</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru">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"> Сортировать иконки</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"> Резервное копирование иконок</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"> Поделиться</button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru" onclick="ga('send', 'event', 'Login', 'Download pack button');">Login</a> or <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" onclick="ga('send', 'event', 'Register', 'Download pack button');">register</a> to share.</p> </div> </div> </div> </li> </ul> <div class="popover-locked locked-collection hidden"> <p>This collection is locked until you <a class="text-link track" data-track-arguments="ga, event, collections, collection-locked" href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru">upgrade</a> to a Premium account</p> </div> </div> </div> </div> </div> <div class="edit-name"> <input type="text" class="collection-name-input" value="{{name}}" data-original="{{name}}" maxlength="100"> <button class="flaticon-disk icon icon--save nostyle"></button> </div> {{else}} <div class="locked-options"> <i class="icon icon--lock"></i> </div> <div class="header-options"> <div class="popover vToggleRender"> <div class="popover-container menu-options"> <button class="collection-options popover-button nostyle tooltip__trigger tooltip__trigger--enabled"> <i class="icon icon--menudots push-center"></i> </button> <div class="popover-content"> <ul class="option-buttons"> <li><button class="nostyle flaticon-bin collection-option icon icon--trash delete-collection track" data-track-arguments="ga, event, collections, menu, delete" data-bookmark="{{bookmark_id}}"></i> Удалить коллекцию</button></li> </ul> </div> </div> </div> </div> {{/if}} </header> <div class="empty-collection-register icons-collection-noregister"> <div class="empty-collection-register close"> <img src="https://media.flaticon.com/dist/min/img/collection-limit.svg" width="210" height="175" loading="lazy"> <div><i class="icon icon--cross"></i></div> </div> <p class="register-title">Вы достигли предельно допустимого количества иконок в своей коллекции</p> <p>Зарегистрируйтесь сейчас и усовершенствуйте проект своей коллекции</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, full-collection">Зарегистрируйтесь бесплатно</a> <p class="register-check row row--vertical-center mg-none"> <i class="icon icon--check mg-right-lv1 text__state--green"></i> <span>Создайте до 3 коллекций</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>Добавьте 256 иконок в коллекцию</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>Сохраните и кастомизируйте свои иконки</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>Режим редактирования</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> Назад</button> </header> <header class="header-sort"> <b>Фильтровать режим <small>(Перетащить)</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> Назад</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">Ваша коллекция заблокирована</p> <p class="collection-locked-box--text mg-none">Не ограничивайте свою работу: пользуйтесь неограниченными коллекциями</p> <a href="https://www.flaticon.com/ru/pricing" class="bj-button bj-button--sm bj-button--yellow track" data-track-arguments="all, event, collection, go-to-premium, collection-locked">Оформить платную подписку</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="Вы достигли предельного количества 256 иконок. Оформите подписку Премиум, чтобы получить неограниченный доступ к коллекциям" style="display:none;">Достигнуто предельное количество: 256 иконок на коллекцию</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>Перетащите, чтобы загрузить</p> </div> </div> <div class="upgrade"> <div class="max-custom-icons"> <div class="close"> <img src="https://media.flaticon.com/dist/min/img/collection-max-custom-icons.svg" width="209" height="148" loading="lazy"> <div><i class="icon icon--cross close-button"></i></div> </div> <p class="register-title">Вы достигли предельно допустимого количества редактируемых иконок</p> <p>Вы можете загрузить только 3 иконки как пользователь с бесплатным планом. Оформите подписку Премиум и загружайте иконки без ограничений</p> <a href="https://www.flaticon.com/ru/pricing" class="bj-button bj-button--yellow fullwidth track" data-track-arguments="ga, event, premium, collections-limit-custom">Стань Премиум</a> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Добавляйте неограниченные коллекции</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Добавьте 256 иконок в коллекцию</span> </p> <p class="register-check row row--vertical-center"> <i class="icon icon--check text__state--green mg-right-lv1"></i> <span>Сохраняйте неограниченное количество индивидуальных иконок</span> </p> </div> </div> <div class="register"> <div class="register--box"> <p>Вы не можете загружать иконки как анонимный пользователь.</p> <p><a href="https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ru" class="link--normal">Вход</a> или <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" class="link--normal">Зарегистрироваться</a></p> <button class="bj-button bj-button--secondary bj-button--sm">Продолжить</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>Загрузить SVG</span> </label> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <p>Загрузите свои иконки svg</p> </div> </div> </div> </li> </ul> <div class="empty-collection" ondragover="Collection.dragOver(event); return false;"> <div class="empty-collection-content"> <div class="empty-collection-register"> <img src="https://media.flaticon.com/dist/min/img/collection-empty.svg" height="174" width="192" loading="lazy"> <p class="register-title">Создавайте кастомизированные коллекции</p> <p>Вы хотите создать персонализированный набор иконок?</p> <p>Просто добавьте желаемые иконки в коллекцию и скачайте их в нужном вам формате.. <a href="https://www.flaticon.com/ru/collections" class="link--normal" target="_blank">Подробнее</a></p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ru" class="bj-button bj-button--primary fullwidth track" data-track-arguments="ga, event, register, click, empty-collection">Зарегистрируйтесь бесплатно</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">Создайте до 3 коллекций</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">Добавьте 256 иконок в коллекцию</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">Сохраните и кастомизируйте свои иконки</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://media.flaticon.com/dist/min/img/collections-example.png" alt="Add icons" width="288" height="191.5" loading="lazy"> <a class="open_tour btn btn-small btn-outline btn-gray" href="https://www.flaticon.com/ru/collections">Как работают коллекции?</a> </div> </div> </div> <div class="collection-share"> <button class="nostyle close">×</button> <div class="collection-share-content"> <small>Скопируйте приведенную ниже ссылку и отправьте ее человеку, с которым вы хотели бы поделиться коллекцией, или поделитесь ею, опубликовав в социальных сетях.</small> <input class="selectInput" type="text" value="https://www.flaticon.com/ru/collections/{{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>Получите резервную копию иконок из этой коллекции, и вы сможете восстановить их в любое время</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>Скачать резервную копию</span> </a> <div class="tooltip__content"> <div class="content"> <p>Эта коллекция пуста.<br> Чтобы скачать резервную копию, добавьте несколько иконок.</p> </div> </div> </div> <p><small>Восстановите иконки из резервной копии в эту коллекцию</small></p> <label class="btn btn-outline">Загрузить резервную копию<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>Скачать коллекцию</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">Скачать:<br>Выберите формат</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>Скачайте в PNG и используйте иконки на веб-сайтах, в Powerpoint, Word, Keynote и во всех распространенных приложениях</p> </div> </div> </li> <li class="customize"> <span>Выберите размер (в пикселях).</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>Скачайте в SVG и используйте иконки на веб-сайтах, в Adobe Illustrator, Sketch, CorelDraw и во всех приложениях для векторного дизайна</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>Скачайте в EPS и используйте иконки на веб-сайтах, в Adobe Illustrator, Sketch, CorelDraw и во всех приложениях для векторного дизайна</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>Скачайте в PSD и используйте иконки с 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>Скачайте как иконочные шрифты и используйте на своем веб-сайте иконки, полностью кастомизируемые с помощью 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>Скачайте как SVG-спрайт и используйте на своем веб-сайте иконки, полностью кастомизируемые с помощью CSS</p> </div> </div> </div> <a class="help_link bj-button bj-button--ghost" href="/svg-sprites" target="_blank"><i class="icon icon--interogation"></i></a> </div> </li> </ul> <form name="download-collection-form" method="post" > <input type="hidden" name="downC_backup"> <input type="hidden" name="downC_type"> <input type="hidden" name="downC_bookmark_id"> <input type="hidden" name="downC_bookmark_name"> <input type="hidden" name="downC_user_id"> <input type="hidden" name="downC_format"> <input type="hidden" name="downC_size"> <input type="hidden" name="downC_color"> <input type="hidden" name="downC_icons"> </form> </div> </div> </div> {{/if}} </div> </section> </script> <script id="tpl-collection-icon" type="text/x-handlebars-template"> <li class="icon--item collectionIcon selected {{iconLocked}}" data-id="{{id}}" data-name="{{name}}" data-color="{{color}}" data-premium="{{premium}}" aria-haspopup="true" data-sort="{{sort}}" {{#if imageUrl}} data-src="{{imageUrl}}" {{else}} data-src="{{icoImg}}" {{/if}} draggable="true" > <div class="icon--holder"> <a href="https://www.flaticon.com/ru/icon/{{id}}" class="view link-icon-detail" title="{{name}}"> <img src="https://media.flaticon.com/dist/min/img/loader.gif" {{#if imageUrl}} data-src="{{imageUrl}}" {{else}} data-src="{{icoImg}}" {{/if}} class="collectionIconImage" onload="Widget.renderSVG(this)" data-premium="{{premium}}"> </a> <span class="personal-icon--text">custom</span> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> <li class="collectionIcon hToggleRender"> <button class="add-remove icon icon--addcollection icon--removecollection bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> </li> </ul> </div> <div class="edit"> <input class="collection-icon-rename" type="text" value="{{name}}" data-original="{{name}}"> <button class="flaticon-bin nostyle danger icon icon--trash collection-icon-delete bj-button bj-button--ghost"></button> </div> <i class="flaticon-premium icon icon--premium danger"></i> </div> </li> </script> <script id="tpl-author-box" type="text/x-handlebars-template"> <article class="box box--author{{#if page}} init page-handler{{/if}}" {{#if page}} data-page="{{page}}"{{/if}} data-id="{{id}}" data-name="{{name}}"> <a href="{{link}}"> <div class="box--author-pt1"> <picture class="author-img"> <source> <img src="{{image}}" alt="{{name}}" title="{{name}}"> </picture> <div class="author-info"> <p class="author-info--name">{{name}}</p> <p class="author-info--icons">{{numberOfItelist_item_viewmsText}}</p> </div> <button class="bj-button bj-button--sm bj-button--outline btn--follow js_follow mg-left-lv2" id="js_follow-author" data-type="author" data-elementid="{{id}}"> <div class="state--inactive"> <span>Follow</span> </div> <div class="state--active"> <span class="normal">Following</span> <span class="hover">Unfollow</span> </div> </button> </div> <div class="box--author-pt2"> {{#each bestPacks}} <div class="sprite"> <div class="img-wrapper"> <img src="{{image}}"> </div> </div> {{/each}} </div> </a> </article> </script> <script id="tpl-pack-box" type="text/x-handlebars-template"> <article class="box{{#if page}} init page-handler{{/if}}{{#if premium}} box-premium{{/if}}" {{#if page}} data-page="{{page}}"{{/if}}data-id="{{id}}" data-name="{{description}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}"> <a href="{{link}}{{#if word}}?word={{word}}{{/if}}" title="{{description}}" data-le="event|pack,{{id}}"> {{#if premium}} <span class="badge-license premium"><i class="icon icon--premium premium"></i></span> {{/if}} <div class="img-holder"> <img data-pin-url="{{link}}" src="https://media.flaticon.com/dist/min/img/loader-pack.jpg" data-src="{{image}}" alt="{{description}}" class="img-bg lzy" width="300" height="282"> </div> <footer class="bg-{{colors}}"> <div class="row"> <div class="col overflow-ellipsis mg-none"> <span class="name">{{description}}</span> </div> <div class="col--center"> <span class="box__icons-number pull-right">{{packNumberOfItemsText}}</span> </div> </div> </footer> </a> </article> </script> <script id="tpl-user-following-authors" type="text/x-handlebars-template"> <div class="following__block"> <div class="row row--vertical-center"> <div class="following__data"> <div class="row row--vertical-center"> <div class="avatarAndName mg-bottom-lv2"> <a href="{{authorUrl}}"> <img class="avatar mg-right-lv2" src="{{avatar}}" alt="username"> <p class="bold">{{authorName}}</p> </a> </div> <div> <p class="followers__data"> {{#if numPacks }} <strong>{{numPacks}}</strong> Наборы | {{/if}} {{#if numStickersPacks }} <strong>{{numStickersPacks}}</strong> Наборы стикеров | {{/if}} {{#if numIcons }} <strong>{{numIcons}}</strong> Иконки{{#if numStickers}} | {{/if}} {{/if}} {{#if numStickers }} <strong>{{numStickers}}</strong> Стикеры {{/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>Подписаться</span> </div> <div class="state--active"> <span class="normal">Подписки</span> <span class="hover">Отписаться</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>Посмотреть всё</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}} иконки</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}} иконки</a> <a href="/{{slug}}" class="badge">{{numberFormat styles}} стили</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}} иконки</span> </div> </div> </footer> </a> </article> {{/each}} <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> </script> <script id="tpl-blogArticle" type="text/x-handlebars-template"> <article class="post col post--freebies post--post"> <div class="post--inner"> <div class="row mg-none full-height"> <a href="{{postLink}}" class="post--img col mg-none pd-none full-width">  <img src="https://media.flaticon.com/dist/min/img//home/1px.png" data-src="{{imageUrl.src}}" width="300" height="440" class="lzy"> </a> {{#compare imageUrl.height '<' imageUrl.width }} <div class="post--content mg-none full-width"> <a href="{{categoryLink}}" class="text__state--blue uppercase font-sm link--category">{{category}}</a> <h2 class="mg-lv2 mg-x-none"><a href="{{postLink}}">{{title}}</a></h2> <div class="row mg-none post--content--bottom"> <div class="col pd-none mg-none pd-right-lv5-i overflow-ellipsis"> <p class="font-sm mg-none pd-right-lv1 overflow-ellipsis"><a href="https://www.freepik.com/blog/author/flaticon/" class="bold mg-right-lv1">Flaticon</a>{{publicationDate}}</p> </div> </div> </div> {{/compare}} </div> </div> </article> </script>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4221997.js"></script>  <script type="text/javascript" src="https://media.flaticon.com/js/jquery-3.5.1.min.js"></script> <script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=default%2CElement.prototype.dataset" async="async"></script> <script> var grid_size = localStorage.getItem('grid_size') || ''; if (grid_size == 'big') { var radio = document.querySelector(".grid_selector input[name=grid][value=big]"); if (radio) { radio.checked = true; } [].forEach.call(document.querySelectorAll('.icons:not(.collection_icons_list)'), function(grid){ grid.classList.add(grid_size); }); } </script> <script id="tpl-notification" type="text/x-handlebars-template"> <div class="user-alert {{type}}" id="notify-{{time}}"{{#if sticky}} style="z-index: 500"{{/if}}> <i class="icon icon--{{type}}"></i> <p><b>{{title}}: </b>{{{body}}}.{{#if sticky}} <button class="nostyle" onclick="Notifier.close(this)" data-time="{{time}}">×</button>{{/if}}</p> </div> </script>  <script type="text/javascript" src="https://media.flaticon.com/dist/js/common.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/ads.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/userSession-auth.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/fi-base.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/script.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://media.flaticon.com/dist/js/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">Насколько вероятно, что ты порекомендуешь Flaticon другу?</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>Маловероятно</span> <span>Весьма вероятно</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="Большое спасибо! Вы бы что-нибудь улучшили?" 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">Нет, спасибо</button> </div> <div class="col mg-none"> <button type="submit" class="bton_valuation_cl bj-button bj-button--sm bj-button--green full-width">Отправить</button> </div> </div> <div id="valuation_message" class="valuation_message_cl" style="display:none">* Напишите нам комментарий</div> </div> </div> <div id="trustpilotNPS" style="display:none"> <p class="mg-bottom-lv2"><b>Как насчет рейтинга на Trustpilot</b></p> <p class="mg-bottom-lv1">Если вы сможете уделить несколько минут, чтобы оставить о нас отзыв, мы будем очень признательны 😃</p> <p class="mg-bottom-lv2">Пожалуйста, посетите:</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">Нет, спасибо</button> </div> </div> <div id="valuation_congrat" class="valuation_congrat_cl" style="display:none;"> <span>Большое спасибо за помощь! </span> </div> </form> <div id="stockbanner"> </div> <div class="loader" id="loader" style="display: none;"> <div class="circle-spinner"></div> </div> </body>  </html>