CINXE.COM

<!DOCTYPE html> <html lang="kr"> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="msapplication-config" content="none" /> <link rel="shortcut icon" href="https://www.flaticon.com/media/dist/min/img/favicon.ico"> <meta name="google-site-verification" content="jFocZR0Xg3630llv9ftPl5uCj4D5b2I4TfWjLpL-QR4" /> <meta name="naver-site-verification" content="4c0baa4943d32420d0e79f8706e01cda67156093" /> <meta name="p:domain_verify" content="c98d39b8210b59a48713c599c6475bdf" /> <link rel="apple-touch-icon" sizes="58x58" href="https://www.flaticon.com/media/dist/min/img/apple-icon-58x58.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://www.flaticon.com/media/dist/min/img/apple-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="87x87" href="https://www.flaticon.com/media/dist/min/img/apple-icon-87x87.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://www.flaticon.com/media/dist/min/img/apple-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://www.flaticon.com/media/dist/min/img/apple-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://www.flaticon.com/media/dist/min/img/apple-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="167x167" href="https://www.flaticon.com/media/dist/min/img/apple-icon-167x167.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://www.flaticon.com/media/dist/min/img/apple-icon-180x180.png" /> <link rel="apple-touch-icon" sizes="1024x1024" href="https://www.flaticon.com/media/dist/min/img/apple-icon-1024x1024.png" /> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/nkhjnpgcnmdpeikbeegmibjcfjpamjnp"> <meta name="facebook-domain-verification" content="mqqw5yoiv6x0bu0vwfj9kfem9n1aeg" /> <title>Flaticon terms of use</title> <meta name="description" content="Flaticon terms of use"> <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="Flaticon terms of use"> <meta name='twitter:description' content="Flaticon terms of use"> <meta name='twitter:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.com/kr/'> <meta property='og:title' content="Flaticon terms of use" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.com/kr/legal' /> <meta property='og:description' content="Flaticon terms of use" data-dynamic='true' /> <meta property='og:type' content='article' data-dynamic='true' /> <meta property='og:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg' /> <meta property='og:image:type' content='image/png' data-dynamic='true'> <meta property='og:image:width' content='1200' data-dynamic='true' /> <meta property='og:image:height' content='630' data-dynamic='true' /> <meta property='og:image:alt' content='Legal' /> <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/kr/legal"> <link rel="preload" href="https://www.flaticon.com/media/dist/min/img/logo/flaticon_negative.svg" as="image"> <link rel="preload" href="https://www.flaticon.com/media/dist/assets/bobjoll.202cca458fa9de5d74455893e517f85c.woff2" as="font" crossorigin importance="high"> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/global.568ab1fee14581be5afc.js"></script> <link rel="preload" href="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/ads.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/userSession-auth.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/fi-base.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/terms-of-use.568ab1fee14581be5afc.js" as="script"> <link href="https://www.flaticon.com/media/dist/css/fi-style.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/kr/profile/'; var ACCOUNTS_URL = 'https://www.flaticon.com/kr/profile/'; var ACCOUNTS_API_KEY = 'aHR0cHM6Ly93d3cuZmxhdGljb24uY29tL2ty'; 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 = 'korean'; var language = 'korean'; var LANGUAGE_SHORT = 'kr'; var URL_LOG = 'https://www.flaticon.com/kr/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/kr/'; var BASE_URL = 'https://www.flaticon.com/'; var URL_STATIC_IMG = 'https://www.flaticon.com/media/dist/min/img/'; var SPONSOR_CACHE = 'b887ad3bcdddc52c8955ca132ff10e8ec345bf8g'; var SPONSOR_FREEPIK = 'https://www.flaticon.com/edge/banner2/search?'; var ACTIVE_AX_DETAIL = 0; var LANDING = false; var url_pre_ax_detail; var URL_CRM_LOG = 'https://www.flaticon.com/kr/ajax/crm-log'; var FLATICON_URL_STATIC = 'https://www.flaticon.com/media/'; var MONTHLY_SUBSCRIPTION_PRICE = '9,99€'; var USA_MONTHLY_SUBSCRIPTION_PRICE = '11,99$'; var ANNUAL_SUBSCRIPTION_PRICE = '89,99€'; var USA_ANNUAL_SUBSCRIPTION_PRICE = '99,00$'; var ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '7,50€'; var USA_ANNUAL_SUBSCRIPTION_PRICE_PER_MONTH = '8,25$'; var URL_CAMPAIGN = ''; var LICENSES = JSON.parse('{"name":{"1":"CC 3.0 BY","2":"Flaticon Basic License","3":"Editorial License"},"url":{"1":"http:\/\/creativecommons.org\/licenses\/by\/3.0\/","2":"https:\/\/www.flaticon.com\/media\/license\/license.pdf","3":"https:\/\/www.flaticon.com\/media\/license\/license_editorial.pdf"}}'); var FLATICON_SEO_APP_URL = JSON.parse('{"english":"https:\/\/www.flaticon.com\/","spanish":"https:\/\/www.flaticon.es\/","portuguese":"https:\/\/www.flaticon.com\/br\/","german":"https:\/\/www.flaticon.com\/de\/","korean":"https:\/\/www.flaticon.com\/kr\/","french":"https:\/\/www.flaticon.com\/fr\/","russian":"https:\/\/www.flaticon.com\/ru\/"}'); var SUPPORT_URL = 'https://support.flaticon.com/s/'; var SUPPORT_LANG = 'language=en_US'; var GR_LANGUAGE = 'kr'; var FLATICON_URL_IMAGE = 'https://image.flaticon.com/'; var COUPON_PRICING = 'FI10cART23q3' var MERCHANDISING_LICENSE_CHECK_URL = 'https://www.flaticon.com/kr/merchandising-license/check'; var GOOGLE_ONE_TAP_LOGIN_URL = 'https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon'; var URL_GENERIC_IMAGE_SHARE = 'https://www.flaticon.com/media/share/flaticon-generic.jpg' var UICONS_LAST_VERSION = '2.6.0'; var IS_API_ORIGIN = false; var SPONSOR_CURRENT_PAGE = 1; var ESSENTIALS_STATUS = ''; var ESSENTIALS_DATE = ''; var UPDATE_BILLING_INFO = false; var VISIT_PLANS_PRICING = 0; var GOOGLE_IDP_URL_LOGIN = 'https://id.freepik.com/v2/log-in?client_id=flaticon&lang=ko'; var GOOGLE_IDP_URL_REGISTER = 'https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko'; // 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 = '129e79a7c4a7886cefcd61bcba750060'; var PACK_LICENSE_URL = 'https://www.flaticon.com/kr/license/pack/'; var IS_UICONS_VIEW = false; var FLATICON_URL = 'https://www.flaticon.com/kr/'; 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 = null; var PRODUCT_PRICING_YEARLY = null; var PRODUCT_PRICING_MONTHLY = null; var FLATICON_DOWNLOAD_URL = 'https://www.flaticon.com/kr/'; 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> <link rel="preload" as="script" href="https://ssm.codes/smart-tag/flaticoncomv2.js"> <script async src="https://ssm.codes/smart-tag/flaticoncomv2.js"></script>  <script> function dispatchGoogleOneTapMomentEvent(notification) { window.dispatchEvent(new CustomEvent('googleOneTapDisplayed', { detail: notification.isDisplayed() })); } </script> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="g_id_onload" data-client_id="705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com" data-login_uri="https://id.freepik.com/api/v2/login/google-one-tap?client_id=flaticon" data-skip_prompt_cookie="gr_session2" data-prompt_parent_id="g_id_onload" data-moment_callback="dispatchGoogleOneTapMomentEvent" data-callback="oneTapCallback" ></div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Flaticon", "url": "https://www.flaticon.com/kr/", "logo": "https://www.flaticon.com/media/dist/min/img/flaticon-logo.svg", "sameAs": [ "https://www.facebook.com/flaticon", "https://twitter.com/flaticon", "https://www.pinterest.es/flaticon/" ] } </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Flaticon", "url": "https://www.flaticon.com/kr/", "potentialAction": { "@type": "SearchAction", "target": "https://www.flaticon.com/kr/search?word={search_term_string}", "query-input": "required name=search_term_string" } } </script>  <div class="myTestAd" style="position: absolute; pointer-events: none;"></div>  <link rel="preconnect" href="https://shb.richaudience.com"> <link rel="preconnect" href="https://ib.adnxs.com"> <link rel="preconnect" href="https://c.amazon-adsystem.com"> <link rel="preconnect" href="https://securepubads.g.doubleclick.net"> <link rel="preconnect" href="https://googleads.g.doubleclick.com"> <link rel="preconnect" href="https://pagead2.googlesyndication.com"> <link rel="preconnect" href="https://bidder.criteo.com"> <link rel="preconnect" href="https://prebid.mgid.com"> <link rel="preconnect" href="https://dmx.districtm.io"> <link rel="preconnect" href="https://ice.360yield.com"> <link rel="preconnect" href="https://adx.adform.net"> <link rel="preconnect" href="https://rtb.adpone.com">   <script> window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments)}; </script>  <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="R5JS7-M8GWC-DW7YC-BENQZ-YEA7H",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"R5JS7-M8GWC-DW7YC-BENQZ-YEA7H";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbevydn5wez2b2mia-f-37e454c61-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":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1289b107","ak.r":41571,"ak.a2":n,"ak.m":"b","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":56036,"ak.gh":"184.27.123.15","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732367120","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==K5UoSIWi38wvTJAort2AHxwxW6v2NJFxbmU+02vD58f9de3glzKbl34bFatiZCNPvcF0RG7Jps52uyR25xKFgab5ob4raH7fIMR457ZWa0OxmomS9eK5uj8Oe6lDhBhOYutcuw3l6Yccfd7jHpqlwDyJtyYsg96wCXiFj34gTHxzyopJzK2caiGlnB1Q6nMoJy77q6GP+DDCVV1SLKKnBdHKX5WkUq9zhkuqMh+KKGAAuaDzZRZBad2l3fEk1HC2MkPuchriiAjwpoJNgs7mB9cIfONkoZwnITTZfzsoHYeRFUVHg3yY4dLIpVw0L36S6+y2av2oPNUtUiN/ZYoGAGnxnqxqeR9jlorn9A1T4s8ig9FKhc/KtdO2jEkTAsL8fLAroLsnQFwaxUkltIUUebSmVVrVb74y08sy3XarhZc=","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=" terms-of-use hero--white" data-section="terms-of-use"> <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/kr/icons', url_search_icon_packs: '/packs', url_stickers: 'https://www.flaticon.com/kr/stickers', url_animated_icons: 'https://www.flaticon.com/kr/animated-icons', url_sticker_detail: 'free-sticker', url_sticker_latest: 'latest-stickers', url_sticker_premium: 'premium-sticker', url_uicons: 'https://www.flaticon.com/kr/uicons/interface-icons', pack: '패키지', style: '스타일', category: '카테고리', free_icon: '/free-icon/', icons_format: 'SVG, PSD, PNG, EPS 형식 또는 웹 폰트 형태로 모든 아이콘 다운로드', collections: 'collections/', view_icon: '아이콘 보기', search_related_icons: '관련 아이콘 검색', browse_pack: '패키지 둘러보기', author_packs: '작성자의 패키지', free: '무료', cc_exp_title: '주의!', cc_exp_desc: '신용 카드가 곧 만료됩니다. <a href=\"https://www.flaticon.com/kr/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/kr/animated-icons-most-downloaded", }, og: { 'webtitle': '{0} - 무료 {1} 아이콘', 'title': '{1}이(가) 디자인한 {0}', 'desc': 'SVG, PSD, PNG, EPS 포맷 또는 웹폰트로 제공되는 멋진 이 아이콘을 다운로드받으세요. 최대의 무료 아이콘 데이터베이스 - Flaticon', 'animatedIconTitle': '{0} Animated Icon | Free {1} Animated Icon', }, limit: { registered: '아이콘 한도에 도달하셨습니다 <a href="https://www.flaticon.com/kr/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=ko" 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 셀렉션의 일부가 아닙니다. 사용하려면 개발자 정보를 추가해 주시기 바랍니다.' }, report: { message: '이 아이콘은 Flaticon 모음의 구성이 아닙니다. 이것을 사용하기 위해서는 출처를 밝혀주시길 바랍니다.', report_icon: "이 아이콘 신고하기", indicate_problem: "발견된 문제가 무엇인지 명시해 주세요. 감사합니다!", download: '다운로드가 되지 않습니다', owner: '저는 이 아이콘의 소유주입니다', link: "다운로드 링크를 찾을 수 없습니다", other: '기타', describe_problem: '문제 설명하기' }, search: { search: '검색', minimal_characters: '검색하시려면 최소 1자를 입력하세요', 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': '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/kr/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/kr/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/kr/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: "성공적으로 {1}개 중 {0}개의 아이콘을 복구하였습니다", icons_skiped: "컬렉션에 이미 해당 아이콘을 가지고 있기 때문에 여러분의 컬렉션에 {1}개 중 {0}개의 아이콘을 가져오지 못했습니다", locked_title: "컬렉션을 잠그셨습니다", locked_text: "컬렉션을 잠금 해제하고 제한 없이 작업해 보세요 ", locked_button: "업그레이드", locked_url: "https://www.flaticon.com/kr/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/kr/merchandising-license', craft_purchases: 'https://www.flaticon.com/kr/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: "자주 사용하시는 SNS를 선택하고 지인이나 친구와 아이콘을 공유해 보세요. 이러한 SNS를 사용하지 않으시면 링크를 복사해 사용하시는 SNS에 붙여 넣으세요. 자세한 정보는 %s속성 가이드%s를 읽거나 %s라이선스를 다운로드하세요.%s", title: "%s의 저작권을 표시하는것을 잊지 마세요! ", unicorn_text: "저작권자를 표기할 때마다, 말이 뿔을 얻어 유니콘이 됩니다", designer_text: "저작권자를 표기할 때마다, 디자이너가 행복해 집니다", rex_text: "디자인 제공 표시를 하실 때마다 티라노사우르스가 커피를 마실 수 있게 됩니다", karma_text: "속성을 지정할 때 마다 Karma에 10점을 추가로 받습니다", download_problems: "다운로드하는데 문제가 있습니까?", dont_want_credit: "출처를 밝히고 싶지 않으세요?", go_premium: '<a href="https://www.flaticon.com/kr/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong><i class="icon icon--premium inline-block"></i>프리미엄</strong></a> 전환은 어렵지 않으며 17백만개 이상의 아이콘을 저작권 표시 없이 사용할 수 있게 됩니다. <a class="link link--text medium inline track" href="https://www.flaticon.com/kr/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/kr/pricing" class="track" data-track-arguments="ga, event, premium, icon-attribute-modal"><strong>Premium</strong></a> easily and use more than 1,747만 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> and <b>베이스 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;"></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: "Premium으로 전환하면 상용 라이센스가 제공됩니다.", 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: "1,747만 아이콘을 소유권 표시 없이 <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: "상품화 라이선스", banner_craft_new: "새로운 것", banner_craft_text: "아이콘을 이용해 모든 물리적 또는 디지털 상품을 커스텀하세요", banner_craft_buy: " 라이선스를 구매하세요", }, christmas: { condition_1: "12월 8일까지 유효", description_1: "<b>3 개월</b> 월간 프리미엄 요금제", price_1: "%s용", title_1: "<b class=\"christmas-banner__premium\">프리미엄</b>ㅇ로 이번 크레이스마스에 창의적인 요리를 해보세요", url: "프리미엄으로 가기", url_upgrade: "요금제를 업그레이드하세요", condition_2: "12월 15일까지 유효", description_2: "<b>7일</b>의", price_2: "%s용 프리미엄", title_2: "산타가 <b class=\"christmas-banner__premium\">프리미엄</b>의 선물을 남겼습니다!", condition_3: "12월 22일까지 유효", description_3: "<b>연간</b> 프리미엄 요금제", title_3: "연중 내내 <b class=\"christmas-banner__premium\">프리미엄</b> 의 정신을 유지하세요", condition_4: "1월 2일까지 유효", description_4: "<b>2년</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: "저희 웹사이트는 사용자의 경험을 향상시키기 위해 쿠키를 사용합니다. <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: '매일 2,000건까지 다운로드', generic_blq1_desc: '프리미엄 회원이 되시면 원하는 만큼 많은 리소스를 다운로드할 수 있습니다.', generic_blq2_title: '저작권 표시 면제', generic_blq2_desc: '모든 자료를 저작권 표시 없이 상업용 또는 개인용으로 사용하세요.', generic_blq3_title: 'Premium 콘텐츠', 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: "스폰서인 Adobe Stock으로부터 10개의 무료 아이콘 세트를 받으려면 여기를 클릭하세요", banner_test_title: "당사의 후원사인 Adobe Stock에서 10개의 무료 아이콘 세트를 받으세요", 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: "<br><span>오늘</span> 10% 할인 혜택을 받으세요!", 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>Google 프레젠테이션</strong> 및 <strong>PowerPoint</strong>용 무료 템플릿에서 좋아하는 아이콘을 최대한 활용하세요', }, uicons: { uicons_info: 'Uicons는 가장 광범위한 인터페이스 아이콘 라이브러리입니다. SVG나 아이콘 글꼴 형식으로 이용 가능한34,000여 개의 벡터 아이콘을 iOS 또는 Android용 웹 프로젝트 및 앱 프로젝트에 사용하세요. <a href=\"https://www.flaticon.com/kr/uicons/get-started \" class=\"link--normal\">자세한 정보</a>', need_help: 'Need help to <a href="https://www.flaticon.com/kr/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: "웹 페이지의 <head> 섹션에 링크를 추가하거나 CSS에서 @import을 통해 <strong class='capitalize'></strong> 아이콘 패키지를 사용합니다.", 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: "인터페이스 아이콘의 사용법, 다운로드, CSS 사용, 스타일 변경 등에 대해 손쉽게 알아볼 수 있는 저희의 <a href=\"https://www.flaticon.com/kr/uicons/get-started\" target=\"_blank\">시작 가이드</a>를 빠르게 둘러보세요!", support: "연락처", support_1: "저희는 여러분의 의견에 귀를 기울이고 있습니다. Uicon에 대한 문제를 겪었거나 제안할 점이 있으신가요? <a href=\"https://www.flaticon.com/kr/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/kr/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,470,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/kr/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">자주 묻는 질문 섹션</a>을 확인해 주세요 ', footer_title: '저작자 표시를 하고 싶지 않으신가요?', footer_subtitle: 'You can go <i class="icon icon--premium inline-block"></i> <span>Premium</span> easily and use more than 17,470,500 icons without attribution. <a href="https://www.flaticon.com/kr/pricing" class="track" data-track-arguments="ga, event, premium, modal-attribution">여기에서 정보를 얻어 주세요</a>', copy_uicons: '<a href="https://www.flaticon.com/uicons">Flaticon</a>의 UIcon' }, premium_add_icon: { title: "프리미엄 사용자 전용", subtitle: "컬렉션을 무제한으로 생성하고 필요한 모든 프리미엄 아이콘을 추가할 수 있습니다.", }, premium_download_icon_only_premium: { title: "프리미엄 사용자 전용", subtitle: "모든 아이콘을 필요한 형식으로 다운로드하세요.", }, craft_more_info: { title: "상품화 라이선스", subtitle: "라이선스 가능 범위를 확장하고 아이콘을 이용해 모든 물리적 또는 디지털 상품을 맞춤화 및 상품화하세요.", printed_title: "인쇄할 수 있는 물리적 상품을 제작하세요␣", printed_text: "티셔츠, 머그, 포스터, 환영 카드나 초대장, 캘린더 등에 아이콘을 사용하세요.", electronics_title: "전매하려는 전자 상품 또는 물리적 상품을 디자인하세요", electronics_text: "예: 웹 템플릿, 전자 장치, 앱, 비디오게임, 광고 스팟, 또는 모든 종류의 시청각적 애니메이션.", learn_more: "자세히 알아보기", buy_license: " 라이선스를 구매하세요", }, download: { attributionRequired: "저작자 표시 필요", browseAdFree: "광고 없이 찾아보기", freeDownload: "무료 다운로드", goPremium: "최소 가격 7.50 EUR / 월 요금으로 Premium에 가입하세요", totalResources: "1,747만 만 이상의 SVG, EPS, PSD & CSS 등 편집 가능한 형식의 아이콘, 스티커 및 로고", totalResourcesAnimated: "전문 형식의 리소스 1,747만+개", noAttributionRequired: "저작권 표기 불필요", premiumSubscription: "프리미엄 구독", unlimitedDownloads: "매일 2,000건까지 다운로드", 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 7.50 EUR/month and get access to:", iconsStikers: "SVG, EPS, PSD, BASE64 형식의 1,747만 아이콘과 스티커", noAttribution:"저작권 표기 불필요", unlimitedDownloads: "무제한 다운로드 및 컬렉션", unlimitedUse: "편집기 무제한 사용", support: "우선 지원", noAds: "광고 없음", goPremium: "프리미엄으로 가기", urlPricing: "https://www.flaticon.com/kr/pricing" }, updatingError: "색상표 업데이트 중에 문제가 발생했습니다.", noGradients: "손상된 색상은 편집하거나 단색으로 변환할 수 없습니다.", }, winback: { beingProcessed: "<b>결제가 처리되는 중입니다.</b> 결제가 처리되면 곧바로 구독이 갱신됩니다. 프로필에서 구독 상태를 확인하세요.", mySubscription: "내 구독", }, ogDescriptions: { standard: "무료 벡터 아이콘. SVG, PSD, PNG, EPS 형식 또는 아이콘 폰트 형태로 %s 수천 가지의 무료아이콘을 다운로드하세요", sticker: "PNG, SVG 형식으로 다운로드할 수 있는 무료 스티커 %s개. 무료 스티커 %s개를 더 다운로드하세요.", uicon: "PNG, SVG, Android, iOS로 다운로드할 수 있는 다양한 스타일의 무료 %s 아이콘 글꼴", animatedIcon: "무료 %s 애니메이션 아이콘을 Lottie용 JSON, GIF, 정적 SVG 파일로 다운로드할 수 있습니다.", } }; </script> <script type="text/javascript"> var urls = { common: { urlSearch : 'https://www.flaticon.com/kr/search', }, uicons: { tagByUIconId: 'https://www.flaticon.com/kr/ajax/uicons/tags-by-interface-icon/', urlSearchParams : 'https://www.flaticon.com/kr/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/kr/" class="logo track" id="logo" title="Flaticon - 가장 큰 무료 아이콘 데이터 베이스" data-track-arguments="ga, event, Navbar, Click, Home"> <img src="https://www.flaticon.com/media/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/kr/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/kr/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/kr/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/kr/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/kr/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://kr.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>무료 동영상 및 모션그래픽</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 1,747만+개의 아이콘</span> </a> <p class="uppercase font-xs bold text__general--heading">Google Workspace</p> <a href="https://www.flaticon.com/kr/for-google" class="menu-tools-link track" data-track-arguments="ga, event, menu, click, g-suite"> <span>Icons for Slides & Docs</span> <span>Slides, Docs 및 Sheets를 위해 맞춤화 가능한 17.5만 가지 이상의 무료 아이콘</span> </a> </div> </div> </div> </div> </div> </div> </li> <li class="push-right menu--mobile__lv2 language-selector"> <div class="popover popover--lang"> <div class="popover-container"> <button class="popover-button bj-button bj-button--ghost bj-button--sm track" data-track-arguments="ga, event, Navbar, language, open"> <img src="https://www.flaticon.com/media/dist/min/img/flags/kr.svg" width="16" height="11" loading="lazy"> <span class="mg-left-lv2-i"> 한국어 </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="active track" data-track-arguments="ga, event, Navbar, language, 한국어"> <span class="text__general--heading">한국어</span> </a> </li> <li data-lang="ru"> <a href="https://www.flaticon.com/ru/" class=" track" data-track-arguments="ga, event, Navbar, language, Pусский"> <span class="text__general--heading">Pусский</span> </a> </li> </ul> </div> </div> </li> <li class="link-pricing"><a href="https://www.flaticon.com/kr/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=ko" 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=ko" 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=ko" 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=ko" 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=ko" 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"> <label class="header--search__filters checkbox checkbox--xs show-tablet mg-right-lv2" for="search__filters"> <span class="checkbox__link"><i class="icon icon--md icon--mg-sm icon--filter"></i></span> </label> <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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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/kr/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 " 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://www.flaticon.com/media/dist/min/img/default_avatar.png'; function set_default_avatar(elem) { elem.src = DEFAULT_AVATAR; } var pageview; try { pageview = parseInt(localStorage.pageview || 0, 10) } catch (e) { pageview = 1; } if (pageview < 3) { if (document.getElementById("gr_not-connected")) { var login_link = document.getElementById("gr_not-connected"); login_link.classList.add("dropdown-active"); try { localStorage.pageview = pageview + 1; } catch (e) {} setTimeout(function() { var login_link = document.getElementById("gr_not-connected"); if (login_link) { login_link.classList.remove('dropdown-active'); } }, 4000); } } </script> <aside id="collections" class="collections loading "> <div id="collections-tour" class="collections__tour hide"> <button class="button__close nostyle"> <i class="icon icon--cross"></i> </button> <div class="collections__tour__content"> <img src="https://www.flaticon.com/media/dist/min/img/collections/collection-tour.svg" width="181" height="152" class="block push-center" loading="lazy"> <div class="alignc"> <p class="bold text__general--heading font-lg mg-bottom-lv2 mg-top-lv3">아직 컬렉션이 없습니다</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/kr/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/kr/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=ko" 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>프리미엄 구독을 취소하셨다는 소식을 듣게 되어 유감입니다</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">연간 프리미엄 플랜을 </strong>20% 할인<br>된 가격에 구매해 보세요</p> </div> <div class="alignc col--center"> <a href="https://www.flaticon.com/kr/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/kr/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/kr/" 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>복사</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/kr/" 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>복사</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/kr/" 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">복사</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">You can go <i class="icon icon--premium inline-block"></i> <span>Premium</span> easily and use more than 17,470,500 icons without attribution. <a href="https://www.flaticon.com/kr/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/kr/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=ko">로그인</a> 또는 <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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> <main id="main" class="main"> <div class="container"> <div class="row"> <div class="terms-of-use__menu-toggle pd-left-lv1"> <label class="mg-top-lv3" for="checkbox"> <i class="icon icon--menuburger mg-right-lv1"></i><span class="font-xs bold">Flaticon Terms of use</span> </label> <input type="checkbox" name="checkbox" id="checkbox"> <div class="terms-of-use__sidebar__wrapper pd-top-lv5"> <ul class="terms-of-use__sidebar"> <li><span class="overflow-ellipsis bold uppercase">Flaticon Terms of use</span></li> <li><a href="#nav-flaticon" class="scrollTo overflow-ellipsis active">Introduction</a></li> <li><a href="#nav-flaticon-services" class="scrollTo overflow-ellipsis">Services Offered</a></li> <li><a href="#nav-flaticon-authorized" class="scrollTo overflow-ellipsis">Authorized Use</a></li> <li><a href="#nav-flaticon-registration" class="scrollTo overflow-ellipsis">Registration</a></li> <li><a href="#nav-flaticon-content" class="scrollTo overflow-ellipsis">Content</a></li> <li><a href="#nav-flaticon-storage" class="scrollTo overflow-ellipsis">Storage and Offer of Collaborator Content</a></li> <li><a href="#nav-flaticon-responsibility" class="scrollTo overflow-ellipsis">Liability</a></li> <li><a href="#nav-flaticon-property" class="scrollTo overflow-ellipsis">Intellectual Property</a></li> <li><a href="#nav-flaticon-agreement" class="scrollTo overflow-ellipsis">License Agreement</a></li> <li><a href="#nav-flaticon-conditions" class="scrollTo overflow-ellipsis">Conditions for the Premium Subscription</a></li> <li><a href="#nav-flaticon-modification" class="scrollTo overflow-ellipsis">Changes and Closure of the Website</a></li> <li><a href="#nav-flaticon-generalities" class="scrollTo overflow-ellipsis">General and Contact Information</a></li> </ul> </div> </div> <div class="terms-of-use__text col"> <div id="nav-flaticon"> <h4>Flaticon Terms of use</h4> <h4 class="font-xl">May 2024</h4> <p>This website is operated by Freepik Company, S.L., registered in the Commercial Registry of Málaga, volume 4994, sheet 217, page number MA-113059, with Tax Number B-93183366 and registered office at 13 Molina Lario St., 5th floor, 29015, Málaga, Spain ("<strong>Company</strong>").</p> <p>These terms of use ("<strong>Terms</strong>") govern the access, browsing and use by the users ("<strong>User</strong>" or "<strong>Users</strong>", as applicable) of <a href="https://www.flaticon.com/">https://www.flaticon.com/</a>, including any of its subdomains and/or sections ("<strong>Website</strong>"); as well as the services rendered through the Website ("<strong>Service</strong>" or "<strong>Services</strong>", as applicable) which include the download and use of certain content.</p> <p>By accessing and using the Website, the User accepts in their entirety and agrees to be bound by the Company's <a href="https://www.freepik.com/legal/acceptable-use-policy" target="_blank">Acceptable Use Policy</a>, which is made an integral part of these Terms by this reference.</p> <p>Accessing and using the Website implies that the User has read and accepts to be bound by these Terms without exception. In case the User does not accept the Terms or have any objection to any part of the present Terms, the User must not use the Website.</p> <p>The Company may modify the Terms at any time and thus we recommend that the Terms are reviewed on a regular basis by the User. The date at the beginning of these Terms refers to the latest update of these Terms, which will be applicable from the date of publication.</p> <p>Some Services provided through the Website may be subject to specific conditions or instructions that must be accepted by the User prior to the provision of the relevant Service. These specific conditions may be imposed by the Company or by third parties. Such specific conditions shall apply in addition to the Terms and, in case of conflict, shall supersede the Terms. Accordingly, the User must read and accept such specific conditions before the provision of the relevant Service.</p> <p>The Company may provide translations of these Terms into various languages merely for informative purposes. However, the English version is the only legally binding version. In the event of any discrepancy between the English version and a translated version, the English version shall prevail.</p> <p>Likewise, in respect of collection and processing of personal data, the <a href="https://www.freepik.com/legal/privacy" target="_blank">Privacy Policy</a> will apply.</p> </div> <div id="nav-flaticon-services"> <h4 class="font-xl">1. Services Offered</h4> <p>Through the Website, it is offered to the User visual content, like vector icons, interface icons, stickers, without limitation, in source code and other formats, as well as specific information related to such content, classification of styles among collections, and a tool to customize sizes and colours.</p> <p>The Services may offer contents owned by the Company ("<strong>Flaticon Own Content</strong>"), contents owned by third parties offered through the Website ("<strong>Collaborators Content</strong>") as well as third-party content not offered free of charge ("<strong>Sponsored Content</strong>"). Sponsored Content is duly differentiated and identified on the search results. Flaticon Own Content and Collaborators Content shall be hereinafter referred to collectively as the "<strong>Flaticon Content</strong>" and can be downloaded through the Website.</p> <p>The Services include access to tools to create, organize and edit icon collections uploaded by authors.</p> <p>The Services also include the use of the Company's <a href="https://www.freepik.com/legal/terms-of-use#nav-ai-products" target="_blank">AI Products</a>. These services are governed by their respective terms and conditions, which form part of these Terms by reference. By using these products, the User accepts said terms and conditions.</p> </div> <div id="nav-flaticon-authorized"> <h4 class="font-xl">2. Authorized Use</h4> <p>The User is only authorized to use the Website and the Services in good faith and in accordance with the Terms, which include the <a href="https://www.freepik.com/legal/acceptable-use-policy/">Acceptable Use Policy</a>. In particular and without limitation, Users (irrespective of whether they have purchased a Subscription or not) undertake that any access or downloads of any content available in the Website or through the Services will always be the result of a genuine legitimate interest of the User and acknowledges that any method which artificially increases the number of downloads, accesses or clicks over such content is strictly prohibited under these Terms (including, without limitation, the generation of downloads, accesses or clicks over such content through any robots, spiders or any other mechanism, mobile application, program or tool) and will result in the cancellation of the User’s account by the Company and the obligation for the User to indemnify the Company for all damages suffered as a result of the User’s breach of this undertaking, without the right of reimbursement of any of the amounts paid.</p> <p>The User agrees not to use the Services negligently, for fraudulent purposes or in an unlawful manner. Likewise, the User agrees not to partake in any conduct or action that could damage the image, interests or rights of the Website or third parties.</p> <p>The User will not interfere with the functioning of the Website or in the Services, in particular, he/she/it will not impersonate another user or person. The User agrees not to carry out any action that may damage, make unavailable, overload, deteriorate or impede the normal use of the Website or the Services, which may impact the security of the Website or the Services, or which may in any way interfere with the Services offered by the Company. The use of robots, spiders or any other mechanism, mobile application, program or tool to access, copy or control any part of the Website or the Services in any way which is contrary to the ordinary use of the Website or which infringes the Company’s interests (without its express prior authorization) is strictly prohibited. Likewise, obtaining or attempting to obtain the contents of the Website using any method or system not expressly authorized by the Company or which is not the ordinary method of accessing the Website is also strictly prohibited.</p> <p>The User shall be responsible for any costs required for the Services’ use and for ensuring, prior to using the Services, that the Services’ features meet the User’s needs and that he/she/it meets all requirements and has all the equipment and software necessary for this purpose.</p> <p>The rights granted to the User under these Terms are personal and shall not be assigned to any third party (including affiliates or entities part of the same group of companies) totally or partially, by any mean, without the prior, express and written consent from the Company.</p> <p>When providing the Services, the Website can publish advertising either related or not to the contents displayed or the Services, which is expressly accepted by the User.</p> </div> <div id="nav-flaticon-registration"> <h4 class="font-xl">3. Registration</h4> <p>In order to use certain Services, the User must register, creating a username and password and activating an account. To this end, the User must provide a valid email address where the User will receive notifications related to the Services. If the User is a legal entity or business, its username must be its full name or corporate name and the person registering on behalf of the legal entity or business declares that he/she is duly authorized to bind such legal entity or business and that such legal entity or business shall be bound to these Terms.</p> <p>The User agrees to provide the mandatory information required for registration and also acknowledges that such information is true, complete and up to date. The User is solely responsible for keeping such information updated. Should the User provide false, outdated or incomplete information, or should the Company have reasons to suspect it, the Company reserves the right to suspend or cancel the User’s account.</p> <p>The User must protect and keep the account password confidential and must not disclose it to third parties. The User must neither allow other Users to access the Services through the User’s account nor use the account of another User to access the Services.</p> <p>The User is responsible for all operations carried out through the User’s account through any device. If the User suspects that another User is using his account, he/she/it should immediately inform the Company.</p> <p>The Company may suspend or cancel the User’s account if it considers that the User has breached these Terms.</p> </div> <div id="nav-flaticon-content"> <h4 class="font-xl">4. Content</h4> <p> The Services allow Users to search for content that may result in Flaticon Content and Sponsored Content, according to his or her preferences, and download such Flaticon Content.</p> <p>If you have any question regarding any content or believe that it infringes any right, that it does not comply with these Terms, or that is inappropriate, you can do so by contacting the Company as indicated in these Terms or following the instructions provided on the Website for a copyright complaint.</p> <h4 class="font-xl">4.1. Sponsored Content</h4> <p>Regarding Sponsored Content, the Website’s role is limited to displaying content offered by the sponsored website with which the Company has reached an affiliation agreement or similar. Therefore, the Company will display a link to the sponsored website which offers the Sponsored Content, together with specific related information. In some cases, in order to provide the User a better user experience and facilitate returning to the Services, the link can be presented within a frame corresponding to the Website, which can be removed by the User at any time.</p> <p>The Company is not the provider of the Sponsored Content and does not present itself as owner of such contents.</p> <p>The Company does not select, examine, control, guarantee, approve, sponsor or identify itself in any form with the Sponsored Content displayed to the Users according to their preferences. The Sponsored Content are the sole responsibility of the third parties that make them available to the public over their own websites or Internet.</p> <p>The User will be able to access the corresponding third-party websites and download the Sponsored Content under the terms and conditions established by such third parties. The Company shall not be a party or be involved in any way in the relationship between the User and the corresponding third party. The User undertakes to read and comply with the terms and conditions established by such third parties for the download and use of Sponsored Content.</p> <p>The Company is not a party and does not take part in the relationship between the User and the third party that offers the Sponsored Content, and it is not directly or indirectly responsible for the performance, omissions, errors, negligence or breaches of the Users or such third parties. Any claim from the Users regarding the Sponsored Content must be addressed to the relevant third parties through the linked website.</p> <h4 class="font-xl">4.2. Flaticon Own Content</h4> <p>Flaticon Own Contents are offered under the conditions stated from time to time in the Website (including, without limitation, restrictions to the number of downloads per day) and its use is allowed in the terms set out or referred to in these Terms, as applicable.</p> <h4 class="font-xl">4.3. Collaborators Content</h4> <p>Collaborators Contents are offered in the terms stated at the relevant time in the Website (including, without limitation, daily download limits), and its use is allowed in the terms set out or referred to in these Terms, as applicable.</p> <p>When offering Collaborators Content, the Company acts as a mere intermediary between the User that downloads such content and the collaborator, providing the User with the access and subscription to the Collaborators Content.</p> <p>The Company makes reasonable efforts in guaranteeing the lawfulness and quality of the Collaborators Content. However, the Company cannot monitor or control all Collaborators Content. Therefore, the User acknowledges and agrees that the Company shall not be responsible for evaluating the originality, the non-infringement of third-party rights or the lawfulness of Collaborator Content and that the Company does not guarantee nor is liable in respect of any such contents, except for those cases expressly provided in the applicable regulations.</p> <h4 class="font-xl">4.4. AI Generated Content</h4> <p>The User may generate different types of content using the AI Products offered by the Company on the Website. The use of the AI Products, as well as the content generated using such tools, is governed by the <a href="https://www.freepik.com/legal/terms-of-use#nav-ai-products" target="_blank">AI Products Terms and Conditions</a>.</p> </div> <div id="nav-flaticon-storage"> <h4 class="font-xl">5. Storage and Offer of Collaborator Content</h4> <p>The Company limits itself to solely hosting the Collaborator Content and, therefore, it has no obligation to edit, select, check, or control the Collaborator Content nor does it guarantee, approve or necessarily agree with the Collaborator Content.</p> <p>If you wish to make an enquiry related to the Collaborator Content or if you believe that the Collaborator Content violates any rights or does not meet these Terms, or is inappropriate, you can contact the Company as indicated below.</p> <p>The Collaborator is the sole and exclusive responsible for the Collaborator Content provided to the Company for storage, publishing and offering to Users through the Website.</p> </div> <div id="nav-flaticon-responsibility"> <h4 class="font-xl">6. Liability</h4> <p>The User acknowledges and agrees that he/she/it uses the Website and its Services at the User’s own risk and under the User’s responsibility and, therefore, the Company does not accept any responsibility for misuse or use in breach of these Terms.</p> <p>The User will be responsible for any damages to the Company resulting from the User’s use of the Website and the Services in breach of the Terms and accepts to indemnify the Company and its directors, employees, agents and representatives from any liability in which they may incur as a result of the User’s breach of these Terms.</p> <p>The Company does not warrant the availability or continuity of the Website or the Services, neither its reliability, quality, completeness, accuracy or whether they are fit for a specific purpose or activity. </p> <p>As way of example and without limitation, the Company shall not be liable for any damages that may result from:</p> <ul class="list"> <li>Interruptions, viruses, technical problems, interferences, omissions, unavailability, power cuts, failure of the telecommunication networks or the User’s equipment which are not the Company’s responsibility.</li> <li>Delays or unavailability of the Website and the Services due to deficiencies or traffic overload on the Internet, in the communication network or the electricity grid. </li> <li>Third-party actions.</li> <li>Unavailability of the Website and the Services due to maintenance or software updates.</li> <li>Any other event beyond the Company’s direct control.</li> </ul> <p class="uppercase">Save for the company’s wilful misconduct, and those cases in which due to the specific circumstances of the user involved or the nature of the matter, applicable law provides that liability cannot be limited by agreement, use of the website and the services is at sole risk of the user and the company shall not be liable for any damage of any kind caused to the user as a result of using the website and/or the services.</p> <p>In accordance with Section 4 above regarding Sponsored Content, the Company exclusively limites itself to the provision of links to the content provided by the company that owns the Sponsored Content, based on the User’s preferences, without assuming any responsibility for search results.</p> <p>The insertion of links in the Services does not imply any relationship, recommendation or supervision by the Company of the linked website and, accordingly, the Company does not accept any liability in relation to the content of any linked website except in the specific circumstances provided by the applicable law.</p> <p>In accordance with Section 4 above regarding the Collaborator Contents, the Company acts exclusively as the provider of the storing and intermediation service between the offer of Collaborator Content and the Users interested in downloading them, without any liability in relation to such contents, except for those cases expressly stated by the applicable law.</p> <p>The Company will make reasonable commercial efforts in order to ensure the accuracy of keywords and descriptions, as well as the identification of content as exclusively for editorial use or equivalent. However, <span class="uppercase">the company neither warrants nor makes any representation regarding any keyword, title or description; or the identification or lack of identification of any visual content as exclusively for editorial use</span>. For this reason and notwithstanding any other liability limitation that may be applicable in accordance with these Terms, the Company shall neither indemnify nor assume any liability in connection with any claim resulting from inaccurate keywords, titles or descriptions, or from the use of the visual content identified as exclusively for editorial use.</p> </div> <div id="nav-flaticon-property"> <h4 class="font-xl">7. Intellectual Property</h4> <p>All intellectual property rights over the Website, the Services, and/or the Flaticon Content, its design, and source code, and all content included in any of them (including without limitation text, images, animations, databases, graphics, logos, trademarks, icons, buttons, pictures, videos, sound recordings, etc.) belong or are licensed to the Company.</p> <p>Except as expressly authorized under these Terms, the reproduction or distribution, as well as transformation, producing any derivative works of any kind, public communication, making available, extraction, reuse or any other use of the Website, the Services, the Flaticon Content or any of its parts, is strictly forbidden.</p> <p>The Sponsored Content and Collaborator Content are protected by intellectual property rights, as appropriate, and belong to their owners. Regarding the Sponsored Content, although the Services can locate and provide access to these contents, its download and use is subject to the conditions set by the relevant third party. The Company is not the owner and cannot grant any license or authorization in relation to Sponsored Content. The User must obtain authorizations that are, in each case, required to use any Sponsored Content, which are stated in the relevant website, from which the User will be able to download the Sponsored Content.</p> <p>If you believe that any content infringes third party rights or does not comply with these Terms, you can report it to the Company as set forth in these Terms.</p> </div> <div id="nav-flaticon-agreement"> <h4 class="font-xl">8. License Agreement for Flaticon Content</h4> <p>The Company authorizes the User to download and use the Flaticon Content solely in accordance with this Section (see Section 7 in relation to the Sponsored Content) and in any event subject the terms and limitations set forth hereunder. The terms under which the User may download and use the Flaticon Content shall depend on the type of license the User holds from time to time. The Company or its licensors reserve all rights to the Flaticon Content which are not expressly granted to the User under this Section.</p> <h4 class="font-xl">8.1. Flaticon License</h4> <p>By means of these Terms, the Company grants the User a Flaticon License under which the User is authorized to download, use and modify the Flaticon Content on a device owned or controlled by the User on a non-transferable, limited, exclusive, revocable and worldwide basis for the entire duration of the rights and solely for the purposes and uses authorized under these Terms.</p> <p>Without prejudice to the provisions set forth in paragraph 3 of this clause, the User of a Flaticon License may use the content in the Flaticon Content, provided that</p> <ul class="list"> <li>the Flaticon Content is not used in printed or electronic items (e.g. t-shirts, cups, postcards, birthday or greeting cards, invitations, calendars, web models or electronic devices, apps, NFTs, videogames, advertising spots, audiovisual animations) aimed to be resold, in which the Flaticon Content is the main element (because of size, relevance or any other cause, in case of doubt about whether the content is main element, it shall be deemed that the content is main element);</li> </ul> <p>Furthermore, the authorization to use the content in the Flaticon Content shall be free of charge under the Flaticon License where any use thereof by the User is done by duly crediting said content to the Website/Company and, in any event, to the Collaborator, as stated by the Company from time to time. In order to benefit from the Service of using the Flaticon Content without the aforementioned crediting, the User must purchase a subscription (hereinafter the "<strong>Premium Subscription</strong>") from the Website and download the relevant Flaticon Content during the term of said Premium Subscription. The terms set forth in Section 9 shall apply to the purchase of the Premium Subscription.</p> <p>Where any content of the Flaticon Content is marked or identified as being for editorial use, or where within the same there are distinctive signs, recognizable products, public buildings, public events or images taken in places where recognizable persons appear in the background, the User shall only be entitled to use it for such editorial use; in other words, for purposes related to exercising freedom of expression and the right to information or for academic or educational purposes. More specifically, this means that the User undertakes not to use said content in any way that could imply a link to any business activity, use in the course of trade or the advertising, promotion or marketing of any product or service. In addition, the User shall ensure that any use for educational purposes is allowed under any legislation which applies and shall fulfill any requirements set forth by such legislation, including, but not limited to, citation obligations or limitations on the extent or purpose of said use. The User shall be directly liable for, and the Company shall not assume any liability resulting from the use for commercial purposes by the User of any content in the Flaticon Content whose use must be limited to editorial use as set forth in this paragraph or as a consequence of any editorial use that is contrary to the legislation which applies.</p> <h4 class="font-xl">8.2. Merchandising License</h4> <p>The User may purchase a Merchandising License according to the procedure set out on the Website from time to time for some of the Flaticon Content chosen by the Company to be subject to a Merchandising License. The Company shall freely decide which content in the Flaticon Content can be subject to a Merchandising License and may change such content without restriction from time to time (though said decision shall not affect any Merchandising Licenses that have been duly purchased previously). The price for each Merchandising License shall be displayed on the Website from time to time, be individual and solely affect the content thus chosen. The Merchandising License is personal and it is forbidden to transfer it to third parties and to allow the use of the Flaticon Content under said License by third parties other than User (which for this purpose includes within the concept entities related or belonging to the same group of companies as the User).</p> <p>The price of the Merchandising License is displayed on the Website in the appropriate currency and includes, where applicable, the Value Added Tax which applies. The Company reserves the right to change the price of any Merchandising License from time to time, though it shall apply the current price appearing on the Website at the time the order for the Merchandising License is placed by the User.</p> <p>The User shall pay for the Merchandising License in advance through PayPal, a credit/debit card or any other payment method offered by the Company from time to time in accordance with the terms and conditions set forth on the Website. The User must follow the instructions displayed on the Website to purchase and pay for a Merchandising License. The processing of the information and data of payments made through PayPal, credit/debit card or any other payment method offered by the Company from time to time is done through third-party sites. By placing the order for the Merchandising License, the User authorizes the Company to charge the relevant price through the payment method chosen. The Merchandising License shall not be granted until payment thereof has been received from or authorized by the relevant financial institution. As from that time, the User may download the Flaticon Content for which the User has purchased a Merchandising License from said User's personal profile page.</p> <p>Likewise, an acknowledgment of receipt of the Merchandising License purchase order shall be sent to the User by e-mail as soon as possible and no later than twenty-four (24) hours after the order is accepted. The acknowledgment of receipt may be stored and printed. The User may request and download an invoice as stated on the Website twenty-four (24) hours after making the relevant payment.</p> <p>As the content is digital content, no right of withdrawal applies, without detriment to any safeguards set forth in the consumer and user protection legislation which may apply, except where the Company states otherwise and instead it shall be subject to the terms and conditions set forth by the Company.</p> <p>The Company authorizes the User who purchases a Merchandising License to download, use and modify the content in the Flaticon Content subject to said Merchandising License on a non-transferrable, personal, limited, non-exclusive, revocable and worldwide basis for the entire duration of the rights in order to design and produce printed or digital items or products intended for resale (e.g. T-shirts, mugs, postcards, birthday and greeting cards, invitations, calendars, website templates or electronic devices, apps, videogames, spots, or audiovisual animations), regardless of whether or not the content in the Flaticon Content subject to the Merchandising License is the end product's main element.</p> <p>Furthermore, the User may use the Flaticon Content for which the User has purchased a Merchandising License without crediting it to the Website/Company.</p> <p>Without limiting the provisions set forth in paragraph 3 of this Section, the User of a Merchandising License may use content in the Flaticon Content subject to the Merchandising License for the aforementioned uses, provided all the terms set forth hereunder are fulfilled:</p> <ol class="numeric"> <li>The Flaticon Content is not used in such a way so that the end user of the end products can extract and use it separately from the end products.</li> <li>The User does not display, sell, license or publicly distribute the Flaticon Content (or the User's works derived therefrom) as a separate file from the end products.</li> <li>The User takes all reasonable measures to prevent third parties from accessing or duplicating the Flaticon Content. </li> <li>The Flaticon Content is not used in software applications which allow a third party to generate on-demand designs. This includes (but is not limited to) on-demand printing software applications which an end user can access to use the Flaticon Content in order to design or generate their own end product.</li> <li>The Flaticon Content is not used in NFTs in which the Flaticon Content is the main element (due to size, relevance or any other reason so that, in the event of any doubt about whether the content is the main element, it shall be deemed as such).</li> <li>The User does not reproduce the content in the Flaticon Content more than 100,000 times on physical printed or digital formats intended for sale.</li> </ol> <h4 class="font-xl">8.3. Common terms and conditions of the Flaticon License and the Merchandising License</h4> <p>Without detriment to the uses that are not allowed under each type of license set forth in the preceding paragraphs of this Section or by any other term of these Terms and Conditions, the User who purchases a Flaticon License or a Merchandising License may use the Flaticon Content (including any work derived therefrom) either entirely or with only one or some of its elements, whether it be without modification, combining it with other content or after having modified it previously, solely where:</p> <ol class="numeric"> <li>it does not involve collective use;</li> <li>the content in the Flaticon Content is not used in a way that implies an association with or sponsorship by the Company or the Website;</li> <li>the content in the Flaticon Content or any work derived therefrom, whether entirely or in part, is not used or included in a database, file or any other product or service which offers icons or images, or in any collection, set of videos or repertoire that could be subject to distribution or resale or is used in any other way that might impede or limit future visits to or downloads from the Website;</li> <li>the User does not resell, assign, transfer or sublicense the Flaticon Content or works derived from the Flaticon Content;</li> <li>the Flaticon Content is not used (whether entirely or in part) on a trademark or as a part thereof, or in a way which otherwise warrants or implies a warranty of any product and/or service, except where the Flaticon Content is used in a modified way in said uses so that it constitutes new and different content that does not mislead the public as regards the original Flaticon Content or involves using the Flaticon Content in a mockup or test, but not as an end product or definitive material;</li> <li>the Flaticon Content is not used (including, but not limited to, any information contained in titles, captions, tags, keywords or other metadata related to the Flaticon Content) for the purposes of machine learning for algorithms, artificial intelligence or any other similar technology, artificial intelligence or for its use in connection with technologies designed or intended for the identification of natural persons.</li> <li>use is not made of the content in the Flaticon Content in a way that may be deemed defamatory, harmful, obscene, immoral or unlawful, including, but not limited to, its use in a way that places any person appearing on the Flaticon Content in a negative light or which shows said person in a way that may be deemed offensive, such as, for instance, that person's use in pornography, escort service advertisements, support for political parties or ideologies, birth control products; and</li> <li>use is not made of the content in the Flaticon Content in a way which negatively affects the reputation of or insults or defames a person, race, sex, culture, religion, country, region, city, town, village or any other place or community.</li> </ol> <p>The User acknowledges that some laws may impose limits on the use of Flaticon Content. For this reason, the User agrees that it is the User's responsibility, and not the Company's, to verify that the applicable regulations in the User's jurisdiction do not prohibit the User's use of the Flaticon Content.</p> <p>The User is forbidden from authorizing third parties to use the content in the Flaticon Content (or any modification thereof). As an exception to the foregoing, the User may authorize third parties to use the content in the Flaticon Content where each and every one of the following terms are met:</p> <ul class="list"> <li>The third party has professionally engaged the User to produce goods or provide the third party with services and the User uses a limited number of elements of the content in the Flaticon Content to produce such goods or provide said services to the third party.</li> <li>The authorization granted by the User to the third party is issued in writing and fulfills all the restrictions and terms that apply to the User for using the content in the Flaticon Content, including any restriction without any limitation whatsoever that impedes distributing, reselling or licensing the content in the Flaticon Content (e.g. the third party is the end user of the relevant element of the content in the Flaticon Content).</li> <li>Unless the User has purchased a Merchandising License for a specific Flaticon Content, none of the content in the Flaticon Content which is subject to the authorization is used as the main element (due to size, relevance or any other reason so that, in the event of any doubt about whether the content is the main element, it shall be deemed as such) in printed or electronic items (e.g. T-shirts, mugs, postcards, birthday or greeting cards, invitations, calendars, web mockups or electronic devices, apps, videogames, advertising spots, audiovisual animations) intended to be resold by the third party.</li> <li>The production of goods or the provision of services by the User for the third party is not performed in an automated way, but rather in a specific tailored way for the third party (and therefore authorization is not granted by the User to any other third party) requiring the User's specific and substantial human involvement in relation to each third party.</li> <li>The User — and not the third party — chooses and selects the specific content in the Flaticon Content that will be used in the production of the goods or in the provision of the services intended for the third party.</li> </ul> <p>Where each and every one of the aforementioned terms are met, the User may authorize a third-party to use the relevant content in the Flaticon Content. This exception solely refers to the prohibition on authorizing third parties to use the content in the Flaticon Content, without affecting or limiting in any way whatsoever the rest of the terms on the content in the Flaticon Content. In the event of any doubt about the fulfillment of foregoing terms on the exception to the prohibition on authorizing third parties to use the content in the Flaticon Content, it shall be deemed that they have not been met.</p> <p>The User does not acquire any right to use the content in the Flaticon Content other than as expressly envisaged in these Terms. In particular, the User is not authorized to distribute, resell or lease any content in the Flaticon Content (or any modification of any content in the Flaticon Content).</p> <p>The User's rights under this term shall automatically come to an end without any prior notice if the User breaches any of the Terms. Upon these rights' termination, the User shall cease using all the Flaticon Content and destroy all copies thereof, regardless of whether they are full or partial copies.</p> </div> <div id="nav-flaticon-conditions"> <h4 class="font-xl">9. Conditions for the Premium Subscription</h4> <p>The terms in this Section ("<strong>Premium Subscription Terms</strong>") govern any purchase of the Premium Subscription in the Website. When concluding the purchase procedure for any Premium Subscription, it shall be deemed that the User has read and accepted, without exception, the Premium Subscription Terms. For the avoidance of doubt, the Premium Subscription Terms are additional to the Terms which will continue to apply to Users who have acquired a Premium Subscription unless it is expressly provided otherwise in relation to specific provisions in the Premium Subscription Terms.</p> <p>These Premium Subscription Terms are available to the User before the purchase of the Subscription and may be stored or reproduced on a durable medium.</p> <p>The Premium Subscription Terms are available in English and Spanish. In case the User is interested in purchasing any Premium Subscription, it has to follow the instructions available in the Website from time to time.</p> <p>The Subscriptions available are offered in the Website where the pertinent information, price and conditions are included (including, without limitation, restrictions to the number of downloads each day). The Company can modify the Subscriptions offered at any time, offering with new Services (to which, unless otherwise stated, these Subscription Terms shall apply) or ceasing to offer any of the Services. The Subscriptions are personal, shall not be assigned to third parties and no third parties other than the User shall be allowed to use the Flaticon Content (including as third parties, for these purposes, affiliates or entities part of the same group of companies).</p> <p>The price for the Subscription is stated in the relevant currency in the Website and includes, if applicable, the relevant Value Added Tax. The Company is entitled to modify the price for any Subscription at any time. The Company shall apply the price stated in the Website at the time of the submission of the Subscription order by the User.</p> <p> The User shall pay the Premium Subscription in advance through Paypal, credit/debit card or any other valid payment method offered by the Company, as stated in the Website. To purchase and pay the Premium Subscription, the User shall follow the instructions stated in the Website. The processing of the payment information and data through Paypal or credit/debit card is made within third-party sites. When ordering any Premium Subscription, the User authorizes the Company to collect the corresponding price through the chosen payment method. The Premium Subscription shall not be activated until the Company has received the payment or the payment has been authorized by the relevant financing entity. After that, the Premium Subscription shall be in force for the term purchased by the User.</p> <p> Unless otherwise stated in these Premium Subscription Terms, the Premium Subscriptions shall be automatically and successively renewed at the expiration of its term, unless the User cancels the renewal of the Premium Subscription before its expiration. The Company shall charge the corresponding price by the same initial payment method. The Company may modify the price for the renewal of the Premium Subscription, provided that the User is informed with, at least, one-month prior notice, via email sent to the email address used for the registration process.</p> <p> Once the User purchases the Premium Subscription, the screen shall confirm the purchase. In addition, within the shortest time reasonably possible and not after twenty-four (24) hours since the acceptance of the order, an email shall be sent to the User with the receipt of the purchase. The receipt may be stored and printed. The User may request and download an invoice as stated within the Website twenty-four (24) hours after making the relevant payment.</p> <p> After the purchase of the Premium Subscription, the User may benefit from the following:</p> <ul class="list"> <li>The Service consisting in using the Flaticon Content without crediting the Company/Website.</li> <li>The Service consisting in using the Storyset Content (as defined <a href="https://storyset.com/terms" target="_blank">here</a>) without crediting the Company/website.</li> <li>Access all contents available in the Website.</li> <li>Use the Website without advertisement displaying.</li> <li>Not to be subject to the restrictions as to number of content downloads applicable to the Flaticon Content from time to time, without prejudice to the application of certain restrictions to the number of downloads aimed at preventing a fraudulent or abusive use of the Website.</li> <li>Use the AI Products with the limits indicated on the Website.</li> </ul> <p>The rest of the Conditions, including the conditions established or referred to in Clauses 7 and 8, will continue to apply, such as, without limitation, the prohibited uses for Flaticon Content.</p> <p>As the content in the Website is digital content, no cancellation right shall apply, which is expressly acknowledge and accepted by the Users, without prejudice to the guarantees stated in the consumers’ regulations that may be applicable, unless the Company states otherwise, in which case, will be subject to the conditions set forth by the Company.</p> </div> <div id="nav-flaticon-modification"> <h4 class="font-xl">10. Changes and Closure of the Website</h4> <p>The Company may, at any moment, and without incurring in any responsibility towards the User, modify the content of the Website or the Services, limit or modify the conditions or cease to provide some or all the Services and features available or deactivate and delete all or some of the User accounts and their corresponding information. However, the Company will comply with its obligations regarding the keeping of records in relation to certain transactions for the relevant period as provided by applicable law or refund the Users of Subscriptions in force at that time with the proportional part of the price not accrued before the termination.</p> </div> <div id="nav-flaticon-generalities"> <h4 class="font-xl">11. General and Contact Information</h4> <p>The use of the Website and the Services and the interpretation and application of these Terms shall be governed by Spanish Law. Except for those cases in which the applicable law impose a specific jurisdiction, any dispute in connection with these Terms shall be resolved by the Courts of Málaga (Spain), and the parties expressly waive any other applicable jurisdiction.</p> <p>In accordance with the provisions of article 14 of Regulation (EU) 524/2013, the Users are informed that, in the cases in which it is applicable due to the condition of the User as a consumer, the European Commission has an online dispute resolution platform, which is available at the following link: <a href="https://ec.europa.eu/consumers/odr/" target="_blank">https://ec.europa.eu/consumers/odr/</a>.</p> <p>If any provision in these Terms is declared to be invalid or unenforceable, it shall be substituted or deemed as not included. The remaining provisions in these Terms shall not be affected in any way.</p> <p>You may contact the Company for any query or claim in <a href="https://www.flaticon.com/contact/" target="_blank">https://www.flaticon.com/contact/</a>.</p> </div> </div> </div> </div> </main> <script> // Fijar sidebar var landingWhatsNewSidebar = document.querySelector('.terms-of-use__sidebar__wrapper'); window.addEventListener('scroll', function() { if (landingWhatsNewSidebar.getBoundingClientRect().top <= 0) { document.querySelector('.terms-of-use__sidebar').classList.add('fixed'); } else { document.querySelector('.terms-of-use__sidebar').classList.remove('fixed'); } }); </script> <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/kr" class="logo-flaticon"> <img class="show-tablet push-center lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/logos/flaticon-by-color-negative-ver.svg" alt="Flaticon logo" width="172" height="46"> <img class="hide-tablet push-center lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/logos/flaticon-by-color-negative-hor.svg" alt="Flaticon logo" width="277" height="26"> </a> <div class="push-right footer__buttons"> <div class="row mg-none"> <a href="https://contributor.flaticon.com/?utm_source=home_kr&utm_medium=home_kr_footer&utm_campaign=earn_money_kr2" class="bj-button bj-button--green" target="_blank" rel="noreferrer noopener">여러분의 콘텐츠를 판매하세요</a> <a href="https://www.flaticon.com/kr/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/kr/authors">아이콘 디자이너</a></li> <li><a href="https://www.flaticon.com/kr/most-downloaded">아이콘</a></li> <li><a href="https://www.flaticon.com/kr/stickers-most-downloaded">스티커</a></li> <li><a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded">인터페이스 아이콘</a></li> <li><a href="https://www.flaticon.com/kr/animated-icons-most-downloaded">애니메이션 아이콘</a></li> <li><a href="https://www.flaticon.com/kr/tags">아이콘 태그</a></li> <li><a href="https://www.flaticon.com/kr/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/kr/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/kr/profile/support">지원</a></li> <li><a href="https://support.flaticon.com/s/?language=en_US">자주 묻는 질문</a></li> <li><a href="https://www.flaticon.com/kr/styles">아이콘 스타일</a></li> <li><a href="https://www.flaticon.com/kr/icons-editor">아이콘 에디터</a></li> <li><a href="https://www.flaticon.com/kr/collections">Flaticon 컬렉션</a></li> <li><a href="https://www.flaticon.com/kr/follow">팔로우</a></li> <li><a href="https://www.flaticon.com/kr/merchandising-license">상품화 라이선스</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://kr.freepik.com/company/회사-소개" target="_blank" rel="noreferrer noopener">소개</a></li> <li><a href="https://www.flaticon.com/kr/profile/support">연락처</a></li> <li><a href="https://www.flaticon.com/kr/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/kr/pricing" target="_blank" rel="noreferrer noopener">가격</a></li> <li><a href="https://www.flaticon.com/kr/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://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/twitter.png" alt="twitter logo" width="15" height="15"> </a> </li> <li><a href="https://www.pinterest.com/flaticon" class="icon icon--pinterest bg__social--pinterest" title="Pinterest" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.instagram.com/flaticon/?hl=en" class="icon icon--instagram bg__social--instagram" title="Instagram" target="_blank" rel="noreferrer noopener"></a></li> <li><a href="https://www.youtube.com/channel/UC9wPXN2TIWoUamqONb7v8Pw" class="icon icon--youtube bg__social--youtube" title="YouTube" target="_blank" rel="noreferrer noopener"></a></li> </ul> <div class="gr_not-connected"> <p class="bold">전용 리소스를 받은 편지함에서 바로 받아보세요</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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="쿠키 정책">쿠키 정책</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">쿠키 설정</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"> 한국어 </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 Company 프로젝트</span> <ul> <li><a href="https://www.freepik.com" target="_blank" rel="noreferrer noopener" rel="nofollow">Freepik</a></li> <li><a href="/">Flaticon</a></li> <li><a href="https://slidesgo.com" 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> <script id="tpl-icon" type="text/x-handlebars-template"> <li class="icon--item{{#if page}} init page-handler{{/if}} {{#isPersonalIcon premium}} personal-icon{{/isPersonalIcon}} {{styleClass}} {{#compare iconType '==' 'animated-icon'}}animated--icon{{/compare}}" data-author="{{groupId}}" data-author_avatar="{{authorAvatar}}" data-author_name="{{teamName}}" data-author_website="{{teamWebsite}}" data-selection="{{selection}}" data-author_icons="{{authorIcons}}" data-author_icons_text="{{authorIconText}}" data-background_color="{{backgroundColor}}" data-category_id="{{categoryId}}" data-category_name="{{category}}" data-category_url="{{categoryUrl}}" data-class="{{class}}" data-is_editorial="{{is_editorial}}" data-color="{{color}}" data-description="{{name}}" data-family_id="{{familyId}}" data-family_name="{{familyName}}" data-group_id="{{groupId}}" data-id="{{id}}" data-keyword_name="{{keywordName}}" data-keyword_link="{{keywordLink}}" data-license="{{license}}" data-name="{{name}}" data-name_detail="{{nameDetail}}" data-pack="{{packSlug}}" data-pack_id="{{packId}}" data-pack_items="{{packItems}}" data-pack_items_text="{{packItemsText}}" data-pack_name="{{packName}}" data-pack_sprite="{{packSprite}}" data-premium="{{premium}}" data-published="{{published}}" data-related="{{related}}" data-style="{{styleId}}" data-style_name="{{styleName}}" data-style_slug="{{styleSlug}}" data-tags="{{tagsId}}" data-team_id="{{groupId}}" data-team_name="{{teamName}}" data-type="{{type}}" data-png="{{png512}}" data-mp4="{{mp4}}" data-gif="{{gif}}" data-svg="{{svg}}" data-icon_type="{{iconType}}" data-style_class="{{styleClass}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}" data-prefix="{{prefix}}" data-raw="{{raw}}" {{#if craft}} data-craft="{{craft}}" {{/if}} {{#if page}} data-page="{{page}}"{{/if}}> <div class="icon--holder"> <a href="{{slug}}" class="view link-icon-detail" title="{{description}}" data-id="{{#if id}}{{id}}{{/if}}" data-src="{{#if queryParams}}{{queryParams}}{{/if}}" > <img src="https://www.flaticon.com/media/dist/min/img/loader.gif" data-src="{{png}}" alt="{{description}}" title="{{description}}" width="64" height="64" class="lzy"> </a> {{#compare iconType '!=' 'animated-icon'}} <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> {{#compare iconType '!=' 'uicon'}} {{#compare iconType '==' 'standard'}} <li class="tooltip tooltip--left "> <button class="add-remove icon icon--addcollection tooltip__trigger tooltip__trigger--always bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> <div class="tooltip__content tooltip__content--permanent"> <div class="content"> <span>컬렉션에 추가하기</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=ko">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=ko" onclick="ga('send', 'event', 'Login', 'Download pack button');">Login</a> or <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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=ko">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://www.flaticon.com/media/dist/min/img/collection-limit.svg" width="210" height="175" loading="lazy"> <div><i class="icon icon--cross"></i></div> </div> <p class="register-title">컬렉션에서 아이콘 수 한도에 도달했습니다</p> <p>지금 등록하고 컬렉션의 차원을 한 단계 높이세요</p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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">Don't limit your work and get unlimited collections</p> <a href="https://www.flaticon.com/kr/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;">Max limit reached: 256 icon per collection</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://www.flaticon.com/media/dist/min/img/collection-max-custom-icons.svg" width="209" height="148" loading="lazy"> <div><i class="icon icon--cross close-button"></i></div> </div> <p class="register-title">편집된 아이콘 한도에 도달하셨습니다</p> <p>무료 사용자로서는 아이콘을 3개까지만 업로드하실 수 있습니다. 프리미엄으로 전환하고 아이콘을 무제한으로 업로드해 보세요</p> <a href="https://www.flaticon.com/kr/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=ko" class="link--normal">로그인</a> 또는 <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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://www.flaticon.com/media/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/kr/collections" class="link--normal" target="_blank">더 자세한 정보</a></p> <a href="https://id.freepik.com/v2/sign-up?client_id=flaticon&lang=ko" 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://www.flaticon.com/media/dist/min/img/collections-example.png" alt="Add icons" width="288" height="191.5" loading="lazy"> <a class="open_tour btn btn-small btn-outline btn-gray" href="https://www.flaticon.com/kr/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/kr/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>이 컬렉션은 비어있습니다. 백업에 다운로드할 아이콘들을 추가하세요.</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로 다운로드하여 아이콘을 사용하세요</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>웹사이트, Adobe 일러스트레이터, 스케치, 코렐드로우, 그리고 모든 벡터 디자인 앱에서 SVG로 다운로드하여 아이콘을 사용하세요</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>웹사이트, Adobe 일러스트레이터, 스케치, 코렐드로우, 그리고 모든 벡터 디자인 앱에서 EPS로 다운로드하여 아이콘을 사용하세요</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/kr/icon/{{id}}" class="view link-icon-detail" title="{{name}}"> <img src="https://www.flaticon.com/media/dist/min/img/loader.gif" {{#if imageUrl}} data-src="{{imageUrl}}" {{else}} data-src="{{icoImg}}" {{/if}} class="collectionIconImage" onload="Widget.renderSVG(this)" data-premium="{{premium}}"> </a> <span class="personal-icon--text">custom</span> <div class="overlay" aria-hidden="true"> <ul class="icon--item__context-menu"> <li class="collectionIcon hToggleRender"> <button class="add-remove icon icon--addcollection icon--removecollection bj-button bj-button--sm bj-button--white bj-button--icon" data-gtm-event="add_to_collection thumbnail"></button> </li> </ul> </div> <div class="edit"> <input class="collection-icon-rename" type="text" value="{{name}}" data-original="{{name}}"> <button class="flaticon-bin nostyle danger icon icon--trash collection-icon-delete bj-button bj-button--ghost"></button> </div> <i class="flaticon-premium icon icon--premium danger"></i> </div> </li> </script> <script id="tpl-author-box" type="text/x-handlebars-template"> <article class="box box--author{{#if page}} init page-handler{{/if}}" {{#if page}} data-page="{{page}}"{{/if}} data-id="{{id}}" data-name="{{name}}"> <a href="{{link}}"> <div class="box--author-pt1"> <picture class="author-img"> <source> <img src="{{image}}" alt="{{name}}" title="{{name}}"> </picture> <div class="author-info"> <p class="author-info--name">{{name}}</p> <p class="author-info--icons">{{numberOfItelist_item_viewmsText}}</p> </div> <button class="bj-button bj-button--sm bj-button--outline btn--follow js_follow mg-left-lv2" id="js_follow-author" data-type="author" data-elementid="{{id}}"> <div class="state--inactive"> <span>Follow</span> </div> <div class="state--active"> <span class="normal">Following</span> <span class="hover">Unfollow</span> </div> </button> </div> <div class="box--author-pt2"> {{#each bestPacks}} <div class="sprite"> <div class="img-wrapper"> <img src="{{image}}"> </div> </div> {{/each}} </div> </a> </article> </script> <script id="tpl-pack-box" type="text/x-handlebars-template"> <article class="box{{#if page}} init page-handler{{/if}}{{#if premium}} box-premium{{/if}}" {{#if page}} data-page="{{page}}"{{/if}}data-id="{{id}}" data-name="{{description}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}"> <a href="{{link}}{{#if word}}?word={{word}}{{/if}}" title="{{description}}" data-le="event|pack,{{id}}"> {{#if premium}} <span class="badge-license premium"><i class="icon icon--premium premium"></i></span> {{/if}} <div class="img-holder"> <img data-pin-url="{{link}}" src="https://www.flaticon.com/media/dist/min/img/loader-pack.jpg" data-src="{{image}}" alt="{{description}}" class="img-bg lzy" width="300" height="282"> </div> <footer class="bg-{{colors}}"> <div class="row"> <div class="col overflow-ellipsis mg-none"> <span class="name">{{description}}</span> </div> <div class="col--center"> <span class="box__icons-number pull-right">{{packNumberOfItemsText}}</span> </div> </div> </footer> </a> </article> </script> <script id="tpl-user-following-authors" type="text/x-handlebars-template"> <div class="following__block"> <div class="row row--vertical-center"> <div class="following__data"> <div class="row row--vertical-center"> <div class="avatarAndName mg-bottom-lv2"> <a href="{{authorUrl}}"> <img class="avatar mg-right-lv2" src="{{avatar}}" alt="username"> <p class="bold">{{authorName}}</p> </a> </div> <div> <p class="followers__data"> {{#if numPacks }} <strong>{{numPacks}}</strong> 패키지 | {{/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://www.flaticon.com/media/dist/min/img//home/1px.png" data-src="{{imageUrl.src}}" width="300" height="440" class="lzy"> </a> {{#compare imageUrl.height '<' imageUrl.width }} <div class="post--content mg-none full-width"> <a href="{{categoryLink}}" class="text__state--blue uppercase font-sm link--category">{{category}}</a> <h2 class="mg-lv2 mg-x-none"><a href="{{postLink}}">{{title}}</a></h2> <div class="row mg-none post--content--bottom"> <div class="col pd-none mg-none pd-right-lv5-i overflow-ellipsis"> <p class="font-sm mg-none pd-right-lv1 overflow-ellipsis"><a href="https://www.freepik.com/blog/author/flaticon/" class="bold mg-right-lv1">Flaticon</a>{{publicationDate}}</p> </div> </div> </div> {{/compare}} </div> </div> </article> </script>   <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4221997.js"></script>  <script type="text/javascript" src="https://www.flaticon.com/media/js/jquery-3.5.1.min.js"></script> <script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=default%2CElement.prototype.dataset" async="async"></script> <script> var grid_size = localStorage.getItem('grid_size') || ''; if (grid_size == 'big') { var radio = document.querySelector(".grid_selector input[name=grid][value=big]"); if (radio) { radio.checked = true; } [].forEach.call(document.querySelectorAll('.icons:not(.collection_icons_list)'), function(grid){ grid.classList.add(grid_size); }); } </script> <script id="tpl-notification" type="text/x-handlebars-template"> <div class="user-alert {{type}}" id="notify-{{time}}"{{#if sticky}} style="z-index: 500"{{/if}}> <i class="icon icon--{{type}}"></i> <p><b>{{title}}: </b>{{{body}}}.{{#if sticky}} <button class="nostyle" onclick="Notifier.close(this)" data-time="{{time}}">×</button>{{/if}}</p> </div> </script>  <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/ads.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/userSession-auth.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/fi-base.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js"></script> <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/terms-of-use.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>