Home/Libraries/SVG Logos (Iconify)/eta

SVG Logos (Iconify)

Eta

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 226"><path fill="#818cf8" d="M92.515 41.118q15.052 0 27.902 4.405q13.215 4.039 24.23 12.483q10.646 8.443 19.09 18.723a137 137 0 0 1 15.42 22.027l-121.52 65.715l-14.317-25.698l86.64-49.195l-1.468-.734q-.735-.734-1.468-1.836l-1.836-1.835a14.6 14.6 0 0 0-1.835-2.203q-1.102-.734-2.57-1.469L118.58 79.3l-2.937-1.469a14.4 14.4 0 0 0-3.304-1.835q-3.525-1.763-8.402-2.51l-.41-.06q-4.77-.734-11.013-.734q-14.318 0-25.331 5.14q-10.647 5.139-17.99 15.051q-7.342 9.913-11.013 20.926q-3.672 11.014-3.671 22.762v1.101q0 10.647 3.67 20.56q4.04 9.545 11.382 18.356q7.342 8.81 17.989 13.216q11.014 4.405 24.964 4.405q15.052.001 24.965-3.304q10.279-3.67 15.419-10.646q5.14-7.343 9.178-17.255q4.268-9.602 7.502-21.617l.208-.778v-.367l.367-.367v-.367l31.94 1.836v1.468q0 .368.367.734v3.305q0 .366.367.734v1.835q0 2.938-.367 6.241a67 67 0 0 1-1.102 6.242q-.368 1.468-1.101 3.304a72 72 0 0 1-.734 3.304l-1.469 3.671q-.367 1.468-1.101 3.304q-4.406 9.178-11.748 17.99q-7.343 8.81-17.99 16.52q-10.279 7.71-24.23 11.38q-13.583 4.04-30.47 4.039q-19.459 0-35.979-5.874q-16.52-6.24-29.737-18.723q-13.583-12.85-20.192-28.636Q0 156.027 0 136.57q0-20.559 5.507-36.345t16.52-27.167q11.015-11.382 23.13-18.724t25.33-10.646q1.47-.367 2.57-.367l2.938-.735h2.57l2.936-.734a45 45 0 0 1 5.507-.367a45 45 0 0 1 5.507-.367m329.54 0q21.66 0 38.548 5.874q16.887 5.874 28.268 17.622q11.748 11.748 17.255 24.964q5.874 12.85 5.874 26.8V219.54h-34.877V118.214q0-8.078-3.304-15.786q-2.937-8.077-9.178-15.053q-6.24-7.343-17.622-11.013q-11.38-3.671-27.534-3.671q-2.57 0-5.507.367q-2.57.367-5.874 1.101a32 32 0 0 0-6.608 1.468q-3.305 1.103-6.608 2.937q-5.874 2.57-11.381 7.343Q378 90.312 372.86 96.554q-4.773 5.873-7.71 14.685q-2.937 8.444-3.67 19.457q0 14.685 4.038 25.699q4.038 10.646 12.115 17.989q8.443 6.976 17.255 11.38a65 65 0 0 0 19.09 5.14h1.836q.735.367 1.1.367h5.14q4.407 0 8.077-.367a40 40 0 0 0 7.71-2.202a44 44 0 0 0 3.304-1.469l3.671-1.468a39 39 0 0 1 3.304-2.203a17 17 0 0 0 3.305-2.57a17 17 0 0 0 3.304-2.57a45 45 0 0 1 3.67-3.304a45 45 0 0 1 3.672-3.304l3.671-3.671v40.016q-.326.653-.652 1.015l-.082.087v.367a114 114 0 0 1-9.178 5.507a120 120 0 0 1-9.912 4.038q-5.14 1.468-12.482 2.203q-7.343 1.101-16.888 1.101h-4.773q-16.887 0-31.572-5.874q-14.319-6.24-26.433-18.723q-12.116-12.85-18.357-29.37q-5.874-16.888-5.874-37.814q0-18.356 5.874-34.142t17.622-29.003t29.003-19.825t40.017-6.608M253.9 0v43.32h66.816v31.573H253.9v89.578q0 5.14.734 9.179a40 40 0 0 0 2.203 7.71q1.468 3.67 6.24 5.506q5.14 1.468 13.951 1.468l40.751-.734v31.94h-45.523l-.367.367h-2.57q-12.483 0-21.66-3.671q-9.18-3.672-15.053-11.38q-5.874-7.71-9.178-16.522q-2.937-8.81-3.671-18.356a3.26 3.26 0 0 1-.367-1.468V0z"/></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. EtaIcon.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.