Home/Libraries/Game Icons (Iconify)/path-tile

Game Icons (Iconify)

PathTile

License: CC-BY-3.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M411.748 32.71v18h17.38v-18zm-93.326 10.68l-.236 17.998l37.9.496l.236-17.998zM90.426 56.057c-11.4 0-29.341 1.019-36.014 4.861s-9.066 7.926-9.066 11.072s8.188 13.902 14.861 17.744c6.529 3.76 16.45 6.487 27.553 6.604c2.346-3.682 5.705-6.728 9.398-8.98c9.823-4.72 18.875-6.877 28.274-6.368c.28-.816.416-1.598.416-2.328c0-3.146-2.394-7.23-9.067-11.072s-14.955-11.533-26.355-11.533m138.248 15.142l-.362 18l24.833.496l.359-17.998zM122.205 98.9c-6.469 0-12.202 1.71-15.676 3.828c-3.473 2.118-4.119 3.87-4.119 4.73s.646 2.614 4.12 4.732c3.473 2.119 9.206 3.827 15.675 3.827s12.204-1.708 15.678-3.827c3.473-2.118 4.119-3.872 4.119-4.732s-.646-2.612-4.12-4.73c-3.473-2.119-9.208-3.829-15.677-3.829zm152.31 20.728l-.665 17.988l13.408.496l.666-17.99zm145.854 19.115l-.36 17.998l24.833.496l.36-17.996zm-222.283 21.852l-.217 17.996l41.166.498l.219-17.998zm157.723 29.799l-.36 17.996l24.832.496l.36-17.996zm-284.098.75l-25.824.992l.691 17.986l25.824-.992zm71.543 7.195l-.36 17.996l24.83.496l.362-17.996zm278.414 40.72l-.229 18l38.989.497l.23-17.998l-38.99-.498zm-250.604.997l-.359 17.996l24.832.496l.36-17.996zm193.008 16.634v18h19.367v-18zm-86.73 7.204l-.346 17.322l-26.154-.219V265.63h-14.899v15.246l-11.888-.1l-.149 18l59.682.496l.142-17.248l18.084.362l.36-17.996zm-168.68 44.447l-.285 17.998l31.365.496l.285-18zm-2.006 51.896l-.21 17.998l42.255.496l.211-17.998zm331.95 3.973l-.237 17.998l37.9.498l.237-18zm-388.717 5.96l-.36 17.997l24.83.496l.362-17.996l-24.832-.496zm175.804 5.96l-.359 17.996l24.83.496l.361-17.996zm177.72 18.43c-9.345.074-26.338 6.446-35.243 8.128c-12.398 2.482-31.904 11.792-31.258 28.196c2.831 13.349 32.7 22.318 45.01 21.869c25.967-5.83 57.524-34.77 25.795-57.516c-1.106-.487-2.575-.691-4.305-.677zm-195.599 11.367l-.359 17.998l24.832.496l.36-17.996zm236.454 36.008l-.528 17.992l33.819.994l.527-17.992zm-409.555 18.38l-.799 17.983l22.348.992l.799-17.982z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PathTileIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.