Icon Tiles

Icon size

Icon gap

Lines

Stroke width

Cat
Pizza
Bird
Beer
Banana

Search a new icon

Icon color

Background color

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="240"><rect width="100%" height="100%" fill="#eeeeee"/> <symbol id="0" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z" /> <path d="M8 14v.5" /> <path d="M16 14v.5" /> <path d="M11.25 16.25h1.5L12 17l-.75-.75Z" /> </symbol> <symbol id="1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="m12 14-1 1" /> <path d="m13.75 18.25-1.25 1.42" /> <path d="M17.775 5.654a15.68 15.68 0 0 0-12.121 12.12" /> <path d="M18.8 9.3a1 1 0 0 0 2.1 7.7" /> <path d="M21.964 20.732a1 1 0 0 1-1.232 1.232l-18-5a1 1 0 0 1-.695-1.232A19.68 19.68 0 0 1 15.732 2.037a1 1 0 0 1 1.232.695z" /> </symbol> <symbol id="2" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M16 7h.01" /> <path d="M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20" /> <path d="m20 7 2 .5-2 .5" /> <path d="M10 18v3" /> <path d="M14 17.75V21" /> <path d="M7 18a6 6 0 0 0 3.84-10.61" /> </symbol> <symbol id="3" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M17 11h1a3 3 0 0 1 0 6h-1" /> <path d="M9 12v6" /> <path d="M13 12v6" /> <path d="M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.44 2 11 2s2 1.5 3 1.5 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z" /> <path d="M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" /> </symbol> <symbol id="4" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cccccc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M4 13c3.5-2 8-2 10 2a5.5 5.5 0 0 1 8 5" /> <path d="M5.15 17.89c5.52-1.52 8.65-6.89 7-12C11.55 4 11.5 2 13 2c3.22 0 5 5.5 5 8 0 6.5-4.2 12-10.49 12C5.11 22 2 22 2 20c0-1.5 1.14-1.55 3.15-2.11Z" /> </symbol> <use href="#0" x="20" y="20" width="40" height="40" /><use href="#1" x="100" y="20" width="40" height="40" /><use href="#2" x="180" y="20" width="40" height="40" /><use href="#3" x="260" y="20" width="40" height="40" /><use href="#4" x="340" y="20" width="40" height="40" /><use href="#4" x="-60" y="20" width="40" height="40" /><use href="#0" x="153.33333333333334" y="100" width="40" height="40" /><use href="#1" x="233.33333333333334" y="100" width="40" height="40" /><use href="#2" x="313.33333333333337" y="100" width="40" height="40" /><use href="#3" x="393.33333333333337" y="100" width="40" height="40" /><use href="#3" x="-6.666666666666629" y="100" width="40" height="40" /><use href="#4" x="73.33333333333337" y="100" width="40" height="40" /><use href="#0" x="286.6666666666667" y="180" width="40" height="40" /><use href="#1" x="366.6666666666667" y="180" width="40" height="40" /><use href="#1" x="-33.333333333333314" y="180" width="40" height="40" /><use href="#2" x="46.666666666666686" y="180" width="40" height="40" /><use href="#3" x="126.66666666666674" y="180" width="40" height="40" /><use href="#4" x="206.66666666666674" y="180" width="40" height="40" /></svg> data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMjQwIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZWVlZWVlIi8+CjxzeW1ib2wKICBpZD0iMCIKICAKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiNjY2NjY2MiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTEyIDVjLjY3IDAgMS4zNS4wOSAyIC4yNiAxLjc4LTIgNS4wMy0yLjg0IDYuNDItMi4yNiAxLjQuNTgtLjQyIDctLjQyIDcgLjU3IDEuMDcgMSAyLjI0IDEgMy40NEMyMSAxNy45IDE2Ljk3IDIxIDEyIDIxcy05LTMtOS03LjU2YzAtMS4yNS41LTIuNCAxLTMuNDQgMCAwLTEuODktNi40Mi0uNS03IDEuMzktLjU4IDQuNzIuMjMgNi41IDIuMjNBOS4wNCA5LjA0IDAgMCAxIDEyIDVaIiAvPgogIDxwYXRoIGQ9Ik04IDE0di41IiAvPgogIDxwYXRoIGQ9Ik0xNiAxNHYuNSIgLz4KICA8cGF0aCBkPSJNMTEuMjUgMTYuMjVoMS41TDEyIDE3bC0uNzUtLjc1WiIgLz4KPC9zeW1ib2w+Cgo8c3ltYm9sCiAgaWQ9IjEiCiAgCiAgd2lkdGg9IjI0IgogIGhlaWdodD0iMjQiCiAgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9Im5vbmUiCiAgc3Ryb2tlPSIjY2NjY2NjIgogIHN0cm9rZS13aWR0aD0iMiIKICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKPgogIDxwYXRoIGQ9Im0xMiAxNC0xIDEiIC8+CiAgPHBhdGggZD0ibTEzLjc1IDE4LjI1LTEuMjUgMS40MiIgLz4KICA8cGF0aCBkPSJNMTcuNzc1IDUuNjU0YTE1LjY4IDE1LjY4IDAgMCAwLTEyLjEyMSAxMi4xMiIgLz4KICA8cGF0aCBkPSJNMTguOCA5LjNhMSAxIDAgMCAwIDIuMSA3LjciIC8+CiAgPHBhdGggZD0iTTIxLjk2NCAyMC43MzJhMSAxIDAgMCAxLTEuMjMyIDEuMjMybC0xOC01YTEgMSAwIDAgMS0uNjk1LTEuMjMyQTE5LjY4IDE5LjY4IDAgMCAxIDE1LjczMiAyLjAzN2ExIDEgMCAwIDEgMS4yMzIuNjk1eiIgLz4KPC9zeW1ib2w+Cgo8c3ltYm9sCiAgaWQ9IjIiCiAgCiAgd2lkdGg9IjI0IgogIGhlaWdodD0iMjQiCiAgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9Im5vbmUiCiAgc3Ryb2tlPSIjY2NjY2NjIgogIHN0cm9rZS13aWR0aD0iMiIKICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKPgogIDxwYXRoIGQ9Ik0xNiA3aC4wMSIgLz4KICA8cGF0aCBkPSJNMy40IDE4SDEyYTggOCAwIDAgMCA4LThWN2E0IDQgMCAwIDAtNy4yOC0yLjNMMiAyMCIgLz4KICA8cGF0aCBkPSJtMjAgNyAyIC41LTIgLjUiIC8+CiAgPHBhdGggZD0iTTEwIDE4djMiIC8+CiAgPHBhdGggZD0iTTE0IDE3Ljc1VjIxIiAvPgogIDxwYXRoIGQ9Ik03IDE4YTYgNiAwIDAgMCAzLjg0LTEwLjYxIiAvPgo8L3N5bWJvbD4KCjxzeW1ib2wKICBpZD0iMyIKICAKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiNjY2NjY2MiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTE3IDExaDFhMyAzIDAgMCAxIDAgNmgtMSIgLz4KICA8cGF0aCBkPSJNOSAxMnY2IiAvPgogIDxwYXRoIGQ9Ik0xMyAxMnY2IiAvPgogIDxwYXRoIGQ9Ik0xNCA3LjVjLTEgMC0xLjQ0LjUtMyAuNXMtMi0uNS0zLS41LTEuNzIuNS0yLjUuNWEyLjUgMi41IDAgMCAxIDAtNWMuNzggMCAxLjU3LjUgMi41LjVTOS40NCAyIDExIDJzMiAxLjUgMyAxLjUgMS43Mi0uNSAyLjUtLjVhMi41IDIuNSAwIDAgMSAwIDVjLS43OCAwLTEuNS0uNS0yLjUtLjVaIiAvPgogIDxwYXRoIGQ9Ik01IDh2MTJhMiAyIDAgMCAwIDIgMmg4YTIgMiAwIDAgMCAyLTJWOCIgLz4KPC9zeW1ib2w+Cgo8c3ltYm9sCiAgaWQ9IjQiCiAgCiAgd2lkdGg9IjI0IgogIGhlaWdodD0iMjQiCiAgdmlld0JveD0iMCAwIDI0IDI0IgogIGZpbGw9Im5vbmUiCiAgc3Ryb2tlPSIjY2NjY2NjIgogIHN0cm9rZS13aWR0aD0iMiIKICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIKPgogIDxwYXRoIGQ9Ik00IDEzYzMuNS0yIDgtMiAxMCAyYTUuNSA1LjUgMCAwIDEgOCA1IiAvPgogIDxwYXRoIGQ9Ik01LjE1IDE3Ljg5YzUuNTItMS41MiA4LjY1LTYuODkgNy0xMkMxMS41NSA0IDExLjUgMiAxMyAyYzMuMjIgMCA1IDUuNSA1IDggMCA2LjUtNC4yIDEyLTEwLjQ5IDEyQzUuMTEgMjIgMiAyMiAyIDIwYzAtMS41IDEuMTQtMS41NSAzLjE1LTIuMTFaIiAvPgo8L3N5bWJvbD4KPHVzZSBocmVmPSIjMCIgeD0iMjAiIHk9IjIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjMSIgeD0iMTAwIiB5PSIyMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzIiIHg9IjE4MCIgeT0iMjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgLz48dXNlIGhyZWY9IiMzIiB4PSIyNjAiIHk9IjIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjNCIgeD0iMzQwIiB5PSIyMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzQiIHg9Ii02MCIgeT0iMjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgLz48dXNlIGhyZWY9IiMwIiB4PSIxNTMuMzMzMzMzMzMzMzMzMzQiIHk9IjEwMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzEiIHg9IjIzMy4zMzMzMzMzMzMzMzMzNCIgeT0iMTAwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjMiIgeD0iMzEzLjMzMzMzMzMzMzMzMzM3IiB5PSIxMDAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgLz48dXNlIGhyZWY9IiMzIiB4PSIzOTMuMzMzMzMzMzMzMzMzMzciIHk9IjEwMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzMiIHg9Ii02LjY2NjY2NjY2NjY2NjYyOSIgeT0iMTAwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjNCIgeD0iNzMuMzMzMzMzMzMzMzMzMzciIHk9IjEwMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzAiIHg9IjI4Ni42NjY2NjY2NjY2NjY3IiB5PSIxODAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgLz48dXNlIGhyZWY9IiMxIiB4PSIzNjYuNjY2NjY2NjY2NjY2NyIgeT0iMTgwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjMSIgeD0iLTMzLjMzMzMzMzMzMzMzMzMxNCIgeT0iMTgwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PHVzZSBocmVmPSIjMiIgeD0iNDYuNjY2NjY2NjY2NjY2Njg2IiB5PSIxODAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgLz48dXNlIGhyZWY9IiMzIiB4PSIxMjYuNjY2NjY2NjY2NjY2NzQiIHk9IjE4MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiAvPjx1c2UgaHJlZj0iIzQiIHg9IjIwNi42NjY2NjY2NjY2NjY3NCIgeT0iMTgwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIC8+PC9zdmc+