Ikon Lightstep
logos:lightstep
Ikon Lightstep (logos:lightstep) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 117. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 117
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Ikon Lightstep" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Lightstep
Apakah ikon Lightstep gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lightstep di React?
Pasang @iconify/react lalu render <Icon icon="logos:lightstep" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lightstep ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/lightstep.svg" alt="Ikon Lightstep">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.