Home/Libraries/SVG Logos (Iconify)/magneto

SVG Logos (Iconify)

Magneto

License: CC0-1.0Commercial 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 256 371"><path d="M240.04 137.12c-2.996 0-5.666 1.563-7.23 3.908L127.805 276.063v.065l-.066-.065v-.13l-.065.065v-.065L22.734 140.898c-1.564-2.345-4.234-3.909-7.23-3.909H.26v55.63v-65.14C.26 57.258 57.128.326 127.283.326h1.042c70.156 0 127.024 56.932 127.024 127.153v9.575H240.04v.066z" fill="#818cf8"/><path d="M90.935 175.552l34.394 44.36h.065a2.94 2.94 0 0 0 2.215.978a2.94 2.94 0 0 0 2.215-.978h.065l34.394-44.36v53.22l-36.348 46.705l-.196-.26v.064l-.195.261l-36.674-47.096l.065-52.894zm36.87 100.12l-.196-.195H128l-.195.195z" fill="#818cf8"/><path d="M127.61 149.496l-33.808-43.839l33.807-43.448l.196.26v.065l.195-.26l33.612 43.188l-34.003 44.034zm.13-87.483l.195.26h-.391l.195-.26z" fill="#818cf8"/><path d="M127.805 62.47l-.196-.261l.13-.196v-.065l.066.065l.065-.065v.065l.13.26l-.195.196zM22.734 140.506c-1.564-2.345-4.234-3.909-7.23-3.909H.26v-9.054c0-46.9 25.339-87.874 63.12-109.891c20.975.521 39.345 11.139 50.614 27.163h.065l13.55 17.458l-82.924 106.504l-21.952-28.271zm118.815-95.69h.065c11.27-16.09 29.639-26.708 50.549-27.23c37.781 22.083 63.12 63.056 63.12 109.892v9.185h-15.307c-2.997 0-5.668 1.563-7.231 3.908l-21.952 28.206l-82.858-106.504l13.614-17.458z" fill="#818cf8"/><path d="M192.619 17.848c.977.587 1.889 1.173 2.866 1.694c-.977-.521-1.89-1.107-2.866-1.694zm-51.005 26.968h-.065L128 62.274l-.13-.26v-.066l-.065.065l-.066-.065v.065l-.13.196l-13.614-17.393h-.065c-11.204-16.024-29.704-26.642-50.614-27.163C82.076 6.709 103.898.39 127.218.39h1.042c23.32 0 45.143 6.253 63.903 17.262c-20.91.456-39.28 11.139-50.549 27.163zM127.87 62.404l.13-.13l.13.13h-.26zm-.391 0l.13-.13l.13.13h-.26zM62.925 17.848c-.977.587-1.889 1.173-2.866 1.694c.977-.521 1.89-1.107 2.866-1.694zm.456-.195c-.13.065-.26.13-.39.26c.064-.13.195-.195.39-.26zm128.782 0c.13.065.26.13.39.26c-.064-.13-.195-.195-.39-.26z" fill="#818cf8"/><path d="M.26 136.664h15.308c2.997 0 5.668 1.563 7.231 3.908l104.94 134.97v.065l.066-.065v.13l.065.065v-.065l105.005-135.1c1.564-2.345 4.234-3.908 7.23-3.908h15.309v55.89c0 2.996-1.042 5.797-2.736 8.012L130.215 369.278s-.587.977-2.28.977h-.065h-.065c-1.629-.065-2.28-.977-2.28-.977L3.062 200.566c-1.694-2.215-2.736-4.95-2.736-8.012v-55.89H.26z" fill="#818cf8"/><path d="M252.352 200.957h-12.311c-2.997 0-5.667-1.564-7.23-3.909l-21.953-28.205l21.952-28.206c1.564-2.345 4.234-3.908 7.23-3.908h15.309v55.89c0 2.996-1.043 5.797-2.736 8.012l-.26.326zm-229.618-3.909c-1.564 2.345-4.234 3.909-7.23 3.909H3.191l5.08 7.035l-5.34-7.296c-1.694-2.215-2.737-4.95-2.737-8.012v-56.02h15.308c2.997 0 5.667 1.563 7.23 3.908l21.953 28.27l-21.952 28.206z" fill="#818cf8"/><path d="M252.352 200.957h-12.311c-2.997 0-5.667-1.564-7.23-3.909l-21.953-28.205l21.952-28.206c1.564-2.345 4.234-3.908 7.23-3.908h15.309v55.89c0 2.996-1.043 5.797-2.736 8.012l-.26.326zm-229.618-3.909c-1.564 2.345-4.234 3.909-7.23 3.909H3.191l5.08 7.035l-5.34-7.296c-1.694-2.215-2.737-4.95-2.737-8.012v-56.02h15.308c2.997 0 5.667 1.563 7.23 3.908l21.953 28.27l-21.952 28.206z" fill="#818cf8"/><path d="M164.218 321.922l-36.479-46.77l-36.413 46.77h72.892z" fill="#818cf8"/><path d="M164.413 321.726l-34.329 47.292s-.586.977-2.28.977h-.065h-.065c-1.628-.065-2.28-.977-2.28-.977l-34.328-47.292h73.347z" fill="#818cf8"/><path d="M90.935 228.185l36.87 47.357l-36.414 46.77l-.39-.586l-.066-93.54zm73.348 93.606v.391l-.065.065l-36.348-46.705l36.413-46.836v93.085z" fill="#818cf8"/><path d="M210.858 258.02v-89.177l21.952 28.205c1.564 2.345 4.234 3.909 7.23 3.909h12.312l-41.494 57.062zm-166.563-.522L3.257 200.957h12.311c2.997 0 5.668-1.564 7.231-3.909l21.496-27.75v88.2z" fill="#818cf8"/><path d="M226.948 96.928l-15.96 23.776h-.13v138.814a2.94 2.94 0 0 1-.977 2.214v.196l-42.146 58.17h-.065c-.716 1.172-1.954 2.019-3.452 2.019V175.552l-34.394 44.36h-.065c-.521.587-1.368.978-2.215.978c-.912 0-1.628-.391-2.215-.978h-.065l-34.394-44.36v146.5c-1.433 0-2.736-.782-3.452-2.02h-.065l-42.016-58.17v-.195c-.586-.52-.977-1.368-.977-2.215V120.704h-.13L28.206 96.928h.065c-.521-.716-.782-1.563-.782-2.54c0-2.41 1.89-4.43 4.3-4.43h48.203v.065c1.303.13 2.475.847 3.127 1.89l44.49 57.583l44.426-57.584c.716-1.042 1.824-1.693 3.126-1.889v-.065h48.204c2.41.065 4.3 2.02 4.3 4.43c.064.977-.196 1.889-.717 2.54z" fill="#818cf8"/></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. MagnetoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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