Drag and Drop Icon Apps and Plugins

<!DOCTYPE html>     <html class="no-js" lang="en">   <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <script> (function(w,d,s,l){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);j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id=GTM-NQTTSGH' ;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer'); </script> <title>Drag and Drop Icon Apps and Plugins | Noun Project</title> <meta name="description" content="Noun Project in your workflow. Mac app and PC. Adobe Creative Cloud, Photoshop, InDesign, Illustrator, Sketch, PowerPoint, Google Docs, Google Slides, Microsoft Word."> <meta name="robots" content="NOODP">  <meta property="og:image" content="https://static.production.thenounproject.com/img/for_windows/adobe_np_marketing.8043580e61aa.gif"/> <meta property="og:title" content="Noun Project in your workflow"/> <meta property="og:url" content="https://thenounproject.com/apps/"/> <meta property="og:description" content="Millions of icons, available in your favorite apps."/> <meta property="og:site_name" content="Noun Project" /> <meta name="twitter:image:src" content="https://static.production.thenounproject.com/img/for_windows/adobe_np_marketing.8043580e61aa.gif" /> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@nounproject"> <meta name="twitter:title" content="Noun Project in your workflow"> <meta name="twitter:description" content="Millions of icons, available in your favorite apps."> <meta name="twitter:domain" content="thenounproject.com">  <meta property="fb:app_id" content="193479170731565">  <meta name="viewport" content="width=device-width, initial-scale=1">  <script> if (!window.noun) { window.noun = {}; } window.noun.pageLoadTime = new Date().getTime(); </script>  <link rel="apple-touch-icon" sizes="180x180" href="https://static.production.thenounproject.com/img/favicons/apple-touch-icon.7fb1143e988e.png"> <link rel="icon" type="image/png" href="https://static.production.thenounproject.com/img/favicons/favicon-32x32.015f779a87e7.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://static.production.thenounproject.com/img/favicons/favicon-16x16.0b6183ac3673.png" sizes="16x16"> <link rel="manifest" href="https://static.production.thenounproject.com/img/favicons/manifest.95563ffc8805.json"> <link rel="mask-icon" href="https://static.production.thenounproject.com/img/favicons/safari-pinned-tab.142c7645151a.svg" color="#000000"> <meta name="theme-color" content="#ffffff">  <link href="https://static.production.thenounproject.com/assets/bundles/main.be6650736374b598feed.css" rel="stylesheet" /> <script type="text/json" id="user-config" data-user-object='{"is_anonymous": true}'></script> <script src="https://static.production.thenounproject.com/vendor/modernizr.min.6bd07f2cff65.js" crossorigin></script> </head> <body id="apps" class="apps-landing plugin-landing" > <div id="page-wrapper">  <div class="react-es6-component" data-component-name="nounproject_header" data-component-args="" id="react-legacy-header-wrapper"></div> <div id="main-content"> <div class="full-width-black"> <div class="container app-landing-page-header"> <div class="row"> <header class="text-center col-sm-8 col-sm-offset-2 col-xs-12"> <h1 class="font-xxlarge"> Drag and drop icons into almost any app </h1> <span class="font-medium" >Millions of icons right in your software</span > </header> </div> <div class="row"> <div class="col-sm-12 col-xs-12 video-container"> <video muted autoplay loop poster="https://static.production.thenounproject.com/video/noun-project-apps-poster.8e66ea3efce3.jpeg" > <source src="https://static.production.thenounproject.com/video/noun-project-apps.71dc1460e88a.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <section class="container summary"> <div class="row"> <p class="col-sm-7 col-xs-12 text-center font-small"> Drag and drop icons right into the software you use, including Photoshop, Illustrator, Sketch, Google Docs, PowerPoint and many more. Access vector icons, PNG and PDF formats without ever leaving your workflow. </p> </div> </section> <section class="container app-features"> <div class="row"> <div class="col-sm-5 col-xs-12 app"> <h2 class="font-large">Noun Project for Mac</h2> <ul class="apps-list"> <li> <img src="https://static.production.thenounproject.com/img/mac_app/appicon_adobe@2x.15d5ad054150.png" title="Noun Project for Adobe Creative Suite" alt="Adobe Creative Suite icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/figma@2x.e3cc7b93fed7.png" title="Noun Project for Figma" alt="Figma icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/windows@2x.fc5d8f0e2f99.png" title="Noun Project for Office" alt="Office icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/mac_app/appicon_sketch@2x.a07c2166930d.png" title="Noun Project for Sketch" alt="Sketch icon" /> </li> </ul> <p> Drag icons from app into almost any Mac experience: Sketch, Creative Cloud, Google, Office, more. </p> <a href="/for-mac/" class="newbutton lg solid-lightmode">Read More</a> </div> <div class="col-sm-5 col-sm-offset-2 col-xs-12 app"> <h2 class="font-large">Adobe Add-ins</h2> <ul class="apps-list"> <li> <img src="https://static.production.thenounproject.com/img/for_windows/appicon_illustrator@2x.448b2233ac7f.png" title="Noun Project for Adobe Illustrator" alt="Adobe Illustrator icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/appicon_photoshop@2x.3fb708ba4c60.png" title="Noun Project for Adobe Photoshop" alt="Adobe Photoshop icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/appicon_indesign@2x.2a3d81fc642e.png" title="Noun Project for Adobe InDesign" alt="Adobe InDesign icon" /> </li> </ul> <p> Search, grab & modify icons without ever leaving Adobe Illustrator, Photoshop or InDesign (PC or Mac). </p> <a href="/for-adobe/" class="newbutton lg solid-lightmode">Read More</a> </div> </div> <div class="row"> <div class="col-sm-5 col-xs-12 app"> <h2 class="font-large">Google Add-ons</h2> <ul class="apps-list"> <li> <img src="https://static.production.thenounproject.com/img/for_windows/logo_slides_128px.2b683b7e8ca5.png" title="Noun Project for Google Slides" alt="Google Slides icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/logo_docs_128px.fc8acacfc127.png" title="Noun Project for Google Docs" alt="Google Docs icon" /> </li> </ul> <p> Give Google Slides and Google Docs a quick and easy visual boost with drag and drop vector icons. </p> <a href="/for-google/" class="newbutton lg solid-lightmode">Read More</a> </div> <div class="col-sm-5 col-sm-offset-2 col-xs-12 app"> <h2 class="font-large">Microsoft Add-ins</h2> <ul class="apps-list"> <li> <img src="https://static.production.thenounproject.com/img/for_windows/Microsoft_PowerPoint_2013_logo.b0dc5fbe162e.svg" title="Noun Project for Microsoft PowerPoint" alt="Microsoft PowerPoint icon" /> </li> <li> <img src="https://static.production.thenounproject.com/img/for_windows/Microsoft_Word_2013_logo.0e53aca3cd63.svg" title="Noun Project for Microsoft Word" alt="Microsoft Word icon" /> </li> </ul> <p> Get and customize icons from within Microsoft PowerPoint and Word, no need to download ahead of time. </p> <a href="/for-office/" class="newbutton lg solid-lightmode">Read More</a> </div> </div> </section> <div class="full-width-gray"> <section class="container price-comparison"> <h2 class="font-large text-center"> Compare Free and Icon Pro Versions </h2> <div class="row"> <p class="col-xs-12 col-sm-offset-2 col-sm-8 text-center font-small" > Free version includes unlimited use of 100 top icons. Access premium and unlock millions more royalty-free icons simply by having an Icon Pro subscription. </p> </div> <div class="show-lg"> <div class="row"> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 subscription-features" > <div class="row"> <div class="col-sm-offset-4 col-sm-4"> <h3 class="font-medium text-center"> Free Features </h3> </div> <div class="col-sm-4"> <h3 class="font-medium text-center"> Icon Pro Features </h3> </div> </div> <div class="row font-small"> <div class="col-sm-4 row-header font-small"> Icons </div> <div class="col-sm-4"> <span class="ui_check-mark"></span>100 Icons </div> <div class="col-sm-4"> <span class="ui_check-mark"></span>Unlimited Icons </div> </div> <div class="row font-small"> <div class="col-sm-4 row-header font-small"> Change Size & Color </div> <div class="col-sm-4"> <span class="ui_close"></span> </div> <div class="col-sm-4"> <span class="ui_check-mark"></span> </div> </div> <div class="row font-small"> <div class="col-sm-4 row-header font-small"> Unlimited Downloads on NounProject.com </div> <div class="col-sm-4"> <span class="ui_close"></span> </div> <div class="col-sm-4"> <span class="ui_check-mark"></span> </div> </div> </div> </div> </div> <div class="show-sm font-small"> <div class="subscription-features "> <div class="row"> <h3 class="font-medium text-center col-xs-12"> Icon Pro Features </h3> </div> <ul> <li><span class="ui_check-mark"></span>Unlimited Icons</li> <li> <span class="ui_check-mark"></span>Change Size & Color </li> <li> <span class="ui_check-mark"></span>Unlimited Downloads on NounProject.com </li> </ul> </div> <div class="subscription-features"> <div class="row"> <h3 class="font-medium text-center col-xs-12"> Free Features </h3> </div> <ul> <li><span class="ui_check-mark"></span>100 Icons</li> <li class="not-included"> <span class="ui_close"></span>Change Size & Color </li> <li class="not-included"> <span class="ui_close"></span>Unlimited Downloads on NounProject.com </li> </ul> </div> </div> </section> </div> </div> <input type="hidden" name="csrfmiddlewaretoken" value="WHQHBlW4wLBLXrAYWSESnonn15pGhq9scGv3fnZfHZKiVNGtfufzo8M8bFcOe52O"> <div class="react-es6-component" data-component-name="nounproject_footer"></div> </div> <div id="fb-root"></div> <form id="logout-form" action="/logout/" method="post"> <input type="hidden" name="next" value="/" /> </form> <div class="react-es6-component" data-component-name="cookies_modal"></div>  <svg id="nounproject-icon-sprite" class="hidden" width="100" height="100" viewBox="0 0 100 100">  <symbol id="star.svg"> <polygon points="69.175 61.33 100 37.5 62.5 37.5 50 0 37.5 37.5 0 37.5 30.86 61.23 18.75 100 50.05 76 81.275 100"/> </symbol> <symbol id="favorite_collection.svg"> <g> <polygon points="37.828 72.239 48 64.375 35.625 64.375 31.5 52 27.375 64.375 15 64.375 25.184 72.206 21.188 85 31.517 77.08 41.821 85"/> <polygon points="74.828 72.239 85 64.375 72.625 64.375 68.5 52 64.375 64.375 52 64.375 62.184 72.206 58.188 85 68.516 77.08 78.821 85"/> <polygon points="37.828 35.239 48 27.375 35.625 27.375 31.5 15 27.375 27.375 15 27.375 25.184 35.206 21.188 48 31.517 40.08 41.821 48"/> <polygon points="74.828 35.239 85 27.375 72.625 27.375 68.5 15 64.375 27.375 52 27.375 62.184 35.206 58.188 48 68.516 40.08 78.821 48"/> </g> </symbol> <symbol id="zoom_in.svg"> <g> <polygon points="39.358 39.429 25 39.429 25 46.715 39.358 46.715 39.358 61.144 46.644 61.144 46.644 46.715 61.002 46.715 61.002 39.429 46.644 39.429 46.644 25 39.358 25"/> <path d="M10.5540897,42.1607378 C10.5540897,24.7694335 24.8021108,10.5401845 42.2163588,10.5401845 C59.6306069,10.5401845 73.878628,24.7694335 73.878628,42.1607378 C73.878628,59.5520422 59.6306069,73.7812912 42.2163588,73.7812912 C24.8021108,73.7812912 10.5540897,59.5520422 10.5540897,42.1607378 Z M100,92.4901186 L75.5936675,67.9841897 C81.1345646,60.8695652 84.4327177,51.9104084 84.4327177,42.1607378 C84.4327177,18.972332 65.4353562,-1.63424829e-13 42.2163588,-1.63424829e-13 C18.9973615,-1.63424829e-13 0,18.972332 0,42.1607378 C0,65.3491436 18.9973615,84.3214756 42.2163588,84.3214756 C51.9788918,84.3214756 60.9498681,81.027668 68.0738786,75.4940711 L92.6121372,100 L100,92.4901186 Z"/> </g> </symbol> <symbol id="stacked_menu.svg"> <path id="a" d="M0,9 L100,9 L100,25.6 L0,25.6 L0,9 Z M0,42.2 L100,42.2 L100,58.8 L0,58.8 L0,42.2 Z M0,75.4 L100,75.4 L100,92 L0,92 L0,75.4 Z"/> </symbol> <symbol id="cog.svg"> <path d="M49.9,68.8c-10.4,0-18.8-8.4-18.8-18.8s8.4-18.8,18.8-18.8c10.3,0,18.7,8.4,18.7,18.8S60.3,68.8,49.9,68.8L49.9,68.8zM100,56.2V43.7l-14.9-6.2c-0.4-1.2-0.9-2.3-1.4-3.4l6-15l-8.8-8.8L66,16.3c-1.1-0.6-2.3-1-3.5-1.4L56.2,0H43.7l-6.2,14.8c-1.2,0.4-2.4,0.9-3.6,1.5l-14.9-6l-8.8,8.8l6.1,14.7c-0.6,1.2-1.1,2.4-1.5,3.7L0,43.9v12.5l14.7,6.1c0.4,1.3,0.9,2.5,1.5,3.7L10.3,81l8.8,8.8l14.8-6.1c1.2,0.6,2.4,1,3.6,1.4l6.3,14.8h12.5l6.2-14.9c1.2-0.4,2.4-0.9,3.5-1.4l15,6l8.8-8.8L83.7,66c0.5-1.1,1-2.3,1.4-3.4L100,56.2L100,56.2z"/> </symbol> <symbol id="help.svg"> <path d="M70.1,37.5c0,10.7-7.4,15.1-16.6,17l-0.3,3.1c-0.3,2.2-2.1,4.1-4.6,4.1h-2.8c-2.4,0-4.2-1.9-4.6-4.1v-7.3c-0.4-2.8,2.5-4.7,5.2-5.1c7.3-0.9,10.7-3.2,10.7-7.3v-0.2c0-3.8-2.9-6-7.8-6c-3.6,0-6.7,1.1-9.8,3.4c-1,0.8-2.4,1.3-3.8,1.3c-3.2,0-5.9-2.7-5.9-5.9c0-1.6,0.7-3.3,2.2-4.6c4.5-3.7,10.1-6.1,17.5-6.1c12.1,0,20.4,6.2,20.4,17.5L70.1,37.5L70.1,37.5z M55.3,73c0,4.1-3.1,7.2-7.3,7.2c-4.2,0-7.3-3.1-7.3-7.2v-0.2c0-4,3.1-7.2,7.3-7.2c4.2,0,7.3,3.1,7.3,7.2V73L55.3,73z M50,0C22.4,0,0,22.4,0,50c0,27.6,22.4,50,50,50s50-22.4,50-50C100,22.4,77.6,0,50,0z"/> </symbol> <symbol id="close.svg"> <path d="M100,20L70,50l30,30l-20,20L50,70l-30,30L0,80l30-30L0,20L20,0l30,30L80,0L100,20z"/> </symbol> <symbol id="lock.svg"> <path d="M83.5,47.7h-4.3V29.2C79.2,13.2,66.1,0,50,0S20.8,13.1,20.8,29.2v18.5h-8.6V100h75.6V47.7C87.8,47.7,83.5,47.7,83.5,47.7zM34.6,47.7V30.1c0-8.5,6.9-15.4,15.4-15.4s15.4,6.9,15.4,15.4l0,0v17.7H34.6V47.7z"/> </symbol> <symbol id="download.svg"> <path d="M50.3,76.2l36.8-37.3L74.6,26.1L59.2,41.3V0H41.4v42.2L25,26.1L12.9,38.7L50.3,76.2L50.3,76.2z"/> <path d="M17.7,84.7h64.6V100H17.7C17.7,100,17.7,84.7,17.7,84.7z"/> </symbol> <symbol id="share_arrow.svg"> <path d="M100,42.2L61.6,3.8v14.8c0,0-29.1,4.5-46.3,31.8C1.5,72.2,0,96.2,0,96.2c4.5-6.9,11.8-15.7,22.6-22.4c19.7-12.3,38.9-8.5,38.9-8.5v15.4L100,42.2z"/> </symbol> <symbol id="feedback.svg"> <path d="M33.5,52.7l-10.1,3.8c-0.3,0.1-0.6,0.2-1,0.2c-1.1,0-2.1-0.7-2.5-1.7c-0.5-1.4,0.2-2.9,1.6-3.5l10.1-3.8c1.4-0.5,2.9,0.2,3.5,1.6C35.6,50.6,34.9,52.2,33.5,52.7L33.5,52.7zM76,1.7c-0.3-0.9-1.1-1.5-2-1.7c-0.9-0.2-1.9,0.1-2.5,0.8L47.5,27L12.9,40.2C8.2,42,4.5,45.5,2.4,50.1C0.4,54.7,0.2,59.8,2,64.5c2.8,7.3,9.8,12.1,17.6,12.1c2.3,0,4.5-0.4,6.7-1.2l3.2-1.2L49.9,99c0.5,0.6,1.3,1,2.1,1c0.3,0,0.6-0.1,1-0.2L68,94.1c0.8-0.3,1.4-1,1.6-1.8c0.2-0.8,0-1.7-0.5-2.4L49.9,66.4l11-4.2l35.3,3.5c0.9,0.1,1.8-0.3,2.4-1c0.6-0.7,0.7-1.7,0.4-2.6L76,1.7z"/> </symbol> <symbol id="history.svg"> <path d="M53.9301806,0.000123621784 C28.5253619,0.000123621784 7.86351646,20.2431908 7.86351646,45.1220748 L0,45.1220748 L13.3303043,61.4636385 L26.6707054,45.1220748 L16.7021317,45.1220748 C16.7021317,25.0137554 33.3997198,8.65364851 53.9340931,8.65364851 C74.463418,8.65364851 91.1660545,25.0137554 91.1660545,45.1220748 C91.1660545,65.2303943 74.463418,81.5905012 53.9340931,81.5905012 C43.9161713,81.5905012 34.5091061,77.7466054 27.4640617,70.7687738 L21.1830929,76.8581356 C29.904459,85.4923755 41.5344617,90.2439024 53.9333359,90.2439024 C79.3331062,90.2439024 100,70.0008353 100,45.1219512 C99.995069,20.2430672 79.3280578,0 53.9282875,0 L53.9301806,0.000123621784 Z M49.5128293,21.2235115 L49.5128293,47.2088106 L64.6378403,59.0156799 L70.1398407,52.2454093 L58.3421049,43.0365753 L58.3470347,21.2235115 L49.5128293,21.2235115 Z"/> </symbol> </svg> <script id="user-banners" type="application/json">{}</script> <script> window._nounConfig = {"debugMode": false, "environment": "production", "release": "7083586", "sentryDSN": "https://d142ad6e0a7a4f60ac757fab3f4c5216@sentry.io/50173", "collectSearchMetrics": true, "graphqlEndpoint": "https://thenounproject.com/graphql/", "localGraphqlEndpoint": "https://thenounproject.com/graphql/", "singleIconPriceCents": 499, "fullResPhotoPriceCents": 3300, "largePhotoPriceCents": 850, "monthlyProPlanCents": 1299, "yearlyProPlanCents": 3999, "captchaKey": "62dde236-a409-46da-a7ea-ad1c8175391f", "accountSignupRequireCaptcha": true, "accountLoginRequireCaptcha": true, "stripePublishable": "pk_owxs5wc6k6R1NtwJIbV8WZ7asenTQ", "googleAuthClientId": "132923386426-5om6319mngoembiedhkbnp0imeqf8tdl.apps.googleusercontent.com", "googleAuthRedirectRelativeUrl": "/accounts/google-jwt/login/callback/", "paypalClientId": "AUSoRgkBaSAUlK8T5Ozoj1tBsA8X9F7DkdxTRPLidEugtKfzrFANVQew8kDLL8it_OkGmk9lRzYTVgWM"} window._nounConfig.banners = JSON.parse(document.getElementById('user-banners').textContent) </script> <script>var csrfCookieName = "csrftoken"</script> <script src="/jsi18n/"></script> <script src="https://js.stripe.com/v3/"></script> <script type="text/javascript" src="https://static.production.thenounproject.com/assets/bundles/main-89dcb0c3efad29f02d05.js" crossorigin></script> <div class="modal share-modal" data-type="share" data-style=""> <div class="table"> <div class="table-cell"> <div class="container row"> <a href="#close" id="auth-modal-close" title="Press ESC to close" class="close-button ui_close"></a> <header> <h2>Where to Share?</h2> </header> <div class="social_links"> <a href="https://www.facebook.com/sharer/sharer.php" type="button" class="share-on-facebook ui_facebook"></a> <a href="//twitter.com/share" type="button" class="share-on-twitter ui_twitter"></a> <a href="//www.tumblr.com/share/photo" type="button" class="share-on-tumblr ui_tumblr" ></a> <a id="share-on-pinterest" type="button" href="//www.pinterest.com/pin/create/button/" class='ui_pinterest'></a> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Drag and Drop Icon Apps and Plugins | Noun Project