CINXE.COM
Assets · Kenney
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <title>Assets · Kenney</title> <meta name='description' content=''> <meta name='keywords' content='Games, Software, Game assets, Assets, Gamedev'> <meta name='author' content='Kenney'> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/bootstrap-grid.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/fonts.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/kenney-sidebar.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/animate.min.css?1' /> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/code-github-dark-dimmed.css' /> <!-- OpenGraph !--> <meta property='og:url' content='https://www.kenney.nl/assets' /> <meta property='og:type' content='article' /> <meta property='og:title' content='Assets · Kenney' /> <!-- Meta !--> <meta name='twitter:card' content='summary_large_image'> <meta property='twitter:domain' content='kenney.nl'> <meta property='twitter:url' content='https://www.kenney.nl/assets'> <meta name='twitter:title' content='Assets · Kenney'> <meta property='og:image' content='https://www.kenney.nl/data/img/kenney-promo.png' /> <link rel="alternate" type="application/rss+xml" title="Latest game assets" href="https://www.kenney.nl/feed"/> <link rel="alternate" type="application/json" title="Latest game assets" href="https://www.kenney.nl/feed"/> </head> <body class='wrapper'> <a href='https://kenney.nl/donate' class='warning no-select'><img src='https://www.kenney.nl/data/img/sparkles.svg' height='20px' style='vertical-align: bottom; margin-right:0.25em' /> Our game assets are free because of <u>donations</u> from the community, consider one if you can!</a> <div id='header-container'> <div id='header'> <div class='logo-full mobile-show'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </div> <div class="navigation"> <ul> <li class='icon mobile-show'><a href='#' onclick="openNavigation()"><span><img width='20' height='20' style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/menu.svg'/></span></a></li> <li class='logo mobile-hide'> <a href='https://www.kenney.nl'><img src="https://www.kenney.nl/data/img/logo.png" srcset="https://www.kenney.nl/data/img/logo@2.png 2x"/></a> </li> <div class='mobile-hide'> <li class='item '><a href='https://www.kenney.nl/games'><span>Games</span></a></li> <li class='item '><a href='https://www.kenney.nl/tools'><span>Tools</span></a></li> <li class='item active'><a href='https://www.kenney.nl/assets'><span>Assets</span></a></li> <li class='item '><a href='https://www.kenney.nl/starter-kits'><span>Starter Kits</span></a></li> </div> </ul> </div> <div class="navigation right"> <ul class='mobile-hide'> <li class='icon'><a target='_blank' href='https://twitter.com/KenneyNL'><span><img style='vertical-align: middle;' src='https://www.kenney.nl/data/img/icons/twitter.svg'/></span></a></li> <li class='item '><a href='https://www.kenney.nl/donate'><span>Donate</span></a></li> </ul> </div> <div id="sidebar" class='sidebar' class='no-select'> <a href="javascript:void(0)" class="close" onclick="closeNavigation()">×</a> <div class="sidebar-menu"> <a href="https://www.kenney.nl/games">Games</a> <a href="https://www.kenney.nl/tools">Tools</a> <a href="https://www.kenney.nl/assets">Assets</a> <a href="https://www.kenney.nl/starter-kits">Starter Kits</a> </div> <hr> <div class="sidebar-menu small"> <a href="https://www.kenney.nl/support">Support</a> <a href="https://www.kenney.nl/knowledge-base">Knowledge Base</a> <a href="https://www.kenney.nl/donate">Donate</a> <a href="https://twitter.com/KenneyNL" target="_blank">Twitter</a> </div> </div> <div id="sidebar-notifications" class='sidebar lato no-select'> <a href="javascript:void(0)" class="close" onclick="closeNotifications()">×</a> <h3>News</h3> </div> <div style='clear:both'></div> </div> </div> <div id='content'> <section class='no-padding mobile-padding'> <div class='container large text-justify'> <form action='https://www.kenney.nl/assets' autoComplete='none'> <div class='row justify-content-center text-center'> <div class='col-md-4' style='position:relative'> <img style='vertical-align:middle; position:absolute; left:20px; top:8px; opacity:0.5' src='https://www.kenney.nl/data/img/icons/search.svg'/> <input autocomplete='off' type='search' placeholder='Search' name='search' value='' style='text-align:center; font-family: "Noto Sans"; font-weight:800; font-size: 0.9em'/> </div> </div> <div class='row justify-content-center text-center'> <div class='col-lg-5' style='position:relative'> <p class='bold cloud no-select' style='overflow:visible'> <a class='' href="https://www.kenney.nl/assets/category:2D?sort=update">2D</a> <a class='' href="https://www.kenney.nl/assets/category:3D?sort=update">3D</a> <a class='' href="https://www.kenney.nl/assets/tag:interface?sort=update">UI</a> <a class='' href="https://www.kenney.nl/assets/category:Audio?sort=update">Audio</a> <a class='' href="https://www.kenney.nl/assets/tag:pixel?sort=update">Pixel</a> <a class='mobile-hide ' href="https://www.kenney.nl/assets/category:Textures?sort=update">Textures</a> </p> </div> </div> <div class='row justify-content-end'> <div class='col-md-auto no-select'> <select onchange="this.form.submit()" id="sort" name="sort" style='padding: 0.5em; font-size: 0.8em; border-right: 0.7em solid transparent;'> <option value="release" >Release date</option> <option value="update" selected>Latest update</option> <option value="amount" >Quantity</option> <option value="name" >Name</option> </select> </div> </div> </form> <div class='row margin-top'> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/coaster-kit'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/coaster-kit/5fb6d6bbee-1731487879/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/coaster-kit'>Coaster Kit</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/minimap-pack'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/minimap-pack/83eb030972-1730884731/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/minimap-pack'>Minimap Pack</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/mini-market'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/mini-market/42a26eaa85-1729865129/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/mini-market'>Mini Market</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:Mini?sort=update'>Mini</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/roguelike-characters'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/roguelike-characters/336f3bf1e6-1677694932/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/roguelike-characters'>Roguelike Characters</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/toy-car-kit'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/toy-car-kit/910f3044c7-1727169681/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/toy-car-kit'>Toy Car Kit</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/train-kit'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/train-kit/96698fa141-1722429699/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/train-kit'>Train Kit</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:Transport?sort=update'>Transport</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/tower-defense-kit'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/tower-defense-kit/c0702112ff-1726042030/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/tower-defense-kit'>Tower Defense Kit</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/ui-pack-pixel-adventure'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/ui-pack-pixel-adventure/db896543b7-1725434429/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/ui-pack-pixel-adventure'>UI Pack - Pixel Adventure</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:UI%20Pack?sort=update'>UI Pack</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/prototype-kit'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/prototype-kit/766d3c00fe-1724832070/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/prototype-kit'>Prototype Kit</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:3D?sort=update'>3D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/ui-pack-sci-fi'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/ui-pack-sci-fi/0dcd574cda-1724181103/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/ui-pack-sci-fi'>UI Pack - Sci-Fi</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:UI%20Pack?sort=update'>UI Pack</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/ui-pack-adventure'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/ui-pack-adventure/97473106f0-1723597272/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/ui-pack-adventure'>UI Pack - Adventure</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:UI%20Pack?sort=update'>UI Pack</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/pico-8-platformer'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/pico-8-platformer/7515b33357-1723028951/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/pico-8-platformer'>Pico-8 Platformer</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:Pico-8?sort=update'>Pico-8</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/pattern-pack'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/pattern-pack/8d5d444048-1677484337/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/pattern-pack'>Pattern Pack</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:Textures?sort=update'>Textures</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:Patterns?sort=update'>Patterns</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/brick-pack'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/brick-pack/19b365367e-1721806549/sample.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/brick-pack'>Brick Pack</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/board-game-icons'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/board-game-icons/392632aa1d-1674933139/preview.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/board-game-icons'>Board Game Icons</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:2D?sort=update'>2D</a></span><span class='horizontal-separator'>•</span><a href='https://www.kenney.nl/assets/series:Board%20Games?sort=update'>Board Games</a></span> </div> </div> <div class='col-md-3'> <div class='asset'> <a href='https://www.kenney.nl/assets/casino-audio'> <div class='cover' style='background-image:url("https://www.kenney.nl/media/pages/assets/casino-audio/9eef61db47-1677590184/preview-2.png")'></div> </a> <h2><a href='https://www.kenney.nl/assets/casino-audio'>Casino Audio</a></h2> <span class='bold'><span><a href='https://www.kenney.nl/assets/category:Audio?sort=update'>Audio</a></span></span> </div> </div> </div> <div class='row text-center margin-top'> <div class='col'> <ul class='pagination no-select'> <!-- Previous --> <li><a class='icon' href='https://www.kenney.nl/assets'><img width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-left.svg"/><img style='margin-left:-14px' width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-left.svg"/></a></li> <li><a class='icon' href=''><img width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-left.svg"/></a></li> <li class='space'></li> <!-- Pages --> <li><a class="selected" href='https://www.kenney.nl/assets'>1</a></li> <li><a href='https://www.kenney.nl/assets/page:2'>2</a></li> <li><a href='https://www.kenney.nl/assets/page:3'>3</a></li> <li><a href='https://www.kenney.nl/assets/page:4'>4</a></li> <li><a href='https://www.kenney.nl/assets/page:5'>5</a></li> <!-- Next --> <li class='seperator'>…</li> <li><a href='https://www.kenney.nl/assets/page:13'>13</a></li> <li class='space'></li> <li><a class='icon' href='https://www.kenney.nl/assets/page:2'><img width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-right.svg"/></a></li> <li><a class='icon' href='https://www.kenney.nl/assets/page:13'><img width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-right.svg"/><img style='margin-left:-14px' width='20' height='20' src="https://www.kenney.nl/data/img/microns/i-right.svg"/></a></li> </ul> <style> .pagination{ list-style:none; margin:0; padding:0; font-size:90%; font-weight: bold; } .pagination li{ display:inline; } .pagination li a{ color:#272525; display:inline-block; border-radius:0.25em; text-decoration:none; padding: 0.1em 0.7em; vertical-align: top; } .pagination li a:hover{ color:#ffd400 !important; } .pagination li a.selected{ background-color:#ffd400; border-radius:0.3em; } .pagination li a.selected:hover{ color:white !important; text-decoration:none !important; } .pagination li a.icon{ vertical-align: sub; opacity:0.35; } .pagination li a.icon:hover{ opacity:1; } .pagination li.space{ margin:0em 1em; } .pagination li.seperator{ margin-left: 0.5em; margin-right: 0.5em; opacity: 0.5; vertical-align: text-bottom; } </style> </div> </div> </div> </section> </div> <footer> <div class='row mobile-stack'> <div class='col horizontal-list'> <span>Copyright © 2010 - 2024 · All rights reserved</span> </div> <div class='col text-right mobile-text-center mobile-margin-top horizontal-list'> <a href='https://www.kenney.nl/feed'>Feed</a> <a href='https://www.kenney.nl/support'>Support</a> <a href='https://www.kenney.nl/knowledge-base'>Knowledge Base</a> <a href='https://www.kenney.nl/privacy-policy'>Privacy Policy</a> <a href='https://www.kenney.nl/terms-of-service'>Terms of Service</a> </div> </div> </footer> <link rel='stylesheet' type='text/css' href='https://www.kenney.nl/data/css/lity.min.css' /> <script type='text/javascript' src='https://www.kenney.nl/data/js/mobile-menu.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/jquery.slim.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/lity.min.js'></script> <script type='text/javascript' src='https://www.kenney.nl/data/js/kenney.js'></script> <a style='display:none' rel="me" href="https://mastodon.gamedev.place/@kenney">Mastodon</a> </body> </html> <style> /* Asset */ .asset{ text-align: left; position:relative; margin-bottom:3em; text-decoration:none !important; } .asset a{ text-decoration:none; } .asset .cover{ position:relative; margin-bottom:1em; height:120px; display:block; background-color:white; border-radius:0.5em; background-size: 130%; transition: background-size 0.2s ease-out; background-position: center center; box-shadow: 0px 2px #c2d3db; } .asset .cover:hover{ background-color:#262633; outline: 2px solid #262633; background-size: 160%; transition: background-size 0.1s ease-out; } .asset .bold a{ border:none; } .asset h2{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:1.25em; margin:0; } .asset h2:hover{ text-decoration:underline; } .asset h2 a:hover, .bold a:hover{ color:inherit !important; border-color:inherit !important; } .asset p{ margin:0; margin-bottom:0.25em; } .asset .tag{ font-size: 0.8em; font-weight: 800; text-align:left; } .asset .tag a{ text-decoration:none; } /* Tag cloud */ .cloud a{ font-size: 0.9em; padding: 0.3em 0.7em; background-color: white; margin: 0em 0.2em; border-radius: 0.3em; border: none !important; } .cloud a:hover, .cloud a.selected{ background-color:#ffd400; border-width: 0 !important; } .cloud a.selected{ pointer-events: none; } </style>