Lightstep icon

logos:lightstep

The Lightstep icon (logos:lightstep) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 117 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 117

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="117" viewBox="0 0 512 117"><path fill="#039c49" 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="#121c21" 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>

How to use the Lightstep icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:lightstep" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:lightstep" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:lightstep" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lightstep]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lightstep"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:lightstep"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Lightstep icon" width="24" height="24">

Related icons in SVG Logos

Lightstep icon FAQ

Is the Lightstep icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Lightstep icon in React?

Install @iconify/react and render <Icon icon="logos:lightstep" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lightstep icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Lightstep icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →