Home/Libraries/SVG Logos (Iconify)/elo

SVG Logos (Iconify)

Elo

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 512 197"><path fill="#818cf8" d="M79.817 43.344A57.6 57.6 0 0 1 98.12 40.39c27.918 0 51.227 19.83 56.566 46.188l39.576-8.073C185.179 33.711 145.594 0 98.12 0a98 98 0 0 0-31.106 5.04z"/><path fill="#818cf8" d="m33.111 171.604l26.763-30.258c-11.946-10.584-19.484-26.03-19.484-43.239c0-17.196 7.527-32.635 19.466-43.206L33.091 24.64C12.802 42.614 0 68.869 0 98.107c0 29.256 12.807 55.519 33.111 73.497"/><path fill="#818cf8" d="M154.676 109.69c-5.362 26.345-28.646 46.137-56.556 46.137c-6.405 0-12.572-1.033-18.32-2.965l-12.821 38.32c9.779 3.264 20.25 5.032 31.141 5.032c47.428 0 87.009-33.655 96.126-78.408z"/><path d="M228.87 142.622c-1.297-2.1-3.06-5.46-4.12-7.932c-6.267-14.55-6.567-29.607-1.274-44.061c5.819-15.852 16.935-27.988 31.298-34.167c18.057-7.771 38.028-6.239 55.334 4.03c10.994 6.307 18.788 16.045 24.706 29.813l.549 1.339l1.024 2.66q.247.645.489 1.246zm36.065-62.803c-12.823 5.511-19.433 17.54-18.075 31.644l54.32-23.378c-9.341-10.979-21.499-14.617-36.245-8.266m64.014 64.904l-20.996-14.038l-.03.031l-1.125-.758c-3.24 5.26-8.299 9.52-14.68 12.287c-12.142 5.28-23.394 3.923-31.474-3.164l-.743 1.13c-.008-.013-.01-.023-.024-.023l-13.78 20.617a59 59 0 0 0 10.952 6c15.223 6.323 30.798 6.03 46.142-.643c11.099-4.81 19.807-12.144 25.758-21.44m45.678-118.624v114.62l17.82 7.222l-10.126 23.627l-19.67-8.191c-4.416-1.911-7.42-4.838-9.696-8.14c-2.175-3.366-3.802-7.986-3.802-14.206V26.099zm46.165 85.42c.01-9.76 4.32-18.513 11.14-24.462L413.649 66.67c-12.4 10.96-20.21 26.976-20.224 44.82c-.02 17.85 7.778 33.882 20.165 44.871l18.262-20.406c-6.787-5.972-11.068-14.699-11.06-24.437m32.484 32.533c-3.6-.01-7.067-.605-10.3-1.681l-8.731 25.96a59.9 59.9 0 0 0 19.002 3.106c28.949.028 53.121-20.512 58.722-47.817l-26.837-5.48c-3.052 14.8-16.157 25.922-31.856 25.912m.08-92.389a59.8 59.8 0 0 0-18.985 3.056l8.655 25.984a32.8 32.8 0 0 1 10.304-1.662c15.736.015 28.85 11.203 31.83 26.045L512 99.642c-5.524-27.345-29.673-47.961-58.645-47.979"/></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. EloIcon.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.