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>벡터 아이콘 및 스티커 - PNG, SVG, EPS, PSD 및 CSS</title> <meta> <meta name="description" content="여러분의 프로젝트를 위한 무료 아이콘 및 스티커를 다운로드하세요. 디자이너에 의한, 디자이너를 위한 PNG, SVG, EPS, PSD 및 CSS 형식의 이미지"> <meta name="twitter:card" content="summary_large_image"> <meta name='twitter:site' content='@flaticon'> <meta name='twitter:creator' content='@flaticon'> <meta name='twitter:title' content="무료 아이콘 및 스티커 - 수백만 종의 다운로드가 가능한 리소스"> <meta name='twitter:description' content="여러분의 프로젝트를 위한 무료 아이콘 및 스티커를 다운로드하세요. 디자이너에 의한, 디자이너를 위한 PNG, SVG, EPS, PSD 및 CSS 형식의 이미지"> <meta name='twitter:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg'> <meta name='twitter:domain' content='https://www.flaticon.com/kr/'> <meta property='og:title' content="무료 아이콘 및 스티커 - 수백만 종의 다운로드가 가능한 리소스" data-dynamic='true' /> <meta property='og:site_name' content='Flaticon' data-dynamic='true' /> <meta property='og:url' content='https://www.flaticon.com/kr/' /> <meta property='og:description' content="여러분의 프로젝트를 위한 무료 아이콘 및 스티커를 다운로드하세요. 디자이너에 의한, 디자이너를 위한 PNG, SVG, EPS, PSD 및 CSS 형식의 이미지" data-dynamic='true' /> <meta property='og:type' content='article' data-dynamic='true' /> <meta property='og:image' content='https://www.flaticon.com/media/share/flaticon-generic.jpg' /> <meta property='og:image:type' content='image/png' data-dynamic='true'> <meta property='og:image:width' content='1200' data-dynamic='true' /> <meta property='og:image:height' content='630' data-dynamic='true' /> <meta property='article:author' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='article:publisher' content='https://www.facebook.com/flaticon' data-dynamic='true' /> <meta property='og:locale' content='en_US' /> <link rel="canonical" href="https://www.flaticon.com/kr/"> <link rel="alternate" hreflang="x-default" href="https://www.flaticon.com/"> <link rel="alternate" hreflang="en" href="https://www.flaticon.com/"> <link rel="alternate" hreflang="es" href="https://www.flaticon.es/"> <link rel="alternate" hreflang="pt" href="https://www.flaticon.com/br/"> <link rel="alternate" hreflang="ko" href="https://www.flaticon.com/kr/"> <link rel="alternate" hreflang="de" href="https://www.flaticon.com/de/"> <link rel="alternate" hreflang="fr" href="https://www.flaticon.com/fr/"> <link rel="alternate" hreflang="ru" href="https://www.flaticon.com/ru/"> <link rel="preload" href="https://www.flaticon.com/media/dist/min/img/logo/flaticon_negative.svg" as="image"> <link rel="preload" href="https://www.flaticon.com/media/dist/assets/bobjoll.202cca458fa9de5d74455893e517f85c.woff2" as="font" crossorigin importance="high"> <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15093/15093421-healthy-food_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15372/15372205-tennis_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/15/15911/15911247-canada-day_3x2.jpg" as="image" > <link rel="preload" href="https://cdn-share-sprites.flaticon.com/pack/14/14982/14982003-celebration_3x2.jpg" as="image" > <script type="text/javascript" src="https://www.flaticon.com/media/dist/js/global.568ab1fee14581be5afc.js"></script> <link rel="preload" href="https://www.flaticon.com/media/dist/js/common.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/ads.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/userSession-auth.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/fi-base.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/script.568ab1fee14581be5afc.js" as="script"> <link rel="preload" href="https://www.flaticon.com/media/dist/js/home.568ab1fee14581be5afc.js" as="script"> <link href="https://www.flaticon.com/media/dist/css/fi-style.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/> <link href="https://www.flaticon.com/media/dist/css/fi-home.568ab1fee14581be5afc.css" rel="stylesheet" type="text/css"/>  <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-ignore-ga='true' data-domain-script="099871c5-1aa9-43b5-9f64-9b987d74fdcc"></script> <script type="text/javascript"> function OptanonWrapper() {} </script>    <link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com">  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42742855-1"></script>   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRQMDLG'); </script>  <link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"> <script> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-42742855-1', 'auto', { 'allowLinker': true }); ga('require', 'linker'); ga('linker:autoLink', ['flaticon.com', 'flaticon.es', 'freepikcompany.com']); ga('send', 'pageview'); </script> <script> var STATIC_URL = 'https://image.flaticon.com/'; var ACCOUNTS_BASE_URL = 'https://www.flaticon.com/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 = 'da4d8cba9470bd415fba764c26a6e98b'; 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 = '11.08 SGD'; var PRODUCT_PRICING_YEARLY = '132.99 SGD'; var PRODUCT_PRICING_MONTHLY = '14.99 SGD'; var FLATICON_DOWNLOAD_URL = 'https://www.flaticon.com/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>  <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>  <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="bdpnbevydn5wez2bv6lq-f-203560b6f-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":"115119f9","ak.r":41571,"ak.a2":n,"ak.m":"b","ak.n":"ff","ak.bpcip":"8.222.208.0","ak.cport":37714,"ak.gh":"184.27.123.15","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732358039","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==cMrWK5MTsour0rvA2jnm6AVyau0NxXnaDpiX3qGfYshkPvwWSwcgo/37MPljJFqRfF8uwwR6HWoTS9ysEOtudNejv49Q/K7Ls7ZlDqOahEB6dlEDRX/UHsJ+3I9x9p4imGqHF4SIno4UlENspPwtFxbIneclf+wFh1ZqGn9wlA8l0Omg8SqYldAREXdBtEjy0G1eL8qGJibgrZD3pKogEyNt3+m8j9BXDWoLvXeRdMRlpifF8nJh/Lsv67qdF8olQkD0O7KV9oTcyMAnAaw4+AyCV7JfXQEMTFP6EExgSP8MBi0MTvZeSXS4NKTIV5EnM+JgLooIy9Zt3C447HsRdB/pNoaEjZJCcV/z945fixwFzMujK9ICPnm0kiyj4NKmoaqpOkVs7+B81hgge8gTVOjudBQjcp/ywF9E6Ia6Mhg=","ak.pv":"25","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class=" home home--anonymous hero--white" data-section="home"> <section id="viewport" class="viewport "> <script type="text/javascript"> var messages = { common: { allIcons: '모든 아이콘', allStickers: '모든 스티커', allAnimatedIcons: '모든 움직이는 아이콘', allInterfaceIcons: '모든 인터페이스 아이콘', icons: '아이콘', interface_icons: '인터페이스 아이콘', stickers: '스티커', animated_icons: '애니메이션 아이콘', packs: '팩', icon_packs: '아이콘 패키지', icon_styles: '아이콘 스타일', sticker_packs: '스티커 패키지', sticker_styles: '스티커 스타일', interface_icons_packs: '인터페이스 아이콘 패키지', url_icons: 'https://www.flaticon.com/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;">11.08 SGD</p>/월에 프리미엄 아이콘을 무제한 이용', more_icons_pack: '아이콘 더 보기', more_stickers_pack: '의 추가 스티커', more_icons_style: '아이콘 더 보기', style: '스타일', add_to_bookmarks: "북마크에 추가하기", remove_from_bookmarks: "북마크에서 제거하기", published: "퍼블리시됨", related_tags: "연관된 태그", search_related_icon: "관련 아이콘 검색", what_is_this: "이것은 무엇입니까?", share_in_tw: "Twitter에 공유", share_in_fb: "Facebook에 공유", share_in_pt: "Pinterest에 공유", flaticon_license_title: "Flaticon 라이센스", flaticon_license: "저작자 표시가있는 개인 및 상업적 목적으로 무료입니다.", more_info: "더 자세한 정보", flaticon_premium_license: "프리미엄 Flaticon 라이센스", flaticon_premium_license_expl: "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: "최소 가격 11.08 SGD / 월 요금으로 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 11.08 SGD/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"> <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 hide" id="collections-toggle" data-track-arguments="ga, event, Navbar, Click, collections"> <i class="icon icon--md icon--mg-sm icon--collection"></i> <span class="button--text medium">컬렉션</span> <span class="badge">0</span> </button> </div> </div> </section> </header> <script> var DEFAULT_AVATAR = 'https://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> <section id="hero" class="hero hero--home"> <div class="stickers content"> <h1 class="stickers font-h2"> 1,747만+개의 벡터 아이콘 및 스티커에 액세스하세요 </h1> <p class="stickers font-lg regular mg-bottom-lv4">여러분의 프로젝트를 위한 무료 아이콘 및 스티커를 다운로드하세요. 디자이너에 의한, 디자이너를 위한 PNG, SVG, EPS, PSD 및 CSS 형식의 이미지.</p> <section class="search-holder col mg-none pd-none"> <form action="https://www.flaticon.com/kr/search" method="get" class="home_search_input fake-search row"> <div class="popover popover-left type-selector"> <div class="popover-container"> <button type="button" class="search-selected popover-button btn row row--vertical-center mg-none nostyle track" data-qa="search-selector-home" data-track-arguments="ga, event, search, search-selector, button"> <span>아이콘</span> <i class="icon icon--sm icon--caret-down"></i> </button> <div class="stickers popover-content"> <ul> <li class="radio-group"> <input id="radio_search_by_icons_home" type="radio" class="hidden track" name="type" value="icon" data-type="icons" data-url="https://www.flaticon.com/kr/search" checked data-track-arguments="ga, event, search, search-selector, icons"> <label for="radio_search_by_icons_home" class="radio fake-radio"></label> <label for="radio_search_by_icons_home">아이콘</label> </li> <li class="radio-group"> <input id="radio_search_by_stickers_home" type="radio" class="hidden track" name="type" value="sticker" data-type="stickers" data-url="https://www.flaticon.com/kr/search" data-track-arguments="ga, event, search, search-selector, stickers"> <label for="radio_search_by_stickers_home" class="radio fake-radio"></label> <label for="radio_search_by_stickers_home">스티커</label> </li> <li class="radio-group"> <input id="radio_search_by_animated_icons_home" type="radio" class="hidden track" name="type" value="animated-icon" data-type="animated icons" data-url="https://www.flaticon.com/kr/search" data-track-arguments="ga, event, search, search-selector, animated-icons"> <label for="radio_search_by_animated_icons_home" class="radio fake-radio"></label> <label for="radio_search_by_animated_icons_home">애니메이션 아이콘</label> </li> <li class="radio-group"> <input id="radio_search_by_uicon_home" type="radio" class="hidden track" name="type" value="uicon" data-type="interface icons" data-url="https://www.flaticon.com/kr/search" data-track-arguments="ga, event, search, search-selector, interface-icons"> <label for="radio_search_by_uicon_home" class="radio fake-radio"></label> <label for="radio_search_by_uicon_home">인터페이스 아이콘</label> </li> <hr> <li class="radio-group mg-top-lv3-i"> <input id="switch_search_by_all_home" type="radio" class="hidden track" name="search-group" value="all" data-type="all" data-url="https://www.flaticon.com/kr/search"> <label for="switch_search_by_all_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_all_home">모든 아이콘</label> </li> <li class="radio-group radio-group-by-style"> <input id="switch_search_by_style_home" type="radio" class="hidden track" name="search-group" value="style" data-type="style" data-url="https://www.flaticon.com/kr/style/search"> <label for="switch_search_by_style_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_style_home">스타일</label> </li> <li class="radio-group radio-group-by-pack"> <input id="switch_search_by_packs_home" type="radio" class="hidden track" name="search-group" value="packs" data-type="packs" data-url="https://www.flaticon.com/kr/packs/search"> <label for="switch_search_by_packs_home" class="radio fake-radio mg-right-lv1-i"></label> <label for="switch_search_by_packs_home">패키지</label> </li> </ul> </div> </div> </div> <input type="search" name="word" placeholder="아이콘을 검색해 보세요" class="tag-field__input autocomplete" data-qa="search-bar" value="" autofocus maxlength="50" spellcheck="false"> <button type="button" class="clean-search__button"> <i class="icon icon--cross"></i> </button> <button type="submit" class="bj-button bj-button--icon nostyle"> <i class="icon icon--md icon--search push-center"></i> </button> </form> </section> <div class="stickers home__tags"> <div class="row row--horizontal-center mg-none"> <span class="mg-right-lv1">인기 검색어:</span> <ul> <li> <a href="https://www.flaticon.com/kr/free-icons/education">교육</a> </li> <li> <a href="https://www.flaticon.com/kr/free-icons/user">사용자</a> </li> <li> <a href="https://www.flaticon.com/kr/free-icons/people">사람들</a> </li> <li> <a href="https://www.flaticon.com/kr/free-icons/money">돈</a> </li> <li> <a href="https://www.flaticon.com/kr/free-icons/computer">컴퓨터</a> </li> <li> <a href="https://www.flaticon.com/kr/free-icons/man">남자</a> </li> </ul> </div> </div> </div> </section> <div id="campaign-head" > </div> <section class="container"> <div class="cards-products-home circles"> <a href="https://www.flaticon.com/kr/icons" class="track icons-circle" data-track-arguments="ga, event, home, subhome-icons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/icons.png" alt="icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">아이콘</h6> <p class="regular font-sm">The largest database of free icons for any project.</p> </div> </div> </a> <a href="https://www.flaticon.com/kr/uicons/interface-icons" class="track uicons-circle" data-track-arguments="ga, event, home, subhome-uicons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/interface.png" alt="interface icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">인터페이스 아이콘</h6> <p class="regular font-sm">우리 회사의 인터페이스를 위해 특별히 디자인된 아이콘</p> </div> </div> </a> <a href="https://www.flaticon.com/kr/animated-icons" class="track video aicons-circle" data-track-arguments="ga, event, home, subhome-animated-icons"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/animated.png" alt="animated icons" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">애니메이션 아이콘</h6> <p class="regular font-sm">멋진 프로젝트 제작을 위한 모션 아이콘</p> </div> </div> </a> <a href="https://www.flaticon.com/kr/stickers" class="track stickers-circle" data-track-arguments="ga, event, home, subhome-stickers"> <div class="cards-products-home__item"> <div class="cards-products-home__item__image"> <div class="circle"> <div class="image"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/cards-products-section/circles/stickers.png" alt="stickers" width="114" height="114"> </div> </div> </div> <div class="cards-products-home__item__text"> <h6 class="font-lg mg-bottom-lv1">스티커</h6> <p class="regular font-sm">웹사이트, 앱 또는 필요한 모든 곳에 사용할 수 있는 스티커</p> </div> </div> </a> </div> </section> <div class="container"> <div class="home__free-svg"> <div class="home__free-svg__header"> <div> <img src="https://www.flaticon.com/media/dist/min/img/uicons/uicons.svg" width="140" class="mg-right-lv2 inline-block" alt="Uicons"> <h5 class="inline font-h4">가장 인기 있는 <span>무료 SVG</span> 사용자 인터페이스 아이콘</h5> <p>34,300개 이상의 무료, 9가지 스타일의 UI 아이콘. 모두 완전히 편집할 수 있고 사용자 지정이 가능하여 나만의 아이콘으로 만들 수 있습니다</p> </div> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded" class="link--arrow link--arrow--md"> <span>모든 무료 SVG 아이콘</span> <i class="icon icon--md icon--right"></i> </a> </div> <div class="home__free-svg__container"> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded?brands=1&type=uicon" class="home__free-svg-brands"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/brands.png" alt=""> <p>브랜드</p> <span class="font-xs regular">200 아이콘</span> </a> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded?weight=bold&type=uicon" class="home__free-svg-bold"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/bold.png" alt=""> <p>볼드</p> <span class="font-xs regular">8,400 아이콘</span> </a> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded?weight=regular&type=uicon" class="home__free-svg-regular"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/regular.png" alt=""> <p>보통</p> <span class="font-xs regular">9,200 아이콘 </span> </a> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded?weight=solid&type=uicon" class="home__free-svg-solid"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/solid.png" alt=""> <p>솔리드</p> <span class="font-xs regular">9,200 아이콘</span> </a> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded?weight=thin&type=uicon" class="home__free-svg-thin"> <img class="lzy" src="https://www.flaticon.com/media/dist/min/img/home/1px.png" srcset="https://www.flaticon.com/media/dist/min/img/home/free-svg-banner/thin.png" alt=""> <p>얇은</p> <span class="font-xs regular">8,800 아이콘</span> </a> <div class="banner-footer"> <a href="https://www.flaticon.com/kr/icon-fonts-most-downloaded" class="link--arrow link--arrow--md"> <span>모든 무료 SVG 아이콘</span> <i class="icon icon--md icon--right"></i> </a> </div> </div> </div> </div> <section class="container"> <div class="row-cards"> <div class="row-cards__list"> <div class="row-cards__header row row--vertical-center mg-none pd-none"> <div class="col mg-none pd-none"> <h4 class="mg-bottom-lv2 pd-none inline-block font-h6 medium">최고의 아이콘</h4> </div> <a href="https://www.flaticon.com/kr/packs?order_by=4" class="link--arrow link--arrow--md"> <span>모두 보기</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded" class="box " data-id="18362103" data-name="branding identity" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/packs/branding-identity-18362103" title="branding identity" data-le="event|pack,18362103" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/packs/branding-identity-18362103" src="https://cdn-share-sprites.flaticon.com/pack/18/18362/18362103-branding-identity_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18362/18362103-branding-identity_3x2.jpg" alt="branding identity" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">branding identity</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 아이콘 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="233967" data-name="halloween" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/packs/halloween-8" title="halloween" data-le="event|pack,233967" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/packs/halloween-8" src="https://cdn-share-sprites.flaticon.com/pack/0/233/233967-halloween_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/233/233967-halloween_3x2.jpg" alt="halloween" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">halloween</span> </div> <div class="col--center"> <span class="box__icons-number"> 50 아이콘 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="251652" data-name="finances" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/packs/finances-2" title="finances" data-le="event|pack,251652" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/packs/finances-2" src="https://cdn-share-sprites.flaticon.com/pack/0/251/251652-finances_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/0/251/251652-finances_3x2.jpg" alt="finances" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">finances</span> </div> <div class="col--center"> <span class="box__icons-number"> 50 아이콘 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded-premium" class="box " data-id="18304433" data-name="weather" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/packs/weather-18304433" title="weather" data-le="event|pack,18304433" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/packs/weather-18304433" src="https://cdn-share-sprites.flaticon.com/pack/18/18304/18304433-weather_3x2.jpg" data-src="https://cdn-share-sprites.flaticon.com/pack/18/18304/18304433-weather_3x2.jpg" alt="weather" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">weather</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 아이콘 </span> </div> </div> </footer> </a> </div> </article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> <div class="row-cards__list"> <div class="row-cards__header row row--vertical-center mg-none pd-none"> <div class="col mg-none pd-none"> <h4 class="mg-bottom-lv2 pd-none inline-block font-h6 medium">인기 스티커</h4> </div> <a href="https://www.flaticon.com/kr/stickers-packs?order_by=4" class="link--arrow link--arrow--md"> <span>모두 보기</span> <i class="icon icon--md icon--right"></i> </a> </div> <section class="box-container"> <article data-home-group="most-downloaded" class="box " data-id="15093421" data-name="healthy food" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/stickers-pack/healthy-food-15093421" title="healthy food" data-le="event|pack,15093421" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/stickers-pack/healthy-food-15093421" src="https://cdn-share-sprites.flaticon.com/pack/15/15093/15093421-healthy-food_3x2.jpg" alt="healthy food" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">healthy food</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 스티커 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15372205" data-name="tennis" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/stickers-pack/tennis-15372205" title="tennis" data-le="event|pack,15372205" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/stickers-pack/tennis-15372205" src="https://cdn-share-sprites.flaticon.com/pack/15/15372/15372205-tennis_3x2.jpg" alt="tennis" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">tennis</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 스티커 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded" class="box " data-id="15911247" data-name="canada day" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/stickers-pack/canada-day-15911247" title="canada day" data-le="event|pack,15911247" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/stickers-pack/canada-day-15911247" src="https://cdn-share-sprites.flaticon.com/pack/15/15911/15911247-canada-day_3x2.jpg" alt="canada day" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">canada day</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 스티커 </span> </div> </div> </footer> </a> </div> </article> <article data-home-group="most-downloaded-premium" class="box " data-id="14982003" data-name="celebration" data-style_color="" data-style_shape="" > <div class="box__inner"> <a href="https://www.flaticon.com/kr/stickers-pack/celebration-14982003" title="celebration" data-le="event|pack,14982003" class="track" data-track-arguments="ga, event, Packs, clicks_home" > <div class="img-holder"> <picture> <img data-pin-url="https://www.flaticon.com/kr/stickers-pack/celebration-14982003" src="https://cdn-share-sprites.flaticon.com/pack/14/14982/14982003-celebration_3x2.jpg" alt="celebration" loading="lazy" class="img-bg" width="300" height="188" > </picture> </div> <footer> <div class="row mg-none"> <div class="col overflow-ellipsis mg-none pd-none"> <span class="name">celebration</span> </div> <div class="col--center"> <span class="box__icons-number"> 20 스티커 </span> </div> </div> </footer> </a> </div> </article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> <article class="box emptybox"></article> </section> </div> </div> </section><section class="container hide-mobile"> <div class="uicons__banner"> <div class="row mg-none"> <div class="col__xs--12 col__sm--12 col__md--5 col__lg--4 col__md--5 mg-none-i uicons__banner__text"> <h5 class="mg-none font-h5 mg-bottom-lv2-i">크고 작은 모든 프로젝트에 적합한 아이콘 글꼴</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> 웹, iOS 및 Android 애플리케이션에 최적화된 벡터 아이콘을 기반으로 하는 +34,300 <strong>SVG</strong> 및 <strong>font</strong> 파일 </p> <a href="https://www.flaticon.com/kr/uicons" class="bj-button bj-button--green track" data-track-arguments="ga, event, home, banner-uicons">더 보기</a> </div> <div class="col__xs--12 col__sm--12 col__md--7 col__lg--8 mg-none-i col--stretch uicons__banner__image"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/uicons/elements.png" width="730" height="288" class="lzy push-right image-overflow-croped"> </div> </div> </div> </section><section class="home-section slider-tools pd-bottom-lv5"> <div class="container"> <header class="alignc pd-bottom-lv4"> <h3 class="font-h5 first mg-bottom-lv1">여러분의 작업을 더욱 전문적으로 만드는 데 도움을 주는 도구</h3> <p>정리하고 만들고 디자인에 드는 시간을 절약할 수 있도록 해 주는 무료 액세서리</p> </header> <div class="slider-box"> <div class="slider-box--items"> <div class="item active" data-order="0"> <div> <p class="item-title">컬렉션</p> <i class="icon icon--next"></i> </div> <p class="item-text">복수의 컬렉션을 만들어 원하는 포맷으로 아이콘을 정리하고 다운로드해 보세요. <a href="https://www.flaticon.com/kr/collections" class="link--normal">더 보기</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> <div class="item" data-order="1"> <div> <p class="item-title">편집기</p> <i class="icon icon--next"></i> </div> <p class="item-text">아이콘의 색을 편집하고 사이즈를 변경하고 SVG, PNG, EPS 등 포맷에 관계없이 다운로드해 보세요. <a href="https://www.flaticon.com/kr/icons-editor" class="link--normal">더 보기</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> <div class="item" data-order="2"> <div> <p class="item-title">Google Workspace</p> <i class="icon icon--next"></i> </div> <p class="item-text">Google Docs 및 Slides에서 아이콘을 쉽고 빠르게 무료로 사용해 보세요. <a href="https://www.flaticon.com/kr/for-google" class="link--normal">더 보기</a></p> <div class="item-progress"> <div class="item-progress--state"></div> </div> </div> </div> <div class="mobile-gradient-prev"></div> <div class="mobile-gradient-next"></div> <div class="slider-box--items-mobile"> <p class="item-text active">복수의 컬렉션을 만들어 원하는 포맷으로 아이콘을 정리하고 다운로드해 보세요. <a href="https://www.flaticon.com/kr/collections" class="link--normal">더 보기</a></p> <p class="item-text">아이콘의 색을 편집하고 사이즈를 변경하고 SVG, PNG, EPS 등 포맷에 관계없이 다운로드해 보세요. <a href="https://www.flaticon.com/kr/icons-editor" class="link--normal">더 보기</a></p> <p class="item-text">Google Docs 및 Slides에서 아이콘을 쉽고 빠르게 무료로 사용해 보세요. <a href="https://www.flaticon.com/kr/for-google" class="link--normal">더 보기</a></p> <p class="item-text">인스타그램 스토리, 페이스북 헤더, 프레젠테이션, 블로그, 웹 사이트를 위한 화려한 이미지를 만들어 보세요. <a href="https://www.flaticon.com/kr/pattern-generator" class="link--normal">더 보기</a></p> </div> <div class="slider-box--images"> <picture> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/collections-slide.png" alt="컬렉션 이미지" width="920" height="590" class="lzy active"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/editor-slide.png" alt="편집기 이미지" width="920" height="590" class="lzy"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/slides-home/gsuite-slide.png" alt="Google Workspace 이미지" width="920" height="590" class="lzy"> </picture> </div> </div> </div> </section> <section class="container mg-bottom-lv5"> <div class="whats-new-section"> <div class="row"> <div class="whats-new-section__text col__xs--12 col__xl--4"> <h5 class="mg-none mg-bottom-lv2-i">Flaticon 새 소식</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> 최신 웹사이트 업데이트, 새로운 기능 및 도구를 확인하시고 Flaticon을 최대한으로 활용하세요. </p> <a class="bj-button bj-button--green" href="https://www.flaticon.com/kr/whats-new" rel="noreferrer noopener">모두 찾아보기</a> </div> <div class="whats-new-section__cards col__xs--12 col__xl--8"> <div class="row"> <a href="https://www.flaticon.com/kr/whats-new#figma-plugin-v2" class="figma-plugin-v2 whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">SVG 포맷을 지원하는 새로운 Figma 플러그인이 왔습니다</p> </a> <a href="https://www.flaticon.com/kr/whats-new#filters-redesign" class="filters-redesign whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">UI 경험을 단순하게 만드세요</p> </a> <a href="https://www.flaticon.com/kr/whats-new#smart-match" class="smart-match whats-new-section__item mg-left-lv2 mg-right-lv2"> <div class="image-container mg-bottom-lv1 lzy"></div> <p class="font-lg bold pd-left-lv2">스타일 정렬 방식으로 빠르게 일치하는 아이콘을 찾으세요</p> </a> </div> </div> </div> </div> </section> <section class="container"> <div class="home__figma"> <div class="row mg-none"> <div class="col__xs--12 col__sm--6 mg-none-i home__figma__text"> <h5 class="mg-none mg-bottom-lv3-i"> Figma에 아이콘을 더욱 빠르게 추가하세요</h5> <p class="text__general--heading mg-bottom-lv4 font-lg"> 새로운 Figma 플러그인이 왔습니다. 수백만 가지 벡터 아이콘을 곧바로 캔버스에 가져오세요.</p> <a class="bj-button bj-button--green track" data-track-arguments="ga, event, home, figma-banner, learn-more" href="https://www.figma.com/community/plugin/1183020129233350982/Flaticon" target="_blank">플러그인 사용해 보기</a> </div> <div class="col__xs--12 col__sm--6 mg-none-i col--stretch home__figma__image"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/banner-figma-image.svg" width="630" height="350" class="lzy push-right image-overflow-croped hide-mobile"> <img src="https://www.flaticon.com/media/dist/min/img/home/1px.png" data-src="https://www.flaticon.com/media/dist/min/img/home/banner-figma-image-mobile.svg" width="630" height="350" class="lzy push-right image-overflow-croped show-mobile"> </div> </div> </div> </section> <footer id="footer" class="body-footer"> <div class="container"> <div class="row mg-none mg-bottom-lv4-i row--vertical-center footer__top"> <a href="https://www.flaticon.com/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> <div class="fi-modal modal-download"> <input class="modal-state" id="modal-download" type="checkbox"> <div class="modal-fade-screen"> <div class="modal-inner"> <header> <label class="modal-close" for="modal-download"></label> <p class="modal-collection">컬렉션: <strong class="collection_name"></strong></p> <p class="modal-pack">패키지: <strong class="pack_name"></strong></p> <p class="modal-icon filename"> <span class="icon-holder"></span> <span> <span class="description font-sm mg-left-lv1"></span> </span> </p> <p class="author"> <span class="description font-sm mg-left-lv1"></span> </p> </header> <section class="modal-body row mg-none"> <div class="column column-premium"> <a class="btn btn-premium btn-warning track" data-track-arguments="ga, event, premium, modal-download-premium" id="download-premium" href="https://www.flaticon.com/kr/pricing" target="_blank"> <b>프리미엄 다운로드</b> <p>월 17,470,500개 이상 아이콘 사용</p> </a> <ul class="hide-phone--xs"> <li><strong>저작자 표시</strong>가 필요하지 않습니다</li> <li>1,747만만 이상의 <b>SVG, EPS, PSD & CSS</b> 등 편집 가능한 형식의 아이콘, 스티커 및 로고</li> <li>매일 2,000건까지 다운로드</li> <li><strong> 우선 지원 / 광고 없음</li> </ul> <p class="show-phone--xs"> <a href="https://www.flaticon.com/kr/pricing" class="link--normal track" data-track-arguments="ga, event, premium, modal-download-premium">더 자세한 정보</a> </p> </div> <div class="column column-free"> <button id="download-free" class="btn"> <b>무료 다운로드</b> <p>작성자에게 저작권자 표기를 하여야 합니다</p> </button> <div class="copy-wrapper hide-phone--xs"> <p class="copy" onclick="document.getElementById('input_atributtion_text_modal_copyLink').select();">웹에 사용하시나요? 이 링크를 웹사이트에 복사하세요:</p> <div class="row copy-holder"> <input type="text" class="input_atributtion_text copyLink" id="input_atributtion_text_modal_copyLink" readonly> <span class="attribution_text"></span> <button id="copy-attributtion" class="bj-button bj-button--secondary">  <span class="active">복사</span> <span>복사됨!</span> </button> </div> </div> <p class="mg-none"> <a class="link--normal" href="https://support.flaticon.com/s/article/Attribution-How-when-and-where-FI?language=en_US" target="_blank"> <span class="hide-phone--xs font-xs mg-top-lv2">어떻게 다른 매체에 대한 속성을 지정하나요?</span> <span class="show-phone--xs">어떻게 속성을 지정하나요?</span> </a> </p> </div> </section> </div> </div> </div> <script id="tpl-icon" type="text/x-handlebars-template"> <li class="icon--item{{#if page}} init page-handler{{/if}} {{#isPersonalIcon premium}} personal-icon{{/isPersonalIcon}} {{styleClass}} {{#compare iconType '==' 'animated-icon'}}animated--icon{{/compare}}" data-author="{{groupId}}" data-author_avatar="{{authorAvatar}}" data-author_name="{{teamName}}" data-author_website="{{teamWebsite}}" data-selection="{{selection}}" data-author_icons="{{authorIcons}}" data-author_icons_text="{{authorIconText}}" data-background_color="{{backgroundColor}}" data-category_id="{{categoryId}}" data-category_name="{{category}}" data-category_url="{{categoryUrl}}" data-class="{{class}}" data-is_editorial="{{is_editorial}}" data-color="{{color}}" data-description="{{name}}" data-family_id="{{familyId}}" data-family_name="{{familyName}}" data-group_id="{{groupId}}" data-id="{{id}}" data-keyword_name="{{keywordName}}" data-keyword_link="{{keywordLink}}" data-license="{{license}}" data-name="{{name}}" data-name_detail="{{nameDetail}}" data-pack="{{packSlug}}" data-pack_id="{{packId}}" data-pack_items="{{packItems}}" data-pack_items_text="{{packItemsText}}" data-pack_name="{{packName}}" data-pack_sprite="{{packSprite}}" data-premium="{{premium}}" data-published="{{published}}" data-related="{{related}}" data-style="{{styleId}}" data-style_name="{{styleName}}" data-style_slug="{{styleSlug}}" data-tags="{{tagsId}}" data-team_id="{{groupId}}" data-team_name="{{teamName}}" data-type="{{type}}" data-png="{{png512}}" data-mp4="{{mp4}}" data-gif="{{gif}}" data-svg="{{svg}}" data-icon_type="{{iconType}}" data-style_class="{{styleClass}}" data-style_color="{{styleColor}}" data-style_shape="{{styleShape}}" data-prefix="{{prefix}}" data-raw="{{raw}}" {{#if craft}} data-craft="{{craft}}" {{/if}} {{#if page}} data-page="{{page}}"{{/if}}> <div class="icon--holder"> <a href="{{slug}}" class="view link-icon-detail" title="{{description}}" data-id="{{#if id}}{{id}}{{/if}}" data-src="{{#if queryParams}}{{queryParams}}{{/if}}" > <img src="https://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/home.568ab1fee14581be5afc.js"></script> </section> <div id="detail-overlay" class="hidden" > <div id="detail-wrapper"> <div id="detail-navbar"> <button id="detail-close" class="nostyle hide"></button> <button id="detail-prev" class="detail-nav icon icon--prev nostyle"></button> <button id="detail-next" class="detail-nav icon icon--next nostyle"></button> </div> <div id="detail-content" class="content detail"></div> </div> <div id="detail-spinner" class="circle-spinner hidden"></div> </div> <form id="form_valuation" class="form_valuation_cl bg-light-gray"> <div id="open_panel" class="open_panel_cl pd-top-lv1 pd-bottom-lv1"> <span id="button_panel"> <i class="icon icon--caret-right text-inverted"></i> </span> </div> <div id="valuation_panel" class="valuation_panel_cl"> <p class="medium text__general--heading">Flaticon을 친구에게 추천할 의향이 얼마나 있나요?</p> <input id="valuation_question_id" type="hidden" value="10"> <div id="calification_panel" class="row row--horizontal-center mg-none nps-survey"> <a id="val_check_0" class="valuation_response" data-value="0"><span>0</span></a> <a id="val_check_1" class="valuation_response" data-value="1"><span>1</span></a> <a id="val_check_2" class="valuation_response" data-value="2"><span>2</span></a> <a id="val_check_3" class="valuation_response" data-value="3"><span>3</span></a> <a id="val_check_4" class="valuation_response" data-value="4"><span>4</span></a> <a id="val_check_5" class="valuation_response" data-value="5"><span>5</span></a> <a id="val_check_6" class="valuation_response" data-value="6"><span>6</span></a> <a id="val_check_7" class="valuation_response" data-value="7"><span>7</span></a> <a id="val_check_8" class="valuation_response" data-value="8"><span>8</span></a> <a id="val_check_9" class="valuation_response" data-value="9"><span>9</span></a> <a id="val_check_10" class="valuation_response" data-value="10"><span>10</span></a> </div> <div class="row row--space-between mg-none font-xs text__gray--cadet mg-top-lv1-i"> <span>별로 없어요</span> <span>많아요</span> </div> </div> <div id="valuation_comment_panel" class="valuation_panel_cl" style="display: none;"> <div id="valuation_panel_txt" class="valuation_panel_cl"> <textarea id="valuation_text" cols="40" rows="3" class="valuation_text_cl" placeholder="감사합니다! 개선할 점을 알려주실 수 있나요?" maxlength="255"></textarea> <input type="hidden" id="id_last_valuation" value=""> <div class="cmd_clear row"> <div class="col mg-none"> <button class="bj-button bj-button--secondary bj-button--outline text-inverted full-width bj-button--sm" id="no_thanks">아니요 괜찮습니다</button> </div> <div class="col mg-none"> <button type="submit" class="bton_valuation_cl bj-button bj-button--sm bj-button--green full-width">보내기</button> </div> </div> <div id="valuation_message" class="valuation_message_cl" style="display:none">* 저희에게 댓글을 남겨 주세요</div> </div> </div> <div id="trustpilotNPS" style="display:none"> <p class="mg-bottom-lv2"><b>Trustpilot에서 평가를 해주시겠습니까</b></p> <p class="mg-bottom-lv1">몇 분의 여유 시간만 내서 여러분의 소중한 리뷰를 남겨주세요 😃</p> <p class="mg-bottom-lv2">다음의 사이트로 방문을 부탁드립니다:</p> <a class="font-lg mg-bottom-lv3 bj-button bj-button--primary text-inverted bj-button--sm" href="https://www.trustpilot.com/review/flaticon.com" target="_blank">Trustpilot</a> <div class="mg-none"> <button class="bj-button bj-button--secondary bj-button--outline text-inverted bj-button--xs" id="no_thanks_trustpilot">아니요 괜찮습니다</button> </div> </div> <div id="valuation_congrat" class="valuation_congrat_cl" style="display:none;"> <span>도움을 주셔서 감사합니다! </span> </div> </form> <div id="stockbanner"> </div> <div class="loader" id="loader" style="display: none;"> <div class="circle-spinner"></div> </div> </body>  </html>