Home/Libraries/Game Icons (Iconify)/tec-9

Game Icons (Iconify)

Tec9

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="M467.98 127.16v24h25v-24zm-358.39-38H54.98V76.84zM28.12 333l59.06 9.16a10.57 10.57 0 0 0 11.75-7.21l26.88-77.79h78.17v6h81v-47.83l18.08-17.93l14.92-.53v-40.71h-252l-36.22-23.42l-7.74 4.53v45.31a10.29 10.29 0 0 0 10.21 10.58h22.63c9.3 0 24.77 19 10.4 37.74c-12.28 16.06-34.71 63.93-45.28 87.1a10.69 10.69 0 0 0 8.14 15m103.25-91.84l14.74-42h57.87v42zm143.44-126.45a7.9 7.9 0 1 1-7.9 7.9a7.9 7.9 0 0 1 7.9-7.9m.17 320.45h-51v-156h51zM38.33 119.34l-7.35-4.53v-9.65h227.19a38 38 0 0 0-4.52 6h-81a11 11 0 1 0 0 22h81a21 21 0 0 0 5.35 7H70.69zm295.65 37.45v16.37h118v-68H291.45c4.47 5 7.26 10.36 7.26 17.08a23.18 23.18 0 0 1-8.15 17.92h43.42zm99.27-18.34a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.46m-12.92 19.38a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.47-6.46zm0-36.66a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.47-6.47zm-13.51 17.27a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.45zm-12.92 19.38a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.47-6.45zm0-36.66a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.47-6.46zm-13.51 17.27a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.44zm-12.92 19.38a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.44zm0-36.66a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.45zm-13.49 17.3a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.46-6.46m-12.92 19.38a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.48-6.46zm0-36.66a6.46 6.46 0 1 1 6.46 6.46a6.46 6.46 0 0 1-6.48-6.47zm-181.13 91h-3l-2.38 3.91s4.64 14 13.94 15.35c-9.45-9.44-8.58-19.27-8.58-19.27z"/></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. Tec9Icon.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.