17,371+ high-quality icons

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>17,371+ high-quality icons - Iconfinder</title> <meta name="description" content="Search through Iconfinder's ever-growing library of icons. Created by the top artists, they are perfect for landing pages, presentations and print."> <meta property="og:site_name" content="Iconfinder"> <meta property="og:url" content="https://www.iconfinder.com/icons"> <meta property="fb:admins" content="655647081"> <meta property="fb:app_id" content="319532633444"> <meta name="twitter:url" content="https://www.iconfinder.com/icons"> <meta name="twitter:site" content="@iconfinder"><meta property="og:type" content="website"> <meta name="author" content="Iconfinder"> <meta name="twitter:creator" content="@iconfinder"> <meta name="twitter:card" content="summary_large_image"><meta property="og:title" content="17,371+ high-quality icons - Iconfinder"> <meta property="og:image" content="https://www.iconfinder.com/static/img/meta-generic.png?d34117af5a"> <meta property="og:description" content="Search through Iconfinder's ever-growing library of icons. Created by the top artists, they are perfect for landing pages, presentations and print."> <meta name="twitter:title" content="17,371+ high-quality icons - Iconfinder"> <meta name="twitter:description" content="Search through Iconfinder's ever-growing library of icons. Created by the top artists, they are perfect for landing pages, presentations and print."> <meta name="twitter:image" content="https://www.iconfinder.com/static/img/meta-generic.png?d34117af5a"><meta name="p:domain_verify" content="2a0a57e888afb6d20f872dfaec9dc8a6"/> <meta name="pinterest-rich-pin" content="true"> <link rel="search" type="application/opensearchdescription+xml" title="Iconfinder" href="https://www.iconfinder.com/iconfinder.xml"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Iconfinder", "url": "https://www.iconfinder.com", "logo": "https://www.iconfinder.com/static/img/favicons/favicon-194x194.png?bf2736d2f8", "sameAs": [ "https://www.facebook.com/iconfinder", "https://www.dribbble.com/team-iconfinder", "https://www.twitter.com/iconfinder", "https://www.instagram.com/iconfinder" ] } </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-W63R6FQV');</script> <link rel="apple-touch-icon" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon.png?3186e39e61"> <link rel="apple-touch-icon" sizes="57x57" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-57x57.png?17a978e9ef"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-60x60.png?80576d4deb"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-72x72.png?de5f9d2bb6"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-76x76.png?98c6aa972f"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-114x114.png?f3b9217265"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-120x120.png?57ee515801"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-144x144.png?06d1c4d65d"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-152x152.png?55b24b983f"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.iconfinder.com/static/img/favicons/apple-touch-icon-180x180.png?3186e39e61"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.iconfinder.com/static/img/favicons/favicon-32x32.png?87b2a5c3aa"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.iconfinder.com/static/img/favicons/android-chrome-192x192.png?beec5a6406"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.iconfinder.com/static/img/favicons/favicon-96x96.png?ea0174d544"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.iconfinder.com/static/img/favicons/favicon-16x16.png?65f75976b2"> <link rel="manifest" href="https://www.iconfinder.com/static/img/favicons/manifest.json?3d517ac343"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="https://www.iconfinder.com/static/img/favicons/mstile-144x144.png?d599ba2955"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://www.iconfinder.com/static/css/vendor.css?12e6533b37"> <link rel="stylesheet" href="https://www.iconfinder.com/static/css/iconfinder.css?76c9170f28"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap" rel="stylesheet"> <script src="https://www.iconfinder.com/static/js/vendor.js?966ac43abf" crossorigin></script> <script src="https://www.iconfinder.com/static/js/templates.js?f31c873b61" crossorigin></script> <script src="https://www.iconfinder.com/static/js/iconfinder.js?01876b2dfd" crossorigin></script> <link rel="stylesheet" href="https://www.iconfinder.com/static/css/carbon_ads.css?05f6ece950"> <script type="text/javascript"> window.RECAPTCHA_PUBLIC_KEY = '6Ld4AEYUAAAAANb2jxigv9IMeiX0hwlnc50sQybr'; window.DEBOUNCE_PUBLIC_KEY = 'public_Z0ljT0N1ZGhnblpORUtzRHdCSEFvUT09'; window.SOCIAL_AUTH_FACEBOOK_KEY = '319532633444'; window.SOCIAL_AUTH_FACEBOOK_URL = '/user/ajax/login/facebook?redirect_to='; </script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-634584-2', 'auto'); ga('set', 'Signed in', 'False'); ga('set', 'Pro subscriber', 'False'); ga('send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> </head> <body class="icons preview-white"> <nav class="navbar navbar-expand-lg navbar-light bg-white "> <a href="/" class="navbar-brand px-2 d-xl-none"> <img src="https://www.iconfinder.com/static/img/logo/black_small.svg?eb4fe0853e" width="28" height="28" class="d-inline-block align-top" alt="Iconfinder"> </a> <a href="/" class="navbar-brand d-none px-2 d-xl-block"> <img src="https://www.iconfinder.com/static/img/logo/black.svg?7cfe2038c8" width="168" height="28" class="d-inline-block align-top" alt="Iconfinder"> </a> <form action="/search" class="search-form form-autocomplete "> <div class="input-group "> <input id="search-input" class="form-control border-0 autocomplete" type="text" name="q" placeholder="Search for icon_families..." value="" data-history="search_history" autocomplete="off" maxlength="256" data-url="/ajax/autocomplete" onfocus="this.setSelectionRange(this.value.length, this.value.length);" data-placeholder="Search 6M icons, 3D and illustrations..."> <div class="input-group-append index-selector "> <button type="button" class="btn btn-dropdown px-0" data-toggle="dropdown" data-offset=""> <span>Icons</span> <svg width="18" height="18" class="ui-icon align-text-bottom text-dark"> <use xlink:href="/static/icons.svg?450f041b8d#chevron-down"></use> </svg> </button> <div class="dropdown-menu dropdown-menu-right"> <a href="/search/" class="dropdown-item active">Icons</a> <a href="/search/illustrations" class="dropdown-item ">Illustrations</a> <a href="/search/3d-illustrations" class="dropdown-item ">3D illustrations</a> <a href="/search/stickers" class="dropdown-item ">Stickers</a> </div> </div> <div class="input-group-append"> <button type="submit" class="btn btn-submit"> <svg width="24" height="24" class="ui-icon align-middle text-dark"> <use xlink:href="/static/icons.svg?450f041b8d#magnify"></use> </svg> </button> </div> </div> </form> <button class="navbar-toggler border-0 px-0 collapsed" type="button" data-toggle="collapse" data-target="#mainNavigation"> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </button> <div class="collapse navbar-collapse" id="mainNavigation"> <ul class="navbar-nav mr-auto explore-menu d-none d-lg-flex"> <li class="nav-item dropdown">  <div class="dropdown-menu animated" style="width: 360px;"> <div class="row no-gutters"> <div class="col-md-6"> <h6 class="dropdown-header text-uppercase">Icon sets</h6> <a href="/icon-sets/featured" class="dropdown-item">Staff picks</a> <a href="/icon-sets/newest" class="dropdown-item">Newest icon sets</a> <a href="/icon-sets/popular" class="dropdown-item">Popular icon sets</a> <a href="/categories" class="dropdown-item">Categories</a> <a href="/styles" class="dropdown-item">Styles</a> <div class="dropdown-divider"></div> <a href="/custom-icon-design" class="dropdown-item">Custom icons</a> </div> <div class="col-md-6"> <h6 class="dropdown-header text-uppercase">Designers</h6> <a href="/designers" class="dropdown-item">Top selling</a> <a href="/designers?sort=followers" class="dropdown-item">Most followers</a> <a href="/designers?sort=newest" class="dropdown-item">Newest designers</a> <a href="/designers?sort=icons" class="dropdown-item">Most icons</a> <a href="/designers?sort=following" class="dropdown-item">Following</a> <div class="dropdown-divider"></div> <a href="/api-solution" class="dropdown-item">Iconfinder API</a> </div> </div> </div> </li> </ul> <ul class="navbar-nav text-lg-right"> <li class="nav-item "> <a href="#" class="nav-link" data-remote="/commerce/ajax/cart/" data-modal="cart/_modal"> <svg width="16" height="16" class="ui-icon align-text-bottom text-muted"> <use xlink:href="/static/icons.svg?450f041b8d#cart"></use> </svg> <span class="d-lg-none">Cart</span> </a> </li> <li class="nav-item dropdown" data-load="/user/navigation" data-method="replace"> <a href="#" class="d-inline-block loading-placeholder loading-animated rounded-pill" style="width: 150px; position: relative; top: 6px;"> </a> </li> </ul> </div> </nav> <div class="px-md-3 px-lg-5"> <header data-toggle="navigation-sticky"> <div class="container-fluid pt-lg-5" style="max-width: 1600px;"> <div class="row"> <div class="col-lg-6 col-xl-5"> <div class="pt-1"> <h1 class="display-3 d-none d-sm-block font-weight-bolder mb-3 mb-md-3">Icons</h1> <h2 class="display-4 d-sm-none font-weight-bolder mb-3 mb-md-3">Icons</h2> <p class="lead"> Icons are the universal visual language that helps us navigate virtual and physical spaces. Whether you are building a website, an app, or a slide deck, with 6 million icons, you will find one for practically anything here. </p> </div> </div> <div class="col-lg-6 offset-xl-1"> </div> </div> <form method="get"> <div class="row mb-4"> <div class="col-6"> <input type="hidden" name="show_all" value="true"> <input type="hidden" name="sort" value="asc__sort_index"> <input class="form-control border" type="text" name="q" placeholder="Filter families ..." autocomplete="off" value="" autofocus> </div> <div class="col-6"> <div class="ml-auto mr-3"> <div class="dropdown d-inline-block float-right"> <button type="button" class="d-none d-sm-block btn btn-light text-dark font-weight-normal" data-toggle="dropdown"> Sort by Popular <svg width="16" height="16" class="ui-icon align-text-bottom text-muted"> <use xlink:href="/static/icons.svg?450f041b8d#chevron-down"></use> </svg> </button> <button type="button" class="d-sm-none btn btn-light text-dark font-weight-normal" data-toggle="dropdown"> Popular <svg width="16" height="16" class="ui-icon align-text-bottom text-muted"> <use xlink:href="/static/icons.svg?450f041b8d#chevron-down"></use> </svg> </button> <div class="dropdown-menu dropdown-menu-right"> <a href="?sort=asc__sort_index" class="dropdown-item active"> Popular </a> <a href="?sort=icon_count" class="dropdown-item "> Largest </a> <a href="?sort=timestamp_created" class="dropdown-item "> Newest </a> </div> </div> </div> </div> </div> </form> </div> </header> <div class="container-fluid pb-5" style="max-width: 1600px;"> <div class="row"> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e6fbfa;"> <a href="/search/icons?family=feather" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Feather</h3> <p class="small opacity-70">286 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/feather.png?indexed=1736165046" alt="Feather - 286 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/feather.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/feather.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #ffffff;"> <a href="/search/icons?family=leto" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Leto</h3> <p class="small opacity-70">5,516 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/leto.png?indexed=1736164962" alt="Leto - 5,516 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/leto.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/leto.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=organic-1" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">The World in Pastel</h3> <p class="small opacity-70">426 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/organic-1.png?indexed=1736164995" alt="The World in Pastel - 426 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/organic-1.png?indexed=1736164995, https://cdn.iconfinder.com/data/family/previews/preview-2x/organic-1.png?1736164995 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=fluent-regular-24px" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Fluent Regular 24px</h3> <p class="small opacity-70">1,565 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fluent-regular-24px.png?indexed=1736165046" alt="Fluent Regular 24px - 1,565 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fluent-regular-24px.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/fluent-regular-24px.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=font-awesome-regular" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Font Awesome Regular</h3> <p class="small opacity-70">159 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/font-awesome-regular.png?indexed=1736165046" alt="Font Awesome Regular - 159 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/font-awesome-regular.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/font-awesome-regular.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=system-basic" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">System Basic</h3> <p class="small opacity-70">291 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/system-basic.png?indexed=1736165015" alt="System Basic - 291 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/system-basic.png?indexed=1736165015, https://cdn.iconfinder.com/data/family/previews/preview-2x/system-basic.png?1736165015 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=ionicons-sharp" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Ionicons Sharp</h3> <p class="small opacity-70">414 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/ionicons-sharp.png?indexed=1702899924" alt="Ionicons Sharp - 414 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/ionicons-sharp.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/ionicons-sharp.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=font-awesome-solid" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Font Awesome Solid</h3> <p class="small opacity-70">1,000 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/font-awesome-solid.png?indexed=1736165046" alt="Font Awesome Solid - 1,000 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/font-awesome-solid.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/font-awesome-solid.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=iconoir" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Iconoir</h3> <p class="small opacity-70">937 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/iconoir.png?indexed=1702899924" alt="Iconoir - 937 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/iconoir.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/iconoir.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=bootstrap" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Bootstrap</h3> <p class="small opacity-70">1,071 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/bootstrap.png?indexed=1702899924" alt="Bootstrap - 1,071 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/bootstrap.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/bootstrap.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=fluent-regular-20px" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Fluent Regular 20px</h3> <p class="small opacity-70">1,399 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fluent-regular-20px.png?indexed=1736165046" alt="Fluent Regular 20px - 1,399 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fluent-regular-20px.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/fluent-regular-20px.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=fluent-solid-24px" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Fluent Solid 24px</h3> <p class="small opacity-70">1,568 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fluent-solid-24px.png?indexed=1736165046" alt="Fluent Solid 24px - 1,568 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fluent-solid-24px.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/fluent-solid-24px.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-12"> <div class="rounded-lg bg-purple mb-3" style="background-image: url('/static/img/pro/pro-pattern.png?6d39cd5622');"> <div class="row"> <div class="col-12 col-md-8 col-xl-5"> <div class="py-5 pl-5"> <h4 class="text-white"><span style="position: relative; bottom: 2px;"> <svg width="18" height="18" class="ui-icon align-text-bottom text-white"> <use xlink:href="/static/icons.svg?450f041b8d#f_bolt"></use> </svg> </span> Get 10 credits for premium content</h4> <p class="text-white font-weight-normal">Sign up for a <b>free trial</b> of Iconfinder Pro. Access all high-quality icons and illustrations, invite your team members and get the first 10 credits on us.</p> <a class="text-white" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Read more about Pro <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> </div> </div> <div class="col-12 col-md-4 col-xl-5 offset-xl-2"> <div class="pt-md-5 p-xl-5 text-right mt-md-2 mb-5 mb-md-0 pr-5"> <a class="btn bg-white text-purple mb-3 px-5" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Start your 7-day free trial <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> <p class="text-right text-white m-0">Then $9 per month. Cancel anytime.</p> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=fluent-solid-20px" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Fluent Solid 20px</h3> <p class="small opacity-70">1,401 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fluent-solid-20px.png?indexed=1736165046" alt="Fluent Solid 20px - 1,401 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fluent-solid-20px.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/fluent-solid-20px.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=phosphor-duotone" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Phosphor Duotone</h3> <p class="small opacity-70">1,047 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-duotone.png?indexed=1702899924" alt="Phosphor Duotone - 1,047 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-duotone.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/phosphor-duotone.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=phosphor-regular" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Phosphor Regular</h3> <p class="small opacity-70">1,047 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-regular.png?indexed=1702899924" alt="Phosphor Regular - 1,047 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-regular.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/phosphor-regular.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=phosphor-fill" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Phosphor Fill</h3> <p class="small opacity-70">1,047 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-fill.png?indexed=1702899924" alt="Phosphor Fill - 1,047 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-fill.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/phosphor-fill.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=phosphor-light" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Phosphor Light</h3> <p class="small opacity-70">1,047 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-light.png?indexed=1702899924" alt="Phosphor Light - 1,047 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/phosphor-light.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/phosphor-light.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=plumpicons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Plumpicons</h3> <p class="small opacity-70">4,543 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/plumpicons.png?indexed=1736165015" alt="Plumpicons - 4,543 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/plumpicons.png?indexed=1736165015, https://cdn.iconfinder.com/data/family/previews/preview-2x/plumpicons.png?1736165015 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e4e7ef;"> <a href="/search/icons?family=remixicon" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">RemixIcon</h3> <p class="small opacity-70">2,103 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/remixicon.png?indexed=1736165046" alt="RemixIcon - 2,103 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/remixicon.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/remixicon.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e4e7ef;"> <a href="/search/icons?family=rudy" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Rudy</h3> <p class="small opacity-70">1,676 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/rudy.png?indexed=1725617498" alt="Rudy - 1,676 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/rudy.png?indexed=1725617498, https://cdn.iconfinder.com/data/family/previews/preview-2x/rudy.png?1725617498 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #ffffff;"> <a href="/search/icons?family=essentia-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Essentia Line</h3> <p class="small opacity-70">1,600 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/essentia-line.png?indexed=1736165018" alt="Essentia Line - 1,600 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/essentia-line.png?indexed=1736165018, https://cdn.iconfinder.com/data/family/previews/preview-2x/essentia-line.png?1736165018 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #ffffff;"> <a href="/search/icons?family=misc-9" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Essentia Solid</h3> <p class="small opacity-70">1,600 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/misc-9.png?indexed=1736164965" alt="Essentia Solid - 1,600 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/misc-9.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/misc-9.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #ffffff;"> <a href="/search/icons?family=essentia-filled" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Essentia Filled</h3> <p class="small opacity-70">1,600 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/essentia-filled.png?indexed=1736165044" alt="Essentia Filled - 1,600 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/essentia-filled.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/essentia-filled.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e6fbfa;"> <a href="/search/icons?family=basic-10" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Basicons — Line</h3> <p class="small opacity-70">5,070 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/basic-10.png?indexed=1736840979" alt="Basicons — Line - 5,070 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/basic-10.png?indexed=1736840979, https://cdn.iconfinder.com/data/family/previews/preview-2x/basic-10.png?1736840979 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e6fbfa;"> <a href="/search/icons?family=webina" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Webina</h3> <p class="small opacity-70">482 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/webina.png?indexed=1736164913" alt="Webina - 482 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/webina.png?indexed=1736164913, https://cdn.iconfinder.com/data/family/previews/preview-2x/webina.png?1736164913 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=systemui" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">SystemUI</h3> <p class="small opacity-70">420 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/systemui.png?indexed=1702899924" alt="SystemUI - 420 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/systemui.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/systemui.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fcdfa9;"> <a href="/search/icons?family=special-flat-icon-collection" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">4.0 Justicon Special Collection</h3> <p class="small opacity-70">2,304 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/special-flat-icon-collection.png?indexed=1736164993" alt="4.0 Justicon Special Collection - 2,304 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/special-flat-icon-collection.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/special-flat-icon-collection.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=picons-me-icons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Picons Basic</h3> <p class="small opacity-70">659 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/picons-me-icons.png?indexed=1736164911" alt="Picons Basic - 659 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/picons-me-icons.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/picons-me-icons.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=picons-thin" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Picons Thin</h3> <p class="small opacity-70">1,881 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/picons-thin.png?indexed=1736164911" alt="Picons Thin - 1,881 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/picons-thin.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/picons-thin.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=raw" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Raw</h3> <p class="small opacity-70">2,536 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/raw.png?indexed=1736164911" alt="Raw - 2,536 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/raw.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/raw.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=one-line-icons-set" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">One line icons set</h3> <p class="small opacity-70">336 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/one-line-icons-set.png?indexed=1736165044" alt="One line icons set - 336 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/one-line-icons-set.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/one-line-icons-set.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=ego-icons-black-version" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Ego</h3> <p class="small opacity-70">3,688 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/ego-icons-black-version.png?indexed=1644840059" alt="Ego - 3,688 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/ego-icons-black-version.png?indexed=1644840059, https://cdn.iconfinder.com/data/family/previews/preview-2x/ego-icons-black-version.png?1644840059 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fbd6d6;"> <a href="/search/icons?family=gizmo" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Gizmo</h3> <p class="small opacity-70">839 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/gizmo.png?indexed=1736164911" alt="Gizmo - 839 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/gizmo.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/gizmo.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=scenarium-graphite" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Scenarium Graphite</h3> <p class="small opacity-70">1,000 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/scenarium-graphite.png?indexed=1736165046" alt="Scenarium Graphite - 1,000 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/scenarium-graphite.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/scenarium-graphite.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=smashicons-ultra-color" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Smashicons - Ultra Color</h3> <p class="small opacity-70">4,030 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/smashicons-ultra-color.png?indexed=1736164962" alt="Smashicons - Ultra Color - 4,030 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/smashicons-ultra-color.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/smashicons-ultra-color.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=stick-figures" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Stick Figures</h3> <p class="small opacity-70">22,036 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/stick-figures.png?indexed=1736164936" alt="Stick Figures - 22,036 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/stick-figures.png?indexed=1736164936, https://cdn.iconfinder.com/data/family/previews/preview-2x/stick-figures.png?1736164936 2x" class="w-100"> </div> </a> </div> </div> <div class="col-12"> <div class="rounded-lg bg-purple mb-3" style="background-image: url('/static/img/pro/pro-pattern.png?6d39cd5622');"> <div class="row"> <div class="col-12 col-md-8 col-xl-5"> <div class="py-5 pl-5"> <h4 class="text-white"><span style="position: relative; bottom: 2px;"> <svg width="18" height="18" class="ui-icon align-text-bottom text-white"> <use xlink:href="/static/icons.svg?450f041b8d#f_bolt"></use> </svg> </span> Get 10 credits for premium content</h4> <p class="text-white font-weight-normal">Sign up for a <b>free trial</b> of Iconfinder Pro. Access all high-quality icons and illustrations, invite your team members and get the first 10 credits on us.</p> <a class="text-white" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Read more about Pro <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> </div> </div> <div class="col-12 col-md-4 col-xl-5 offset-xl-2"> <div class="pt-md-5 p-xl-5 text-right mt-md-2 mb-5 mb-md-0 pr-5"> <a class="btn bg-white text-purple mb-3 px-5" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Start your 7-day free trial <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> <p class="text-right text-white m-0">Then $9 per month. Cancel anytime.</p> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=buke-1-0-flat" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Buke 1.0 Flat</h3> <p class="small opacity-70">780 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/buke-1-0-flat.png?indexed=1736165043" alt="Buke 1.0 Flat - 780 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/buke-1-0-flat.png?indexed=1736165043, https://cdn.iconfinder.com/data/family/previews/preview-2x/buke-1-0-flat.png?1736165043 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fbd6d6;"> <a href="/search/icons?family=doodle-2" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Doodle</h3> <p class="small opacity-70">1,117 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/doodle-2.png?indexed=1736164938" alt="Doodle - 1,117 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/doodle-2.png?indexed=1736164938, https://cdn.iconfinder.com/data/family/previews/preview-2x/doodle-2.png?1736164938 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=superflat" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Microdots Outline</h3> <p class="small opacity-70">2,560 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/superflat.png?indexed=1736164993" alt="Microdots Outline - 2,560 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/superflat.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/superflat.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=diversity-avatars-collection" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Diversity Avatars Collection</h3> <p class="small opacity-70">959 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/diversity-avatars-collection.png?indexed=1736164993" alt="Diversity Avatars Collection - 959 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/diversity-avatars-collection.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/diversity-avatars-collection.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=outline-2" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Line</h3> <p class="small opacity-70">12,337 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/outline-2.png?indexed=1742977776" alt="Line - 12,337 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/outline-2.png?indexed=1742977776, https://cdn.iconfinder.com/data/family/previews/preview-2x/outline-2.png?1742977776 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=pika" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Pika</h3> <p class="small opacity-70">814 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/pika.png?indexed=1736164911" alt="Pika - 814 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/pika.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/pika.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=test-emojis" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Emoji</h3> <p class="small opacity-70">1,242 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/test-emojis.png?indexed=1644840064" alt="Emoji - 1,242 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/test-emojis.png?indexed=1644840064, https://cdn.iconfinder.com/data/family/previews/preview-2x/test-emojis.png?1644840064 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=dygo" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Dygo</h3> <p class="small opacity-70">1,200 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/dygo.png?indexed=1736165046" alt="Dygo - 1,200 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/dygo.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/dygo.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=fill-outline-7" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Fill Outline</h3> <p class="small opacity-70">4,971 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fill-outline-7.png?indexed=1736164995" alt="Fill Outline - 4,971 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fill-outline-7.png?indexed=1736164995, https://cdn.iconfinder.com/data/family/previews/preview-2x/fill-outline-7.png?1736164995 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=lylac" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Lylac</h3> <p class="small opacity-70">2,408 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/lylac.png?indexed=1725863956" alt="Lylac - 2,408 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/lylac.png?indexed=1725863956, https://cdn.iconfinder.com/data/family/previews/preview-2x/lylac.png?1725863956 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e9eaeb;"> <a href="/search/icons?family=ios-wired" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">iOS Wired</h3> <p class="small opacity-70">998 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/ios-wired.png?indexed=1736164965" alt="iOS Wired - 998 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/ios-wired.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/ios-wired.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=outline-filled-4" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Obivous Color</h3> <p class="small opacity-70">1,850 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/outline-filled-4.png?indexed=1736164990" alt="Obivous Color - 1,850 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/outline-filled-4.png?indexed=1736164990, https://cdn.iconfinder.com/data/family/previews/preview-2x/outline-filled-4.png?1736164990 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=sliceberry-uicons-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Sliceberry - UIcons Line</h3> <p class="small opacity-70">1,490 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/sliceberry-uicons-line.png?indexed=1736164965" alt="Sliceberry - UIcons Line - 1,490 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/sliceberry-uicons-line.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/sliceberry-uicons-line.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=pixi-icons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Pixi Solid</h3> <p class="small opacity-70">590 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/pixi-icons.png?indexed=1736164937" alt="Pixi Solid - 590 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/pixi-icons.png?indexed=1736164937, https://cdn.iconfinder.com/data/family/previews/preview-2x/pixi-icons.png?1736164937 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #c5e3da;"> <a href="/search/icons?family=line-97" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Pixi Line</h3> <p class="small opacity-70">768 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/line-97.png?indexed=1736164965" alt="Pixi Line - 768 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/line-97.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/line-97.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=line-icons-102" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">64x64 Pixel-Perfect</h3> <p class="small opacity-70">3,764 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/line-icons-102.png?indexed=1736164962" alt="64x64 Pixel-Perfect - 3,764 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/line-icons-102.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/line-icons-102.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=color-connecto-line-icon-collection" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">(Color) Connecto Line icon collection</h3> <p class="small opacity-70">920 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/color-connecto-line-icon-collection.png?indexed=1736164965" alt="(Color) Connecto Line icon collection - 920 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/color-connecto-line-icon-collection.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/color-connecto-line-icon-collection.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=unigrid-phantom" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Unigrid Phantom</h3> <p class="small opacity-70">3,566 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/unigrid-phantom.png?indexed=1736164967" alt="Unigrid Phantom - 3,566 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/unigrid-phantom.png?indexed=1736164967, https://cdn.iconfinder.com/data/family/previews/preview-2x/unigrid-phantom.png?1736164967 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=basic-solid" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Basicons — Solid</h3> <p class="small opacity-70">4,585 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/basic-solid.png?indexed=1740576849" alt="Basicons — Solid - 4,585 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/basic-solid.png?indexed=1740576849, https://cdn.iconfinder.com/data/family/previews/preview-2x/basic-solid.png?1740576849 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=big-outline" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Big Outline</h3> <p class="small opacity-70">1,420 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/big-outline.png?indexed=1742294808" alt="Big Outline - 1,420 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/big-outline.png?indexed=1742294808, https://cdn.iconfinder.com/data/family/previews/preview-2x/big-outline.png?1742294808 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #cad0df;"> <a href="/search/icons?family=flat-strokes" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Flat Strokes</h3> <p class="small opacity-70">797 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/flat-strokes.png?indexed=1736164936" alt="Flat Strokes - 797 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/flat-strokes.png?indexed=1736164936, https://cdn.iconfinder.com/data/family/previews/preview-2x/flat-strokes.png?1736164936 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=bold-line-5" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Bold Line</h3> <p class="small opacity-70">4,507 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/bold-line-5.png?indexed=1736164962" alt="Bold Line - 4,507 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/bold-line-5.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/bold-line-5.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=bubblecons-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Bubblecons - Line</h3> <p class="small opacity-70">10,690 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/bubblecons-line.png?indexed=1736164993" alt="Bubblecons - Line - 10,690 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/bubblecons-line.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/bubblecons-line.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=buke-1-0-gradient" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Buke 1.0 Gradient</h3> <p class="small opacity-70">779 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/buke-1-0-gradient.png?indexed=1736165044" alt="Buke 1.0 Gradient - 779 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/buke-1-0-gradient.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/buke-1-0-gradient.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=line-276" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Line</h3> <p class="small opacity-70">2,448 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/line-276.png?indexed=1742995484" alt="Line - 2,448 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/line-276.png?indexed=1742995484, https://cdn.iconfinder.com/data/family/previews/preview-2x/line-276.png?1742995484 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=swirly" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Swirly</h3> <p class="small opacity-70">69 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/swirly.png?indexed=1663053388" alt="Swirly - 69 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/swirly.png?indexed=1663053388, https://cdn.iconfinder.com/data/family/previews/preview-2x/swirly.png?1663053388 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #efedfc;"> <a href="/search/icons?family=microworld" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Microdots Premium</h3> <p class="small opacity-70">3,070 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/microworld.png?indexed=1736164993" alt="Microdots Premium - 3,070 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/microworld.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/microworld.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=ava-void-black" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Ava: Void Black</h3> <p class="small opacity-70">787 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/ava-void-black.png?indexed=1736165046" alt="Ava: Void Black - 787 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/ava-void-black.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/ava-void-black.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=outline-icons-45" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Outline</h3> <p class="small opacity-70">1,901 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/outline-icons-45.png?indexed=1736164995" alt="Outline - 1,901 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/outline-icons-45.png?indexed=1736164995, https://cdn.iconfinder.com/data/family/previews/preview-2x/outline-icons-45.png?1736164995 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=flat-246" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Flat</h3> <p class="small opacity-70">1,922 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/flat-246.png?indexed=1742790738" alt="Flat - 1,922 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/flat-246.png?indexed=1742790738, https://cdn.iconfinder.com/data/family/previews/preview-2x/flat-246.png?1742790738 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=semi-solid-4" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Semi-solid</h3> <p class="small opacity-70">1,548 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/semi-solid-4.png?indexed=1736165044" alt="Semi-solid - 1,548 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/semi-solid-4.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/semi-solid-4.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e6fbfa;"> <a href="/search/icons?family=mini-round" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Mini Round</h3> <p class="small opacity-70">350 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/mini-round.png?indexed=1736165044" alt="Mini Round - 350 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/mini-round.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/mini-round.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e4e7ef;"> <a href="/search/icons?family=materia" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Materia</h3> <p class="small opacity-70">3,161 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/materia.png?indexed=1736164936" alt="Materia - 3,161 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/materia.png?indexed=1736164936, https://cdn.iconfinder.com/data/family/previews/preview-2x/materia.png?1736164936 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=people-25" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">People</h3> <p class="small opacity-70">594 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/people-25.png?indexed=1736164994" alt="People - 594 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/people-25.png?indexed=1736164994, https://cdn.iconfinder.com/data/family/previews/preview-2x/people-25.png?1736164994 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=doodle-color" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Doodle Color</h3> <p class="small opacity-70">647 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/doodle-color.png?indexed=1736165046" alt="Doodle Color - 647 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/doodle-color.png?indexed=1736165046, https://cdn.iconfinder.com/data/family/previews/preview-2x/doodle-color.png?1736165046 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=dashed-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Dashed Line</h3> <p class="small opacity-70">4,723 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/dashed-line.png?indexed=1736165043" alt="Dashed Line - 4,723 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/dashed-line.png?indexed=1736165043, https://cdn.iconfinder.com/data/family/previews/preview-2x/dashed-line.png?1736165043 2x" class="w-100"> </div> </a> </div> </div> <div class="col-12"> <div class="rounded-lg bg-purple mb-3" style="background-image: url('/static/img/pro/pro-pattern.png?6d39cd5622');"> <div class="row"> <div class="col-12 col-md-8 col-xl-5"> <div class="py-5 pl-5"> <h4 class="text-white"><span style="position: relative; bottom: 2px;"> <svg width="18" height="18" class="ui-icon align-text-bottom text-white"> <use xlink:href="/static/icons.svg?450f041b8d#f_bolt"></use> </svg> </span> Get 10 credits for premium content</h4> <p class="text-white font-weight-normal">Sign up for a <b>free trial</b> of Iconfinder Pro. Access all high-quality icons and illustrations, invite your team members and get the first 10 credits on us.</p> <a class="text-white" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Read more about Pro <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> </div> </div> <div class="col-12 col-md-4 col-xl-5 offset-xl-2"> <div class="pt-md-5 p-xl-5 text-right mt-md-2 mb-5 mb-md-0 pr-5"> <a class="btn bg-white text-purple mb-3 px-5" href="/pro?utm_campaign=Free%20trial&utm_medium=Site%20promotion&utm_source=Banner&utm_content=Free%20trial%20promotion%20icons%20page">Start your 7-day free trial <svg width="18" height="18" class="ui-icon align-text-bottom text-purple"> <use xlink:href="/static/icons.svg?450f041b8d#arrow-right"></use> </svg> </a> <p class="text-right text-white m-0">Then $9 per month. Cancel anytime.</p> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=app-1" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">App /</h3> <p class="small opacity-70">4,657 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/app-1.png?indexed=1736164938" alt="App / - 4,657 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/app-1.png?indexed=1736164938, https://cdn.iconfinder.com/data/family/previews/preview-2x/app-1.png?1736164938 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=mini-square" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Mini square</h3> <p class="small opacity-70">640 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/mini-square.png?indexed=1736165044" alt="Mini square - 640 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/mini-square.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/mini-square.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e6fbfa;"> <a href="/search/icons?family=buno" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">buno</h3> <p class="small opacity-70">4,391 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/buno.png?indexed=1742234474" alt="buno - 4,391 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/buno.png?indexed=1742234474, https://cdn.iconfinder.com/data/family/previews/preview-2x/buno.png?1742234474 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=colorful-food-ingredients" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Colorful Food Ingredients</h3> <p class="small opacity-70">314 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/colorful-food-ingredients.png?indexed=1702899924" alt="Colorful Food Ingredients - 314 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/colorful-food-ingredients.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/colorful-food-ingredients.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=micro-thin-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Micro - Thin Line</h3> <p class="small opacity-70">1,140 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/micro-thin-line.png?indexed=1736164965" alt="Micro - Thin Line - 1,140 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/micro-thin-line.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/micro-thin-line.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=filled-outline-icons-4" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Filled Outline Icons</h3> <p class="small opacity-70">39,589 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/filled-outline-icons-4.png?indexed=1736164937" alt="Filled Outline Icons - 39,589 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/filled-outline-icons-4.png?indexed=1736164937, https://cdn.iconfinder.com/data/family/previews/preview-2x/filled-outline-icons-4.png?1736164937 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=line-icon-10" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Line Icon</h3> <p class="small opacity-70">48,889 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/line-icon-10.png?indexed=1736164913" alt="Line Icon - 48,889 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/line-icon-10.png?indexed=1736164913, https://cdn.iconfinder.com/data/family/previews/preview-2x/line-icon-10.png?1736164913 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=cosmo" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Cosmo</h3> <p class="small opacity-70">1,566 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/cosmo.png?indexed=1736164911" alt="Cosmo - 1,566 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/cosmo.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/cosmo.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=ios8-icons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Smashicons</h3> <p class="small opacity-70">15,610 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/ios8-icons.png?indexed=1736164913" alt="Smashicons - 15,610 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/ios8-icons.png?indexed=1736164913, https://cdn.iconfinder.com/data/family/previews/preview-2x/ios8-icons.png?1736164913 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fff9ee;"> <a href="/search/icons?family=carbon-design-system" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Carbon Design System</h3> <p class="small opacity-70">2,004 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/carbon-design-system.png?indexed=1702899924" alt="Carbon Design System - 2,004 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/carbon-design-system.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/carbon-design-system.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=jumpicon-glyph" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Jumpicon - Glyph</h3> <p class="small opacity-70">4,125 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/jumpicon-glyph.png?indexed=1736164962" alt="Jumpicon - Glyph - 4,125 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/jumpicon-glyph.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/jumpicon-glyph.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=jumpicon-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Jumpicon - Line</h3> <p class="small opacity-70">4,089 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/jumpicon-line.png?indexed=1736164962" alt="Jumpicon - Line - 4,089 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/jumpicon-line.png?indexed=1736164962, https://cdn.iconfinder.com/data/family/previews/preview-2x/jumpicon-line.png?1736164962 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefef;"> <a href="/search/icons?family=css" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">CSS</h3> <p class="small opacity-70">704 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/css.png?indexed=1702899924" alt="CSS - 704 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/css.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/css.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=iconpark" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">IconPark</h3> <p class="small opacity-70">2,433 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/iconpark.png?indexed=1702899924" alt="IconPark - 2,433 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/iconpark.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/iconpark.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=linec-solic-icons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Solic</h3> <p class="small opacity-70">588 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/linec-solic-icons.png?indexed=1736165044" alt="Solic - 588 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/linec-solic-icons.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/linec-solic-icons.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=linec-1" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Linec</h3> <p class="small opacity-70">588 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/linec-1.png?indexed=1704281467" alt="Linec - 588 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/linec-1.png?indexed=1704281467, https://cdn.iconfinder.com/data/family/previews/preview-2x/linec-1.png?1704281467 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fbd6d6;"> <a href="/search/icons?family=teenyicons-solid" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Teenyicons Solid</h3> <p class="small opacity-70">600 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/teenyicons-solid.png?indexed=1702899924" alt="Teenyicons Solid - 600 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/teenyicons-solid.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/teenyicons-solid.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=teenyicons-outline" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Teenyicons Outline</h3> <p class="small opacity-70">599 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/teenyicons-outline.png?indexed=1702899924" alt="Teenyicons Outline - 599 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/teenyicons-outline.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/teenyicons-outline.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=tabler" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Tabler</h3> <p class="small opacity-70">1,517 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/tabler.png?indexed=1702899924" alt="Tabler - 1,517 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/tabler.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/tabler.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e8f4f1;"> <a href="/search/icons?family=glypho" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Glypho</h3> <p class="small opacity-70">976 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/glypho.png?indexed=1736164911" alt="Glypho - 976 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/glypho.png?indexed=1736164911, https://cdn.iconfinder.com/data/family/previews/preview-2x/glypho.png?1736164911 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #bff2f1;"> <a href="/search/icons?family=unilite" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Unilite</h3> <p class="small opacity-70">3,551 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/unilite.png?indexed=1736164994" alt="Unilite - 3,551 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/unilite.png?indexed=1736164994, https://cdn.iconfinder.com/data/family/previews/preview-2x/unilite.png?1736164994 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #f0f2f7;"> <a href="/search/icons?family=glyph-108" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Micro - Glyph</h3> <p class="small opacity-70">1,187 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/glyph-108.png?indexed=1736164965" alt="Micro - Glyph - 1,187 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/glyph-108.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/glyph-108.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e4e7ef;"> <a href="/search/icons?family=fat-line" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Micro - Fat Line</h3> <p class="small opacity-70">1,160 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/fat-line.png?indexed=1736164965" alt="Micro - Fat Line - 1,160 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/fat-line.png?indexed=1736164965, https://cdn.iconfinder.com/data/family/previews/preview-2x/fat-line.png?1736164965 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #d5d1f7;"> <a href="/search/icons?family=evericons" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Evericons</h3> <p class="small opacity-70">520 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/evericons.png?indexed=1702899924" alt="Evericons - 520 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/evericons.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/evericons.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #c5e3da;"> <a href="/search/icons?family=jam" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Jam</h3> <p class="small opacity-70">939 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/jam.png?indexed=1702899924" alt="Jam - 939 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/jam.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/jam.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #fbd6d6;"> <a href="/search/icons?family=line-awesome" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Line Awesome</h3> <p class="small opacity-70">1,379 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/line-awesome.png?indexed=1702899924" alt="Line Awesome - 1,379 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/line-awesome.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/line-awesome.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #feefd4;"> <a href="/search/icons?family=hand-drawn-food-ingredients" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Hand-drawn Food Ingredients</h3> <p class="small opacity-70">314 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/hand-drawn-food-ingredients.png?indexed=1702899924" alt="Hand-drawn Food Ingredients - 314 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/hand-drawn-food-ingredients.png?indexed=1702899924, https://cdn.iconfinder.com/data/family/previews/preview-2x/hand-drawn-food-ingredients.png?1702899924 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=pixy" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Pixy</h3> <p class="small opacity-70">2,270 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/pixy.png?indexed=1736164993" alt="Pixy - 2,270 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/pixy.png?indexed=1736164993, https://cdn.iconfinder.com/data/family/previews/preview-2x/pixy.png?1736164993 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #e4e7ef;"> <a href="/search/icons?family=spotless" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Spotless</h3> <p class="small opacity-70">500 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/spotless.png?indexed=1735876489" alt="Spotless - 500 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/spotless.png?indexed=1735876489, https://cdn.iconfinder.com/data/family/previews/preview-2x/spotless.png?1735876489 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=hyper-bold" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Hyper Bold</h3> <p class="small opacity-70">1,100 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/hyper-bold.png?indexed=1736165392" alt="Hyper Bold - 1,100 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/hyper-bold.png?indexed=1736165392, https://cdn.iconfinder.com/data/family/previews/preview-2x/hyper-bold.png?1736165392 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #FFFFFF;"> <a href="/search/icons?family=haru-handdrawn" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Handdrawn Style</h3> <p class="small opacity-70">1,090 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/haru-handdrawn.png?indexed=1736165044" alt="Handdrawn Style - 1,090 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/haru-handdrawn.png?indexed=1736165044, https://cdn.iconfinder.com/data/family/previews/preview-2x/haru-handdrawn.png?1736165044 2x" class="w-100"> </div> </a> </div> </div> <div class="col-md-6 col-lg-4 col-xl-3"> <div class="family-preview scale-on-hover mb-4 rounded-lg" style="background-color: #ffffff;"> <a href="/search/icons?family=uni-one-original" class="d-block p-4 text-dark"> <h3 class="h5 m-0 font-weight-bold text-truncate">Uni One Original</h3> <p class="small opacity-70">1,855 icons</p> <div class="d-flex align-items-center mt-2" style="aspect-ratio: 1/1;"> <img loading=lazy src="https://cdn.iconfinder.com/data/family/previews/preview/uni-one-original.png?indexed=1736165392" alt="Uni One Original - 1,855 icons" srcset="https://cdn.iconfinder.com/data/family/previews/preview/uni-one-original.png?indexed=1736165392, https://cdn.iconfinder.com/data/family/previews/preview-2x/uni-one-original.png?1736165392 2x" class="w-100"> </div> </a> </div> </div> </div> </div> </div> <footer class="pb-5 border-top"> <div class="container-fluid container-max-width pt-5 mt-4"> <div class="row"> <div class="col-sm-6 col-lg-3"> <h6 class="h5 mb-4">Explore</h6> <ul class="list-unstyled"> <li class="pb-2"><a href="/icons">Icons</a></li> <li class="pb-2"><a href="/illustrations">Illustrations</a></li> <li class="pb-2"><a href="/3d-illustrations">3D illustrations</a></li> <li class="pb-2"><a href="/designers">Designers</a></li> <li class="pb-2"><a href="/free_icons">Free icons</a></li> </ul> </div> <div class="col-sm-6 col-lg-3"> <h6 class="h5 mb-4">Pricing</h6> <ul class="list-unstyled"> <li class="pb-2"><a href="/pricing">Pricing overview</a></li> <li class="pb-2"><a href="/pay-as-you-go">Pay as you go</a></li> <li class="pb-2"><a href="/api-solution">API</a></li> <li class="pb-2"><a href="/p/iconfinder-for-education">For education</a></li> <li class="pb-2"><a href="/cdn-cgi/l/email-protection#1d7e7273697c7e695d747e72737b747379786f337e7270">Contact sales</a></li> </ul> </div> <div class="col-sm-6 col-lg-3"> <h6 class="h5 mb-4">Help & Support</h6> <ul class="list-unstyled"> <li class="pb-2"><a href="/cdn-cgi/l/email-protection#5e2d2b2e2e312c2a1e373d31303837303a3b2c703d3133">Contact support</a></li> <li class="pb-2"><a href="http://support.iconfinder.com/">Knowledge base</a></li> <li class="pb-2"><a href="https://iconfinder.statuspage.io" target="_blank" rel="noopener">Service status</a></li> <li class="pb-2"><a href="https://headwayapp.co/iconfinder-changelog" id="changelog" target="_blank" rel="noopener">What's new</a></li> <li class="pb-2"><a href="https://iconfinder-quote-request.paperform.co/">Request a quote</a></li> </ul> </div> <div class="col-sm-6 col-lg-3"> <h6 class="h5 mb-4">Company</h6> <ul class="list-unstyled"> <li class="pb-2"><a href="/about">About Iconfinder</a></li> <li class="pb-2"><a href="/p/partner-network">Partner network</a></li> <li class="pb-2"><a href="http://support.iconfinder.com/user-account-management/how-does-the-referral-program-work" target="_blank" rel="noopener">Referral program</a></li> <li class="pb-2"><a href="/p/iconfinder-coupon">Coupon code</a></li> <li class="pb-2"><a href="/iconsets/submit">Become a contributor</a></li> </ul> </div> </div> </div> <div class="border-bottom d-none d-md-block"> <div class="container-fluid container-max-width py-5"> <div class="row no-gutters"> <div class="col-6 offset-3"> <div class="text-center text-sm-left"> <div class="row"> <div class="col-sm-6"> <a href="https://www.g2.com/products/iconfinder/reviews" target="_blank" rel="noopener"> <img src="https://www.iconfinder.com/static/img/reviews/G2.svg?0fca0b620b" alt="G2: 4.3 score, 9 reviews" width="240" height="80" loading="lazy"> </a> </div> <div class="col-sm-6"> <a href="https://www.trustpilot.com/review/www.iconfinder.com" target="_blank" rel="noopener"> <img src="https://www.iconfinder.com/static/img/reviews/Trustpilot.svg?34616b67be" alt="Trustpilot: 4.3 score, 47 reviews" width="240" height="80" loading="lazy"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid container-max-width pt-5"> <div class="row"> <div class="col-lg-7"> <a href="/" class="d-inline-block mb-5 mr-5 footer-logo"> <img src="https://www.iconfinder.com/static/img/logo/black.svg?7cfe2038c8" height="30" class="align-bottom" alt="Iconfinder"> </a> </div> <div class="col-lg-5"> <div class="text-lg-right"> <a href="/about/termsofservice">Terms of service</a>    <a href="/about/privacypolicy">Privacy policy</a>    <a href="/about/refundpolicy">Return and Refund policy</a> </div> </div> </div> </div> </footer> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W63R6FQV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> // If user is not logged in window.Intercom = function() { // Void Intercom tracking events }; </script> <script type="text/javascript"> Sentry.init({ dsn: 'https://c5c05279bddc43149f504eb809c451a1@o64315.ingest.sentry.io/136245', release: 'ff9b11d0fa22f3aae383cfd85a4a62386052c6a4', allowUrls: [ /iconfinder\.com/ ], ignoreErrors: [ /Blocked a frame with origin.*/ ], integrations: [new Sentry.BrowserTracing()], tracesSampleRate: 0.0002 }); </script> <div id="fb-root"></div> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/806bb06b376327d51e207fb71/8e48c283bec9b1fc0fdb89521.js");</script> <script src="https://consent.cookiefirst.com/sites/iconfinder.com-a78e075e-557f-41cd-be61-cc12d6cc8be8/consent.js"></script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92e5a4abbbf78a13',t:'MTc0NDMyMzc0OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

CINXE.COM

17,371+ high-quality icons - Iconfinder