Home/Libraries/Game Icons (Iconify)/hexagonal-nut

Game Icons (Iconify)

HexagonalNut

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="M256 31.365L29.44 123.697v179.9L256 395.926l226.56-92.33v-179.9zm0 73.93c38.765 0 74.22 10.93 100.89 29.756c26.72 18.864 45.11 46.74 45.11 78.596s-18.39 59.733-45.11 78.596C330.22 311.067 294.764 322 256 322s-74.22-10.933-100.89-29.758C128.39 273.38 110 245.502 110 213.646c0-31.855 18.39-59.732 45.11-78.595c26.67-18.824 62.125-29.755 100.89-29.755zm0 18c-35.36 0-67.328 10.1-90.51 26.463c-21.357 15.076-35.23 35.528-37.23 58.207c7.18-14.2 18.19-26.816 31.83-37.047C185.01 152.228 218.83 141 256 141s70.99 11.227 95.91 29.918c13.64 10.23 24.65 22.846 31.83 37.047c-2-22.68-15.873-43.13-37.23-58.207c-23.182-16.364-55.15-26.463-90.51-26.463M256 159c-33.522 0-63.704 10.264-85.11 26.318c-16.03 12.024-27.058 27.025-31.585 43.573c5.897-7.35 12.9-14.06 20.785-19.972C185.01 190.228 218.83 179 256 179s70.99 11.227 95.91 29.918c7.884 5.913 14.888 12.622 20.785 19.973c-4.527-16.547-15.554-31.548-31.586-43.572C319.703 169.264 289.52 159 256 159m0 38c-33.522 0-63.704 10.264-85.11 26.318c-12.542 9.407-22.014 20.638-27.714 33.004c.83 1.093 1.7 2.168 2.59 3.233a119 119 0 0 1 14.324-12.637C185.01 228.228 218.83 217 256 217s70.99 11.227 95.91 29.918a119 119 0 0 1 14.324 12.637c.89-1.065 1.76-2.14 2.59-3.233c-5.7-12.366-15.172-23.597-27.715-33.004C319.703 207.264 289.52 197 256 197M29.44 323.033v70.916L247 482.612v-70.916zm453.12 0L265 411.7v70.913l217.56-88.664z"/></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. HexagonalNutIcon.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.