Icono Lightstep

logos:lightstep

El icono Lightstep (logos:lightstep) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 117. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 117

Descargar SVG

Código SVG

<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>

Cómo usar el icono Lightstep

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>

Imagen HTML

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

Iconos relacionados en SVG Logos

Preguntas frecuentes sobre Icono Lightstep

¿El icono Lightstep es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Lightstep en React?

Instala @iconify/react y renderiza <Icon icon="logos:lightstep" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lightstep a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Icono Lightstep">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →