Home/Libraries/SVG Logos (Iconify)/lightstep

SVG Logos (Iconify)

Lightstep

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 117"><path fill="#818cf8" d="M77.141 76.743c10.421 0 18.869-8.447 18.869-18.868s-8.448-18.869-18.87-18.869s-18.868 8.448-18.868 18.869S66.72 76.743 77.14 76.743"/><path fill="#818cf8" d="M71.732.263L10.724 32.968c-.629.378-1.132 1.007-1.258 1.636L.032 76.744c-.126.628.126 1.131.629 1.383l79.75 37.61c.63.252 1.384.252 2.14 0l50.944-23.144c.755-.378 1.258-1.007 1.384-1.761L153.747 6.3c.126-.63-.251-1.384-1.006-1.51h-.252L72.864.137c-.251-.251-.754-.126-1.132.126m9.309 112.204L8.334 78.253h25.913l60.756 8.68zM98.274 87.31l29.938 4.277l-43.02 19.624zM36.763 75.485l23.02-45.284l70.945-8.176l-34.09 62.014zm96.103-56.731l-71.574 8.302L73.493 3.03l74.468 4.403zm-75.096 8.68l-38.995 4.528l50.442-26.92zm-45.536 8.302l43.9-5.032l-22.642 44.53H3.428zm120.003 53.46l-32.454-4.654l34.844-63.272l15.347-11.447zm69.813-22.265h20.755v9.812h-32.83V24.792h12.075zm27.298 9.812h11.32V39.132h-11.32zm5.66-55.725c-3.775 0-6.92 3.145-6.92 6.919s3.145 6.918 6.92 6.918c3.773 0 6.918-3.145 6.918-6.918s-3.145-6.919-6.918-6.919m41.133 17.988h10.565v34.34c0 12.58-7.42 20.379-19.37 20.379c-10.945 0-18.493-5.913-18.618-15.221l11.322-.377c.126 3.648 3.143 6.54 6.918 6.415h.125c5.41 0 8.428-3.522 8.428-9.812v-5.912c-1.635 3.145-5.158 5.66-10.44 5.66c-10.188 0-17.988-7.547-17.988-18.365c0-10.314 7.548-18.365 18.365-18.365c4.78 0 9.308 2.767 10.945 6.415v-5.157zm-.125 17.36c0-4.907-4.027-8.932-8.933-8.932s-8.93 4.025-8.93 8.931s4.025 8.931 8.93 8.931c4.906 0 8.933-4.025 8.933-8.93M315.89 38.25a11.18 11.18 0 0 0-10.692 7.045V24.792h-11.323v51.95H305.2V55.989c0-5.284 2.515-8.428 6.792-8.428c4.278 0 6.668 2.893 6.668 7.799v21.384h11.32V53.598c0-9.183-5.66-15.221-14.088-15.347m34.968-8.05h-11.195v8.93h-6.29v8.932h6.29v14.466c0 9.56 5.787 14.214 13.335 14.214h5.533l-.125-9.56h-2.515c-3.398 0-5.033-1.761-5.033-5.158V47.937h7.925v-8.931h-7.925zm66.04 0h-11.194v8.93h-6.29v8.932h6.29v14.466c0 9.56 5.785 14.214 13.332 14.214h5.535l-.125-9.56h-2.517c-3.395 0-5.03-1.761-5.03-5.158V47.937h7.925v-8.931H416.9zm95.097 27.673c0 11.573-7.42 19.624-18.113 19.624c-4.403.125-8.428-2.013-10.945-5.66v18.868h-11.32V39.132h11.32v5.283c1.888-3.648 6.417-6.038 10.945-6.038c10.818 0 18.113 7.925 18.113 19.497m-11.446 0c0-6.037-3.774-10.314-9.057-10.314s-9.183 4.277-9.183 10.314c0 6.038 3.773 10.19 9.183 10.19c5.408 0 9.057-4.026 9.057-10.19m-33.837-.377c0 1.132-.128 2.39-.253 3.522h-26.415v.126c.125 4.528 3.773 8.05 8.302 8.05q5.659 0 7.548-4.528l9.56 1.761c-1.637 6.793-8.43 11.447-17.235 11.447c-11.445 0-19.623-8.176-19.623-19.875s7.925-20 19.246-20c11.07 0 18.87 7.925 18.87 19.497m-11.195-3.522v-.503c-.253-4.151-3.648-7.296-7.8-7.044h-.126c-4.152 0-7.547 3.396-7.547 7.547zm-71.953-.629l-5.03-.755c-2.266-.377-3.523-1.51-3.523-3.144c0-2.139 2.012-3.774 4.78-3.774c3.018-.126 5.66 2.138 5.912 5.157l10.188-.251c-.377-7.548-6.792-12.83-16.1-12.83c-9.31 0-15.598 5.408-15.598 12.956c0 6.54 3.773 10.44 11.95 11.698l5.03.755c3.27.503 4.908 1.383 4.908 3.647c0 2.265-2.14 3.397-5.41 3.397c-3.9 0-6.415-2.013-6.668-5.158l-10.44.252c.253 7.548 7.295 12.83 17.108 12.83c9.812 0 16.353-5.157 16.353-12.704c0-6.541-4.655-10.818-13.46-12.076"/></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. LightstepIcon.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.