lightstep icon logo

lightstep-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
lightstep-icon
Set
SVG Logos
Style
Color
Viewbox
256×193
License
CC0

Use the lightstep icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><path fill="#039c49" d="M128.423 127.761c17.349 0 31.412-14.064 31.412-31.412s-14.063-31.412-31.412-31.412S97.012 79.001 97.012 96.35s14.063 31.412 31.411 31.412"/><path fill="#121c21" d="M119.419.438L17.853 54.885c-1.047.628-1.884 1.675-2.094 2.722L.053 127.76c-.209 1.048.21 1.885 1.047 2.304l132.768 62.614c1.047.42 2.304.42 3.56 0l84.812-38.531c1.256-.629 2.094-1.676 2.304-2.932l31.411-140.726c.21-1.047-.418-2.303-1.675-2.512h-.418L121.303.228c-.419-.419-1.256-.21-1.884.21m15.496 186.796l-121.04-56.96h43.139l101.146 14.449zm28.69-41.883l49.84 7.12l-71.62 32.669zM61.201 125.667l38.322-75.39l118.109-13.611l-56.75 103.24zM221.193 31.22L102.037 45.042L122.35 5.045l123.972 7.33zM96.173 45.67l-64.916 7.54L115.23 8.395zM20.367 59.492l73.085-8.376l-37.694 74.132H5.707zm199.78 89l-54.029-7.748L224.125 35.41l25.548-19.056z"/></svg>

React

import type { SVGProps } from "react";

export function LogosLightstepIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><path fill="#039c49" d="M128.423 127.761c17.349 0 31.412-14.064 31.412-31.412s-14.063-31.412-31.412-31.412S97.012 79.001 97.012 96.35s14.063 31.412 31.411 31.412"/><path fill="#121c21" d="M119.419.438L17.853 54.885c-1.047.628-1.884 1.675-2.094 2.722L.053 127.76c-.209 1.048.21 1.885 1.047 2.304l132.768 62.614c1.047.42 2.304.42 3.56 0l84.812-38.531c1.256-.629 2.094-1.676 2.304-2.932l31.411-140.726c.21-1.047-.418-2.303-1.675-2.512h-.418L121.303.228c-.419-.419-1.256-.21-1.884.21m15.496 186.796l-121.04-56.96h43.139l101.146 14.449zm28.69-41.883l49.84 7.12l-71.62 32.669zM61.201 125.667l38.322-75.39l118.109-13.611l-56.75 103.24zM221.193 31.22L102.037 45.042L122.35 5.045l123.972 7.33zM96.173 45.67l-64.916 7.54L115.23 8.395zM20.367 59.492l73.085-8.376l-37.694 74.132H5.707zm199.78 89l-54.029-7.748L224.125 35.41l25.548-19.056z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 193"><path fill="#039c49" d="M128.423 127.761c17.349 0 31.412-14.064 31.412-31.412s-14.063-31.412-31.412-31.412S97.012 79.001 97.012 96.35s14.063 31.412 31.411 31.412"/><path fill="#121c21" d="M119.419.438L17.853 54.885c-1.047.628-1.884 1.675-2.094 2.722L.053 127.76c-.209 1.048.21 1.885 1.047 2.304l132.768 62.614c1.047.42 2.304.42 3.56 0l84.812-38.531c1.256-.629 2.094-1.676 2.304-2.932l31.411-140.726c.21-1.047-.418-2.303-1.675-2.512h-.418L121.303.228c-.419-.419-1.256-.21-1.884.21m15.496 186.796l-121.04-56.96h43.139l101.146 14.449zm28.69-41.883l49.84 7.12l-71.62 32.669zM61.201 125.667l38.322-75.39l118.109-13.611l-56.75 103.24zM221.193 31.22L102.037 45.042L122.35 5.045l123.972 7.33zM96.173 45.67l-64.916 7.54L115.23 8.395zM20.367 59.492l73.085-8.376l-37.694 74.132H5.707zm199.78 89l-54.029-7.748L224.125 35.41l25.548-19.056z"/></svg>
</template>

CSS

.icon-lightstep-icon {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20193%22%3E%3Cpath%20fill%3D%22%23039c49%22%20d%3D%22M128.423%20127.761c17.349%200%2031.412-14.064%2031.412-31.412s-14.063-31.412-31.412-31.412S97.012%2079.001%2097.012%2096.35s14.063%2031.412%2031.411%2031.412%22%2F%3E%3Cpath%20fill%3D%22%23121c21%22%20d%3D%22M119.419.438L17.853%2054.885c-1.047.628-1.884%201.675-2.094%202.722L.053%20127.76c-.209%201.048.21%201.885%201.047%202.304l132.768%2062.614c1.047.42%202.304.42%203.56%200l84.812-38.531c1.256-.629%202.094-1.676%202.304-2.932l31.411-140.726c.21-1.047-.418-2.303-1.675-2.512h-.418L121.303.228c-.419-.419-1.256-.21-1.884.21m15.496%20186.796l-121.04-56.96h43.139l101.146%2014.449zm28.69-41.883l49.84%207.12l-71.62%2032.669zM61.201%20125.667l38.322-75.39l118.109-13.611l-56.75%20103.24zM221.193%2031.22L102.037%2045.042L122.35%205.045l123.972%207.33zM96.173%2045.67l-64.916%207.54L115.23%208.395zM20.367%2059.492l73.085-8.376l-37.694%2074.132H5.707zm199.78%2089l-54.029-7.748L224.125%2035.41l25.548-19.056z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20193%22%3E%3Cpath%20fill%3D%22%23039c49%22%20d%3D%22M128.423%20127.761c17.349%200%2031.412-14.064%2031.412-31.412s-14.063-31.412-31.412-31.412S97.012%2079.001%2097.012%2096.35s14.063%2031.412%2031.411%2031.412%22%2F%3E%3Cpath%20fill%3D%22%23121c21%22%20d%3D%22M119.419.438L17.853%2054.885c-1.047.628-1.884%201.675-2.094%202.722L.053%20127.76c-.209%201.048.21%201.885%201.047%202.304l132.768%2062.614c1.047.42%202.304.42%203.56%200l84.812-38.531c1.256-.629%202.094-1.676%202.304-2.932l31.411-140.726c.21-1.047-.418-2.303-1.675-2.512h-.418L121.303.228c-.419-.419-1.256-.21-1.884.21m15.496%20186.796l-121.04-56.96h43.139l101.146%2014.449zm28.69-41.883l49.84%207.12l-71.62%2032.669zM61.201%20125.667l38.322-75.39l118.109-13.611l-56.75%20103.24zM221.193%2031.22L102.037%2045.042L122.35%205.045l123.972%207.33zM96.173%2045.67l-64.916%207.54L115.23%208.395zM20.367%2059.492l73.085-8.376l-37.694%2074.132H5.707zm199.78%2089l-54.029-7.748L224.125%2035.41l25.548-19.056z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/lightstep-icon.svg?color=%231a73e8&size=48