Home/Libraries/SVG Logos (Iconify)/stepsize

SVG Logos (Iconify)

Stepsize

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 118"><defs><linearGradient id="logosStepsize0" x1="32.521%" x2="102.581%" y1="-18.705%" y2="72.992%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsize1" x1="-2.438%" x2="67.621%" y1="26.908%" y2="118.609%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsize2" x1="67.479%" x2="-2.581%" y1="118.709%" y2="27.009%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient><linearGradient id="logosStepsize3" x1="102.438%" x2="32.377%" y1="73.093%" y2="-18.613%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient></defs><path fill="#818cf8" d="M179.446 50.402c-3.63-3.423-7.78-4.565-12.656-4.565c-6.016 0-9.336 1.868-9.336 5.086c0 3.32 3.007 5.189 9.543 5.604c9.649.622 21.89 2.802 21.89 16.397c0 9.03-7.366 16.812-21.994 16.812c-8.091 0-16.184-1.348-23.652-9.132l6.224-9.028c3.63 4.047 11.93 7.057 17.636 7.161c4.772.104 9.232-2.386 9.232-6.123c0-3.528-2.903-4.981-10.166-5.397c-9.647-.724-21.164-4.255-21.164-15.879c0-11.83 12.243-15.982 21.579-15.982c7.989 0 14.005 1.558 19.919 6.746zm33.528-36.148v22.658h14.11V47.81H212.87v22.105c0 4.879 2.698 7.267 6.64 7.267c1.972 0 4.254-.624 6.12-1.558l3.528 10.792c-3.63 1.455-6.64 2.076-10.478 2.18c-11.1.415-18.363-5.914-18.363-18.68V47.808h-9.543V36.912h9.543V23.73zm30.415 52.649c.83 6.33 6.329 10.897 15.25 10.897c4.669 0 10.79-1.764 13.694-4.773l8.092 7.99c-5.395 5.605-14.214 8.303-21.994 8.303c-17.636 0-28.113-10.896-28.113-27.295c0-15.567 10.581-26.774 27.18-26.774c17.118 0 27.803 10.585 25.831 31.652zm27.802-10.481c-.827-6.643-6.015-9.964-13.278-9.964c-6.846 0-12.448 3.321-14.314 9.964zm17.967 49.099V36.808h11.825l.83 7.057c3.942-5.708 10.79-8.2 16.6-8.2c15.767 0 26.246 11.729 26.246 26.778c0 14.943-9.44 26.774-25.832 26.774c-5.393 0-13.382-1.66-17.013-7.264v36.023zm42.847-43.08c0-7.991-5.396-14.53-14.527-14.53s-14.522 6.539-14.522 14.53s5.913 14.529 14.522 14.529c8.61.001 14.527-6.538 14.527-14.528m51.474-12.039c-3.631-3.423-7.78-4.565-12.655-4.565c-6.017 0-9.337 1.868-9.337 5.086c0 3.32 3.007 5.189 9.544 5.604c9.648.622 21.888 2.802 21.888 16.397c0 9.03-7.365 16.812-21.991 16.812c-8.093 0-16.185-1.348-23.654-9.132l6.224-9.028c3.63 4.047 11.93 7.057 17.637 7.161c4.772.104 9.23-2.386 9.23-6.123c0-3.528-2.903-4.981-10.168-5.397c-9.648-.724-21.16-4.255-21.16-15.879c0-11.83 12.24-15.982 21.577-15.982c7.989 0 14.006 1.558 19.916 6.746zm13.608 37.571h12.657V36.6h-12.657zm61.971-51.165L437.39 75.52h19.302l-.2 12.455H413.21l25.61-39.646h-21.805l.269-11.52zm12.768 30.095c.83 6.33 6.327 10.897 15.247 10.897c4.672 0 10.792-1.764 13.695-4.773l8.093 7.99c-5.396 5.605-14.213 8.303-21.995 8.303c-17.633 0-28.112-10.896-28.112-27.295c0-15.567 10.582-26.774 27.18-26.774c17.117 0 27.802 10.585 25.833 31.652zm27.801-10.481c-.83-6.643-6.017-9.964-13.282-9.964c-6.844 0-12.447 3.321-14.312 9.964zM125.82 27.716L105.643.399H47.875L30.07 55.428l20.18 27.316l17.408-55.028zm-50.248 5.146l19.783 27.316l-17.014 55.029H20.18L0 87.89h58.163z"/><path fill="#818cf8" d="m78.081 115.6l-28.928-.086l8.702-27.63z"/><path fill="#818cf8" d="m49.147 115.505l-28.928-.086l8.703-27.63zm17.409-55.251l28.928.086l-8.703 27.631z"/><path fill="#818cf8" d="m0 87.713l28.928.086l-8.703 27.63zm95.484-27.375l-28.928-.086l8.702-27.631z"/><path fill="#818cf8" d="m57.854 87.884l28.928.086l-8.702 27.63z"/><path fill="url(#logosStepsize0)" d="m49.147 115.515l8.702-27.629l-28.928-.086z"/><path fill="url(#logosStepsize1)" d="m57.854 87.886l28.928.085l-20.226-27.717z"/><path fill="#818cf8" d="m47.738 0l28.928.086l-8.702 27.631z"/><path fill="#818cf8" d="M76.672.098L105.6.184l-8.703 27.63zM59.263 55.349l-28.928-.086l8.703-27.63z"/><path fill="#818cf8" d="m125.819 27.89l-28.928-.086l8.703-27.63zM30.335 55.262l28.928.086l-8.702 27.631z"/><path fill="#818cf8" d="m67.965 27.717l-28.928-.087L47.739 0z"/><path fill="url(#logosStepsize2)" d="m67.97 27.717l28.928.085L76.672.085z"/><path fill="url(#logosStepsize3)" d="m59.261 55.349l8.703-27.63l-28.927-.086z"/></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. StepsizeIcon.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.