Home/Libraries/EOS Icons (Iconify)/neural-network

EOS Icons (Iconify)

NeuralNetwork

License: MITCommercial Safe

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 24 24"><path fill="#818cf8" d="M21.564 12.027a1.436 1.436 0 1 0 0-2.87c-.031 0-.06.006-.092.008l-.482-1.9a1.43 1.43 0 1 0-1.918-2.104l-4.89-2.273a1.4 1.4 0 0 0 .08-.452a1.436 1.436 0 1 0-2.871 0a1 1 0 0 0 .015.146l-3.114.955a1.43 1.43 0 0 0-2.44 1.432l-2.93 2.616a1.4 1.4 0 0 0-.734-.209a1.431 1.431 0 0 0-.43 2.798l-.194 1.866a1.432 1.432 0 1 0 1.097 2.532l.966.425l-.003.03a1.434 1.434 0 0 0 2.845.25h1.104a1.43 1.43 0 0 0 2.785-.128l3.107.102a1.4 1.4 0 0 0 1.664.125a11.7 11.7 0 0 1 4.297 4.039a1.4 1.4 0 0 0-.107.537a1.436 1.436 0 1 0 2.292-1.145a6.7 6.7 0 0 1-1.038-2.422a1.422 1.422 0 0 0 .45-2.472zm.565-1.435a.564.564 0 1 1-.565-.565a.565.565 0 0 1 .565.565M20.985 9.28a1.43 1.43 0 0 0-.844 1.19H19.02a1.43 1.43 0 0 0-.541-1.003l1.407-1.933a1.26 1.26 0 0 0 .647-.04Zm-2.274 5.567l-2.898-.742a1.42 1.42 0 0 0-.345-.878l1.17-1.575a1.38 1.38 0 0 0 1.368.307l1.252 1.934a1.43 1.43 0 0 0-.547.954M8.251 5.385l4.081 2.136a1.3 1.3 0 0 0-.017.785l-2.62 1.347a1.43 1.43 0 0 0-1.077-.497q-.018.001-.035.004L7.64 5.79a1.43 1.43 0 0 0 .611-.405M19.4 7.354L18.033 9.23a1.37 1.37 0 0 0-1.361.272l-1.591-1.2a1.1 1.1 0 0 0 .035-.53l3.707-1.06a1.44 1.44 0 0 0 .577.64m-1.804 3.802a.564.564 0 1 1 .565-.564a.565.565 0 0 1-.565.564m-3.899-2.65a.564.564 0 1 1 .565-.565a.565.565 0 0 1-.565.564m-5.08 1.521a.564.564 0 1 1-.564.565a.565.565 0 0 1 .565-.565m1.436.565a1.4 1.4 0 0 0-.098-.511l2.568-1.32a1.43 1.43 0 0 0 1.175.615l.024-.002l-.434 3.66l-3.906.494a1.4 1.4 0 0 0-.24-.054l-.297-1.47a1.435 1.435 0 0 0 1.208-1.412M8.95 14.325a.564.564 0 1 1-.565.565a.565.565 0 0 1 .565-.565m1.076-.375l3.053-.385a1.4 1.4 0 0 0-.005 1.173l-2.713-.088a1.4 1.4 0 0 0-.335-.7m4.213-4.682a1.44 1.44 0 0 0 .629-.5l1.486 1.12a1.38 1.38 0 0 0-.03 1.351l-1.243 1.67a1.4 1.4 0 0 0-1.265-.07Zm5.89-3.708a.564.564 0 1 1-.564.564a.565.565 0 0 1 .565-.564m-1.328.026a1.4 1.4 0 0 0-.107.538c0 .035.008.068.01.103l-3.732 1.066a1.43 1.43 0 0 0-1.274-.788c-.043 0-.085.01-.127.013l-.521-2.67a1.43 1.43 0 0 0 .893-.52ZM12.826 1.87a.564.564 0 1 1-.564.565a.565.565 0 0 1 .564-.565m-1.284 1.192a1.44 1.44 0 0 0 .996.779l.548 2.805a1.44 1.44 0 0 0-.526.429L8.515 4.959a1.36 1.36 0 0 0 .023-.975Zm-4.36.808a.564.564 0 1 1-.564.565a.565.565 0 0 1 .564-.565m-.04 1.996l.95 3.392a1.44 1.44 0 0 0-.672.545l-3.799-.969l.003-.023a1.42 1.42 0 0 0-.324-.896l2.824-2.519a1.43 1.43 0 0 0 1.017.47m-4.806 7.587a.564.564 0 1 1-.564-.564a.565.565 0 0 1 .564.564m-.27-1.405l.189-1.808a1.43 1.43 0 0 0 1.269-.914l3.698.943a1.3 1.3 0 0 0-.014.576l-4.343 1.69a1.43 1.43 0 0 0-.8-.486m.122-3.802a.564.564 0 1 1-.564.565a.565.565 0 0 1 .564-.565m.817 5.93a1.37 1.37 0 0 0 .114-1.202l4.266-1.66a1.43 1.43 0 0 0 .891.667l-1.865 2.583a1.429 1.429 0 0 0-2.683-.07Zm2.054 1.415a.564.564 0 1 1 .565-.565a.565.565 0 0 1-.565.565m3.407-3.306l.179 1.202a1.43 1.43 0 0 0-1.12 1.29h-.7Zm5.916 2.435a.564.564 0 1 1 .565-.565a.565.565 0 0 1-.565.565m6.373 5.795a.564.564 0 1 1 .564-.564a.565.565 0 0 1-.564.564m0-2a1.43 1.43 0 0 0-1.023.431a12 12 0 0 0-4.21-3.927a1.4 1.4 0 0 0 .199-.358l3.023.723a1.43 1.43 0 0 0 1.344 1.074a5.8 5.8 0 0 0 .775 2.068c-.037-.003-.071-.01-.108-.01m-.626-2.924a.564.564 0 1 1 .564-.565a.565.565 0 0 1-.564.565m.444-1.923a1.3 1.3 0 0 0-.87-.006l-1.249-1.928a1.43 1.43 0 0 0 .52-.763h1.213a1.44 1.44 0 0 0 .883.962Z"/></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. NeuralNetworkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.